1/******/ (function() { // webpackBootstrap 2/******/ var __webpack_modules__ = ({ 3
4/***/ "./src/components/dimentions-control/index.js": 5/*!****************************************************!*\ 6 !*** ./src/components/dimentions-control/index.js ***! 7 \****************************************************/ 8/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { 9 10"use strict"; 11__webpack_require__.r(__webpack_exports__); 12/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); 13/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 14/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); 15/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); 16/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); 17/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__); 18 19 20/** 21 * WordPress dependencies 22 */ 23 24 25 26/** 27 * DimensionsControl controls 28 */ 29 30const DimensionsControl = props => { 31 const { 32 setAttributes, 33 lavel, 34 dimensions, 35 device, 36 attributesKey 37 } = props; 38 39 const onChangeData = (newValue, dataKey) => { 40 const newDimensions = { ...dimensions 41 }; 42 43 if (props.responsive && props.device) { 44 let linkAll = dimensions.link ? dimensions.link : 'yes'; 45 46 if (linkAll === 'yes') { 47 newDimensions[device] = { 48 top: newValue, 49 right: newValue, 50 bottom: newValue, 51 left: newValue 52 }; 53 newDimensions.link = 'yes'; 54 newDimensions.unit = dimensions.unit ? dimensions.unit : 'px'; 55 } else { 56 newDimensions[device] = { 57 top: newDimensions[device].top !== '' ? newDimensions[device].top : '0', 58 right: newDimensions[device].right !== '' ? newDimensions[device].right : '0', 59 bottom: newDimensions[device].bottom !== '' ? newDimensions[device].bottom : '0', 60 left: newDimensions[device].left !== '' ? newDimensions[device].left : '0', 61 link: 'no', 62 unit: newDimensions[device].unit !== '' ? newDimensions[device].unit : 'px', 63 [dataKey]: newValue 64 }; 65 newDimensions.link = 'no'; 66 newDimensions.unit = dimensions.unit !== '' ? dimensions.unit : 'px'; 67 } 68 69 console.log(newDimensions); 70 } else { 71 if (newDimensions.link === 'yes') { 72 newDimensions.top = newValue; 73 newDimensions.right = newValue; 74 newDimensions.bottom = newValue; 75 newDimensions.left = newValue; 76 newDimensions.link = 'yes'; 77 } else { 78 newDimensions.top = newDimensions.top !== '' ? newDimensions.top : '0'; 79 newDimensions.right = newDimensions.right !== '' ? newDimensions.right : '0'; 80 newDimensions.bottom = newDimensions.bottom !== '' ? newDimensions.bottom : '0'; 81 newDimensions.left = newDimensions.left !== '' ? newDimensions.left : '0'; 82 newDimensions.link = 'no'; 83 newDimensions[dataKey] = newValue; 84 } 85 } 86 87 setAttributes({ 88 [attributesKey]: newDimensions 89 }); 90 }; 91 92 const onClickUnit = event => { 93 const newDimensions = { ...dimensions 94 }; 95 newDimensions.unit = event.target.value; 96 setAttributes({ 97 [attributesKey]: newDimensions 98 }); 99 }; 100 101 const setLinkAllHandler = () => { 102 const newDimensions = { ...dimensions 103 }; 104 105 if (newDimensions.link === 'yes') { 106 newDimensions.link = 'no'; 107 } else { 108 newDimensions.link = 'yes'; 109 } 110 111 setAttributes({ 112 [attributesKey]: newDimensions 113 }); 114 }; 115 116 return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { 117 className: "wp-block-selector-ht-contactform-dimensions-control" 118 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, { 119 className: 'ht-contactform-panel-row-height-auto', 120 style: { 121 minHeight: 'auto' 122 } 123 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, lavel), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ButtonGroup, { 124 className: "ht-contactform-dimensions-btn-group" 125 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { 126 value: "px", 127 text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('PX', 'ht-contactform'), 128 isPrimary: dimensions.unit === 'px', 129 isSecondary: dimensions.unit !== 'px', 130 onClick: onClickUnit, 131 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('PX', 'ht-contactform'), 132 focus: false 133 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { 134 value: "%", 135 text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('%', 'ht-contactform'), 136 isPrimary: dimensions.unit === '%', 137 isSecondary: dimensions.unit !== '%', 138 onClick: onClickUnit, 139 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('%', 'ht-contactform'), 140 focus: false 141 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { 142 value: "em", 143 text: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('EM', 'ht-contactform'), 144 isPrimary: dimensions.unit === 'em', 145 isSecondary: dimensions.unit !== 'em', 146 onClick: onClickUnit, 147 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('EM', 'ht-contactform'), 148 focus: false 149 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNumberControl, { 150 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Top', 'ht-contactform'), 151 isShiftStepEnabled: true, 152 onChange: newValue => onChangeData(newValue, 'top'), 153 shiftStep: 10, 154 value: props.responsive && props.device ? dimensions[device].top : dimensions.top, 155 labelPosition: 'bottom' 156 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNumberControl, { 157 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Right', 'ht-contactform'), 158 isShiftStepEnabled: true, 159 onChange: newValue => onChangeData(newValue, 'right'), 160 shiftStep: 10, 161 value: props.responsive && props.device ? dimensions[device].r
161ight : dimensions.right, 162 labelPosition: 'bottom' 163 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNumberControl, { 164 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Bottom', 'ht-contactform'), 165 isShiftStepEnabled: true, 166 onChange: newValue => onChangeData(newValue, 'bottom'), 167 shiftStep: 10, 168 value: props.responsive && props.device ? dimensions[device].bottom : dimensions.bottom, 169 labelPosition: 'bottom' 170 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNumberControl, { 171 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Left', 'ht-contactform'), 172 isShiftStepEnabled: true, 173 onChange: newValue => onChangeData(newValue, 'left'), 174 shiftStep: 10, 175 value: props.responsive && props.device ? dimensions[device].left : dimensions.left, 176 labelPosition: 'bottom' 177 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { 178 icon: "admin-links", 179 value: "yes", 180 isPrimary: dimensions.link === 'yes', 181 isSecondary: dimensions.link !== 'yes', 182 onClick: setLinkAllHandler, 183 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Link values together', 'ht-contactform'), 184 showTooltip: true 185 })))); 186}; 187 188/* harmony default export */ __webpack_exports__["default"] = (DimensionsControl); 189 190/***/ }), 191
192/***/ "./src/ht-contactform-block/Edit.js": 193/*!******************************************!*\ 194 !*** ./src/ht-contactform-block/Edit.js ***! 195 \******************************************/ 196/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { 197 198"use strict"; 199__webpack_require__.r(__webpack_exports__); 200/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); 201/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 202/* harmony import */ var _inspector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./inspector */ "./src/ht-contactform-block/inspector.js"); 203/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); 204/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); 205/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); 206/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); 207 208 209/** 210 * Internal dependencies 211 */ 212 213/** 214 * WordPress dependencies 215 */ 216 217 218 219 220const { 221 serverSideRender: ServerSideRender 222} = wp; 223 224class Edit extends _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Component { 225 render() { 226 const { 227 clientId, 228 attributes, 229 className, 230 setAttributes 231 } = this.props; 232 const { 233 formId, 234 blockUniqId 235 } = attributes; 236 { 237 blockUniqId == '' && setAttributes({ 238 blockUniqId: clientId 239 }); 240 } 241 const areaClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()(className, { 242 [`ht-contactform-area-${attributes.align}`]: attributes.align 243 }); 244 let htBlockUniqId = `ht-editor-bock-${blockUniqId}`; 245 return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { 246 id: htBlockUniqId, 247 className: areaClasses 248 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(ServerSideRender, { 249 block: "block/ht-contactform", 250 attributes: { 251 formId: formId 252 } 253 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_inspector__WEBPACK_IMPORTED_MODULE_1__["default"], this.props)); 254 } 255 256} 257 258/* harmony default export */ __webpack_exports__["default"] = (Edit); 259 260/***/ }), 261
262/***/ "./src/ht-contactform-block/icon.js": 263/*!******************************************!*\ 264 !*** ./src/ht-contactform-block/icon.js ***! 265 \******************************************/ 266/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { 267 268"use strict"; 269__webpack_require__.r(__webpack_exports__); 270/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); 271/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 272/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); 273/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__); 274 275 276/** 277 * WordPress dependencies 278 */ 279 280/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", { 281 "aria-hidden": "true", 282 focusable: "false", 283 "data-prefix": "fas", 284 "data-icon": "envelope-open-text", 285 class: "svg-inline--fa fa-envelope-open-text fa-w-16", 286 role: "img", 287 xmlns: "http://www.w3.org/2000/svg", 288 viewBox: "0 0 512 512" 289}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", { 290 fill: "currentColor", 291 d: "M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z" 292}))); 293 294/***/ }), 295
296/***/ "./src/ht-contactform-block/index.js": 297/*!*******************************************!*\ 298 !*** ./src/ht-contactform-block/index.js ***! 299 \*******************************************/ 300/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { 301 302"use strict"; 303__webpack_require__.r(__webpack_exports__); 304/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); 305/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 306/* harmony import */ var _Edit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Edit */ "./src/ht-contactform-block/Edit.js"); 307/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./block.json */ "./src/ht-contactform-block/block.json"); 308/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./icon */ "./src/ht-contactform-block/icon.js"); 309/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); 310/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); 311/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks"); 312/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_5__); 313/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); 314/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_6__); 315 316 317/** 318 * Internal dependencies 319 */ 320 321 322 323/** 324 * WordPress dependencies 325 */ 326 327 328 329 330(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_5__.registerBlockType)('block/ht-contactform', { 331 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('HT Contact Form 7'), 332 icon: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_6__.Icon, { 333 icon: _icon__WEBPACK_IMPORTED_MODULE_3__["default"] 334 }), 335 category: 'common', 336 keywords: [(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('ht-contactform'), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('contact-form')], 337 supports: { 338 align: ['wide', 'full'] 339 }, 340 attributes: _block_json__WEBPACK_IMPORTED_MODULE_2__, 341 edit: _Edit__WEBPACK_IMPORTED_MODULE_1__["default"], 342 save: props => { 343 return null; 344 } 345}); 346 347/***/ }), 348
349/***/ "./src/ht-contactform-block/inspector.js": 350/*!***********************************************!*\ 351 !*** ./src/ht-contactform-block/inspector.js ***! 352 \***********************************************/ 353/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { 354 355"use strict"; 356__webpack_require__.r(__webpack_exports__); 357/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); 358/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); 359/* harmony import */ var _components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/dimentions-control */ "./src/components/dimentions-control/index.js"); 360/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); 361/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); 362/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor"); 363/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); 364/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); 365/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__); 366/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); 367/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5__); 368 369 370/** 371 * Internal dependencies 372 */ 373 374/** 375 * WordPress dependencies 376 */ 377 378 379 380 381 382 383const { 384 addQueryArgs 385} = wp.url; 386 387class Inspector extends _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Component { 388 constructor(props) { 389 super(props); 390 this.state = { 391 contactFormPosts: [], 392 device: 'desktop' 393 }; 394 } 395 396 componentDidMount() { 397 this.fetchContactFormPosts(); 398 } 399 400 fetchContactFormPosts() { 401 var queryAttrData = { 402 wpnonce: htcontactdata.security 403 }; 404 var query = addQueryArgs('/htcontactform/v1/posts', queryAttrData); 405 _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_5___default()({ 406 path: query 407 }).then(data => { 408 var postlist = [{ 409 label: 'Select', 410 value: '', 411 disabled: true 412 }]; 413 414 for (var key in data) { 415 postlist.push({ 416 label: data[key], 417 value: key 418 }); 419 } 420 421 this.setState({ 422 contactFormPosts: postlist 423 }); 424 }); 425 } 426 427 render() { 428 const { 429 contactFormPosts 430 } = this.state; 431 const { 432 className, 433 attributes, 434 setAttributes 435 } = this.props; 436 const { 437 formId, 438 inputBorderRadius, 439 inputPadding, 440 borderType, 441 areaMargin, 442 inputMargin, 443 blockUniqId, 444 buttonPadding, 445 buttonMargin, 446 btnBorderType, 447 buttonBorderRadius, 448 labelFontSize, 449 btnFontSize, 450 inputTextSize, 451 inputHight, 452 textAreaHight 453 } = attributes; 454 const colorSelectorStyles = { 455 selectedColorDisplay: { 456 width: 30, 457 height: 12, 458 display: "inline-block", 459 marginLeft: 10, 460 verticalAlign: "middle" 461 } 462 }; 463 464 const handleTabs = (event, stateKey, value) => { 465 this.setState({ 466 [stateKey]: value 467 }); 468 }; 469 470 const onChangeResponsiveData = (newValue, device, dataKey) => { 471 const newDimensions = { ...attributes[dataKey] 472 }; 473 newDimensions[device] = newValue; 474 setAttributes({ 475 [dataKey]: newDimensions 476 }); 477 }; 478 479 const formStyle = ` 480 #ht-editor-bock-${blockUniqId}{ 481 margin: ${areaMargin.top}${areaMargin.unit} ${areaMargin.right}${areaMargin.unit} ${areaMargin.bottom}${areaMargin.unit} ${areaMargin.left}${areaMargin.unit}; 482 } 483 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=text], 484 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=email], 485 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=password], 486 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=search], 487 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=tel], 488 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=url], 489 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 select{ 490 height: ${inputHight.desktop}px; 491 } 492 493 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input:not([type=checkbox]):not([type=submit]), 494 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 textarea{ 495 font-size: ${attributes.inputTextSize.desktop};
496 background:${attributes.inputBackground}; 497 color: ${attributes.inputTextColor}; 498 Padding: ${inputPadding.top}${inputPadding.unit} ${inputPadding.right}${inputPadding.unit} ${inputPadding.bottom}${inputPadding.unit} ${inputPadding.left}${inputPadding.unit}; 499 margin: ${inputMargin.top}${inputMargin.unit} ${inputMargin.right}${inputMargin.unit} ${inputMargin.bottom}${inputMargin.unit} ${inputMargin.left}${inputMargin.unit}; 500 border: ${attributes.borderWidth}px ${borderType} ${attributes.borderColor}; 501 border-radius: ${inputBorderRadius.top}${inputBorderRadius.unit} ${inputBorderRadius.right}${inputBorderRadius.unit} ${inputBorderRadius.bottom}${inputBorderRadius.unit} ${inputBorderRadius.left}${inputBorderRadius.unit}; 502 } 503 504 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 textarea{ 505 height: ${textAreaHight.desktop}px; 506 } 507 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 label{ 508 font-size: ${labelFontSize.desktop}; 509 color: ${attributes.labelColor}; 510 } 511 #ht-editor-bock-${blockUniqId} #wpcf7-f${formId}-o1.wpcf7 input[type=submit]{ 512 font-size: ${btnFontSize.desktop}; 513 Padding: ${buttonPadding.desktop.top}${buttonPadding.unit} ${buttonPadding.desktop.right}${buttonPadding.unit} ${buttonPadding.desktop.bottom}${buttonPadding.unit} ${buttonPadding.desktop.left}${buttonPadding.unit}; 514 margin: ${buttonMargin.desktop.top}${buttonMargin.unit} ${buttonMargin.desktop.right}${buttonMargin.unit} ${buttonMargin.desktop.bottom}${buttonMargin.unit} ${buttonMargin.desktop.left}${buttonMargin.unit}; 515 color: ${attributes.btnTextColor}; 516 border: ${attributes.btnBorderWidth}px ${btnBorderType} ${attributes.btnBorderColor}; 517 border-radius: ${buttonBorderRadius.top}${buttonBorderRadius.unit} ${buttonBorderRadius.right}${buttonBorderRadius.unit} ${buttonBorderRadius.bottom}${buttonBorderRadius.unit} ${buttonBorderRadius.left}${buttonBorderRadius.unit}; 518 background:${attributes.btnBackgroundColor}; 519 }`; 520 return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, { 521 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Settings", 'ht-contactform'), 522 initialOpen: true 523 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.SelectControl, { 524 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Select Form', 'ht-contactform'), 525 value: formId, 526 options: contactFormPosts, 527 onChange: newId => setAttributes({ 528 formId: newId 529 }) 530 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, { 531 title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Style", 'ht-contactform'), 532 initialOpen: false 533 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 534 className: 'ht-contactform-blocks-section-title' 535 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Area', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 536 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Margin', 'ht-contactform'), 537 dimensions: areaMargin, 538 attributesKey: 'areaMargin', 539 setAttributes: setAttributes 540 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 541 className: 'ht-contactform-blocks-section-title' 542 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.SelectControl, { 543 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Type', 'ht-contactform'), 544 value: borderType, 545 options: [{ 546 value: 'none', 547 label: 'None' 548 }, { 549 value: 'solid', 550 label: 'Solid' 551 }, { 552 value: 'double', 553 label: 'Double' 554 }, { 555 value: 'dotted', 556 label: 'Dotted' 557 }, { 558 value: 'dashed', 559 label: 'Dashed' 560 }, { 561 value: 'groove', 562 label: 'Groove' 563 }], 564 onChange: newType => setAttributes({ 565 borderType: newType 566 }) 567 }), borderType !== 'none' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.RangeControl, { 568 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Width', 'ht-contactform'), 569 value: attributes.borderWidth, 570 onChange: newValue => setAttributes({ 571 borderWidth: newValue 572 }), 573 min: 0, 574 step: 1, 575 max: 10 576 }) : '', (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 577 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Radius', 'ht-contactform'), 578 dimensions: inputBorderRadius, 579 attributesKey: 'inputBorderRadius', 580 setAttributes: setAttributes 581 }), borderType !== 'none' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 582 style: { 583 marginTop: 15 584 } 585 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Border Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 586 style: { ...colorSelectorStyles.selectedColorDisplay, 587 backgroundColor: attributes.borderColor 588 } 589 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 590 colors: [{ 591 name: 'Black', 592 color: '#000000' 593 }, { 594 name: 'Orange',
595 color: '#FF6900' 596 }, { 597 name: 'Vivid Red', 598 color: '#CF2E2E' 599 }, { 600 name: 'Pink', 601 color: '#F78DA7' 602 }, { 603 name: 'White', 604 color: '#FFFFFF' 605 }, { 606 name: 'Blue', 607 color: '#8ED1FC' 608 }], 609 value: attributes.borderColor, 610 onChange: newColor => setAttributes({ 611 borderColor: newColor 612 }) 613 })) : '', (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 614 className: 'ht-contactform-blocks-section-title' 615 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Field', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 616 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Padding', 'ht-contactform'), 617 dimensions: inputPadding, 618 attributesKey: 'inputPadding', 619 setAttributes: setAttributes 620 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 621 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Margin', 'ht-contactform'), 622 dimensions: inputMargin, 623 attributesKey: 'inputMargin', 624 setAttributes: setAttributes 625 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 626 style: { 627 marginTop: 15 628 } 629 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Backgroun
629d Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 630 style: { ...colorSelectorStyles.selectedColorDisplay, 631 backgroundColor: attributes.inputBackground 632 } 633 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 634 colors: [{ 635 name: 'Black', 636 color: '#000000' 637 }, { 638 name: 'Orange', 639 color: '#FF6900' 640 }, { 641 name: 'Vivid Red', 642 color: '#CF2E2E' 643 }, { 644 name: 'Pink', 645 color: '#F78DA7' 646 }, { 647 name: 'White', 648 color: '#FFFFFF' 649 }, { 650 name: 'Blue', 651 color: '#8ED1FC' 652 }], 653 value: attributes.inputBackground, 654 onChange: newColor => setAttributes({ 655 inputBackground: newColor 656 }) 657 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 658 className: 'ht-contactform-blocks-section-title' 659 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Field Text', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 660 className: "ht-contactform-device-row", 661 style: { 662 minHeight: 'auto' 663 } 664 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Font Size', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 665 className: "ht-contactform-device-button" 666 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 667 icon: "desktop", 668 value: "desktop", 669 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 670 isPrimary: this.state.device === 'desktop', 671 isSecondary: this.state.device !== 'desktop', 672 onClick: event => handleTabs(event, 'device', 'desktop') 673 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 674 icon: "laptop", 675 value: "laptop", 676 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 677 isPrimary: this.state.device === 'laptop', 678 isSecondary: this.state.device !== 'laptop', 679 onClick: event => handleTabs(event, 'device', 'laptop') 680 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 681 icon: "tablet", 682 value: "tablet", 683 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 684 isPrimary: this.state.device === 'tablet', 685 isSecondary: this.state.device !== 'tablet', 686 onClick: event => handleTabs(event, 'device', 'tablet') 687 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 688 icon: "smartphone", 689 value: "mobile", 690 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 691 isPrimary: this.state.device === 'mobile', 692 isSecondary: this.state.device !== 'mobile', 693 onClick: event => handleTabs(event, 'device', 'mobile') 694 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.FontSizePicker, { 695 fontSizes: [{ 696 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 697 slug: 'small', 698 size: '12px' 699 }, { 700 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 701 slug: 'medium', 702 size: '18px' 703 }, { 704 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 705 slug: 'large', 706 size: '24px' 707 }], 708 value: inputTextSize[this.state.device], 709 fallbackFontSize: inputTextSize.desktop, 710 onChange: newValue => onChangeResponsiveData(newValue, this.state.device, 'inputTextSize') 711 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 712 style: { 713 marginTop: 15 714 } 715 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Text Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 716 style: { ...colorSelectorStyles.selectedColorDisplay, 717 backgroundColor: attributes.inputTextColor 718 } 719 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 720 colors: [{ 721 name: 'Black', 722 color: '#000000' 723 }, { 724 name: 'Orange',
725 color: '#FF6900' 726 }, { 727 name: 'Vivid Red', 728 color: '#CF2E2E' 729 }, { 730 name: 'Pink', 731 color: '#F78DA7' 732 }, { 733 name: 'White', 734 color: '#FFFFFF' 735 }, { 736 name: 'Blue', 737 color: '#8ED1FC' 738 }], 739 value: attributes.inputTextColor, 740 onChange: newColor => setAttributes({ 741 inputTextColor: newColor 742 }) 743 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 744 className: 'ht-contactform-blocks-section-title' 745 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Input', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 746 className: "ht-contactform-device-row", 747 style: { 748 minHeight: 'auto' 749 } 750 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Height', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 751 className: "ht-contactform-device-button" 752 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 753 icon: "desktop", 754 value: "desktop", 755 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 756 isPrimary: this.state.device === 'desktop', 757 isSecondary: this.state.device !== 'desktop', 758 onClick: event => handleTabs(event, 'device', 'desktop') 759 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 760 icon: "laptop", 761 value: "laptop", 762 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 763 isPrimary: this.state.device === 'laptop', 764 isSecondary: this.state.device !== 'laptop', 765 onClick: event => handleTabs(event, 'device', 'laptop') 766 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 767 icon: "tablet", 768 value: "tablet", 769 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 770 isPrimary: this.state.device === 'tablet', 771 isSecondary: this.state.device !== 'tablet', 772 onClick: event => handleTabs(event, 'device', 'tablet') 773 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 774 icon: "smartphone", 775 value: "mobile", 776 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 777 isPrimary: this.state.device === 'mobile', 778 isSecondary: this.state.device !== 'mobile', 779 onClick: event => handleTabs(event, 'device', 'mobile') 780 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.RangeControl, { 781 label: "Height", 782 value: inputHight[this.state.device], 783 onChange: newValue => onChangeResponsiveData(newValue, this.state.device, 'inputHight'), 784 min: 1, 785 step: 1, 786 max: 150 787 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 788 className: 'ht-contactform-blocks-section-title' 789 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Textarea', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 790 className: "ht-contactform-device-row", 791 style: { 792 minHeight: 'auto' 793 } 794 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Height', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 795 className: "ht-contactform-device-button" 796 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 797 icon: "desktop", 798 value: "desktop", 799 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 800 isPrimary: this.state.device === 'desktop', 801 isSecondary: this.state.device !== 'desktop', 802 onClick: event => handleTabs(event, 'device', 'desktop') 803 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 804 icon: "laptop", 805 value: "laptop", 806 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 807 isPrimary: this.state.device === 'laptop', 808 isSecondary: this.state.device !== 'laptop', 809 onClick: event => handleTabs(event, 'device', 'laptop') 810 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 811 icon: "tablet", 812 value: "tablet", 813 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 814 isPrimary: this.state.device === 'tablet', 815 isSecondary: this.state.device !== 'tablet', 816 onClick: event => handleTabs(event, 'device', 'tablet') 817 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 818 icon: "smartphone", 819 value: "mobile", 820 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 821 isPrimary: this.state.device === 'mobile', 822 isSecondary: this.state.device !== 'mobile', 823 onClick: event => handleTabs(event, 'device', 'mobile') 824 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.RangeControl, { 825 label: "Height", 826 value: textAreaHight[this.state.device], 827 onChange: newValue => onChangeResponsiveData(newValue, this.state.device, 'textAreaHight'), 828 min: 80, 829 step: 2, 830 max: 300 831 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 832 className: 'ht-contactform-blocks-section-title' 833 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Label', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 834 className: "ht-contactform-device-row", 835 style: { 836 minHeight: 'auto' 837 } 838 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Font Size', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 839 className: "ht-contactform-device-button" 840 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 841 icon: "desktop", 842 value: "desktop", 843 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 844 isPrimary: this.state.device === 'desktop', 845 isSecondary: this.state.device !== 'desktop', 846 onClick: event => handleTabs(event, 'device', 'desktop') 847 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 848 icon: "laptop", 849 value: "laptop", 850 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 851 isPrimary: this.state.device === 'laptop', 852 isSecondary: this.state.device !== 'laptop', 853 onClick: event => handleTabs(event, 'device', 'laptop') 854 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 855 icon: "tablet", 856 value: "tablet", 857 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 858 isPrimary: this.state.device === 'tablet', 859 isSecondary: this.state.device !== 'tablet', 860 onClick: event => handleTabs(event, 'device', 'tablet') 861 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 862 icon: "smartphone", 863 value: "mobile", 864 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 865 isPrimary: this.state.device === 'mobile', 866 isSecondary: this.state.device !== 'mobile', 867 onClick: event => handleTabs(event, 'device', 'mobile') 868 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.FontSizePicker, { 869 fontSizes: [{ 870 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 871 slug: 'small', 872 size: '12px' 873 }, { 874 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 875 slug: 'medium', 876 size: '18px' 877 }, { 878 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 879 slug: 'large', 880 size: '24px' 881 }], 882 value: labelFontSize[this.state.device], 883 fallbackFontSize: labelFontSize.desktop, 884 onChange: newValue => onChangeResponsiveData(newValue, this.state.device, 'labelFontSize') 885 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 886 style: { 887 marginTop: 15 888 } 889 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Label Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 890 style: { ...colorSelectorStyles.selectedColorDisplay, 891 backgroundColor: attributes.labelColor 892 } 893 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 894 colors: [{ 895 name: 'Black', 896 color: '#000000' 897 }, { 898 name: 'Orange',
899 color: '#FF6900' 900 }, { 901 name: 'Vivid Red', 902 color: '#CF2E2E' 903 }, { 904 name: 'Pink', 905 color: '#F78DA7' 906 }, { 907 name: 'White', 908 color: '#FFFFFF' 909 }, { 910 name: 'Blue', 911 color: '#8ED1FC' 912 }], 913 value: attributes.labelColor, 914 onChange: newColor => setAttributes({ 915 labelColor: newColor 916 }) 917 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { 918 className: 'ht-contactform-blocks-section-title' 919 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Button', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 920 className: "ht-contactform-device-row", 921 style: { 922 minHeight: 'auto' 923 } 924 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Font Size', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 925 className: "ht-contactform-device-button" 926 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 927 icon: "desktop", 928 value: "desktop", 929 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 930 isPrimary: this.state.device === 'desktop', 931 isSecondary: this.state.device !== 'desktop', 932 onClick: event => handleTabs(event, 'device', 'desktop') 933 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 934 icon: "laptop", 935 value: "laptop", 936 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 937 isPrimary: this.state.device === 'laptop', 938 isSecondary: this.state.device !== 'laptop', 939 onClick: event => handleTabs(event, 'device', 'laptop') 940 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 941 icon: "tablet", 942 value: "tablet", 943 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 944 isPrimary: this.state.device === 'tablet', 945 isSecondary: this.state.device !== 'tablet', 946 onClick: event => handleTabs(event, 'device', 'tablet') 947 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 948 icon: "smartphone", 949 value: "mobile", 950 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 951 isPrimary: this.state.device === 'mobile', 952 isSecondary: this.state.device !== 'mobile', 953 onClick: event => handleTabs(event, 'device', 'mobile') 954 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.FontSizePicker, { 955 fontSizes: [{ 956 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 957 slug: 'small', 958 size: '12px' 959 }, { 960 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 961 slug: 'medium', 962 size: '18px' 963 }, { 964 name: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 965 slug: 'large', 966 size: '24px' 967 }], 968 value: btnFontSize[this.state.device], 969 fallbackFontSize: btnFontSize.desktop, 970 onChange: newValue => onChangeResponsiveData(newValue, this.state.device, 'btnFontSize') 971 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.SelectControl, { 972 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Type', 'ht-contactform'), 973 value: btnBorderType, 974 options: [{ 975 value: 'none', 976 label: 'None' 977 }, { 978 value: 'solid', 979 label: 'Solid' 980 }, { 981 value: 'double', 982 label: 'Double' 983 }, { 984 value: 'dotted', 985 label: 'Dotted' 986 }, { 987 value: 'dashed', 988 label: 'Dashed' 989 }, { 990 value: 'groove', 991 label: 'Groove' 992 }], 993 onChange: newType => setAttributes({ 994 btnBorderType: newType 995 }) 996 }), btnBorderType !== 'none' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.RangeControl, { 997 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Width', 'ht-contactform'), 998 value: attributes.btnBorderWidth, 999 onChange: newValue => setAttributes({ 1000 btnBorderWidth: newValue 1001 }), 1002 min: 0, 1003 step: 1, 1004 max: 10 1005 }) : '', btnBorderType !== 'none' ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 1006 style: { 1007 marginTop: 15 1008 } 1009 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Border Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 1010 style: { ...colorSelectorStyles.selectedColorDisplay, 1011 backgroundColor: attributes.btnBorderColor 1012 } 1013 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 1014 colors: [{ 1015 name: 'Black', 1016 color: '#000000' 1017 }, { 1018 name: 'Orange',
1019 color: '#FF6900' 1020 }, { 1021 name: 'Vivid Red', 1022 color: '#CF2E2E' 1023 }, { 1024 name: 'Pink', 1025 color: '#F78DA7' 1026 }, { 1027 name: 'White', 1028 color: '#FFFFFF' 1029 }, { 1030 name: 'Blue', 1031 color: '#8ED1FC' 1032 }], 1033 value: attributes.btnBorderColor, 1034 onChange: newColor => setAttributes({ 1035 btnBorderColor: newColor 1036 }) 1037 })) : '', (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 1038 style: { 1039 marginTop: 15 1040 } 1041 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Text Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 1042 style: { ...colorSelectorStyles.selectedColorDisplay, 1043 backgroundColor: attributes.btnTextColor 1044 } 1045 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 1046 colors: [{ 1047 name: 'Black', 1048 color: '#000000' 1049 }, { 1050 name: 'Orange',
1051 color: '#FF6900' 1052 }, { 1053 name: 'Vivid Red', 1054 color: '#CF2E2E' 1055 }, { 1056 name: 'Pink', 1057 color: '#F78DA7' 1058 }, { 1059 name: 'White', 1060 color: '#FFFFFF' 1061 }, { 1062 name: 'Blue', 1063 color: '#8ED1FC' 1064 }], 1065 value: attributes.btnTextColor, 1066 onChange: newColor => setAttributes({ 1067 btnTextColor: newColor 1068 }) 1069 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { 1070 style: { 1071 marginTop: 15 1072 } 1073 }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Background Color", "ht-contactform"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { 1074 style: { ...colorSelectorStyles.selectedColorDisplay, 1075 backgroundColor: attributes.btnBackgroundColor 1076 } 1077 })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, { 1078 colors: [{ 1079 name: 'Black', 1080 color: '#000000' 1081 }, { 1082 name: 'Orange',
1083 color: '#FF6900' 1084 }, { 1085 name: 'Vivid Red', 1086 color: '#CF2E2E' 1087 }, { 1088 name: 'Pink', 1089 color: '#F78DA7' 1090 }, { 1091 name: 'White', 1092 color: '#FFFFFF' 1093 }, { 1094 name: 'Blue', 1095 color: '#8ED1FC' 1096 }], 1097 value: attributes.btnBackgroundColor, 1098 onChange: newColor => setAttributes({ 1099 btnBackgroundColor: newColor 1100 }) 1101 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 1102 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border Radius', 'ht-contactform'), 1103 dimensions: buttonBorderRadius, 1104 attributesKey: 'buttonBorderRadius', 1105 setAttributes: setAttributes 1106 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 1107 className: "ht-contactform-device-row", 1108 style: { 1109 minHeight: 'auto' 1110 } 1111 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Padding', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 1112 className: "ht-contactform-device-button" 1113 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1114 icon: "desktop", 1115 value: "desktop", 1116 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 1117 isPrimary: this.state.device === 'desktop', 1118 isSecondary: this.state.device !== 'desktop', 1119 onClick: event => handleTabs(event, 'device', 'desktop') 1120 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1121 icon: "laptop", 1122 value: "laptop", 1123 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 1124 isPrimary: this.state.device === 'laptop', 1125 isSecondary: this.state.device !== 'laptop', 1126 onClick: event => handleTabs(event, 'device', 'laptop') 1127 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1128 icon: "tablet", 1129 value: "tablet", 1130 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 1131 isPrimary: this.state.device === 'tablet', 1132 isSecondary: this.state.device !== 'tablet', 1133 onClick: event => handleTabs(event, 'device', 'tablet') 1134 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1135 icon: "smartphone", 1136 value: "mobile", 1137 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 1138 isPrimary: this.state.device === 'mobile', 1139 isSecondary: this.state.device !== 'mobile', 1140 onClick: event => handleTabs(event, 'device', 'mobile') 1141 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 1142 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Padding', 'ht-contactform'), 1143 dimensions: buttonPadding, 1144 attributesKey: 'buttonPadding', 1145 setAttributes: setAttributes, 1146 responsive: "yes", 1147 device: this.state.device 1148 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, { 1149 className: "ht-contactform-device-row", 1150 style: { 1151 minHeight: 'auto' 1152 } 1153 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("label", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Device For Margin', 'ht-contactform')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ButtonGroup, { 1154 className: "ht-contactform-device-button" 1155 }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1156 icon: "desktop", 1157 value: "desktop", 1158 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Large', 'ht-contactform'), 1159 isPrimary: this.state.device === 'desktop', 1160 isSecondary: this.state.device !== 'desktop', 1161 onClick: event => handleTabs(event, 'device', 'desktop') 1162 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1163 icon: "laptop", 1164 value: "laptop", 1165 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Medium', 'ht-contactform'), 1166 isPrimary: this.state.device === 'laptop', 1167 isSecondary: this.state.device !== 'laptop', 1168 onClick: event => handleTabs(event, 'device', 'laptop') 1169 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1170 icon: "tablet", 1171 value: "tablet", 1172 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Small', 'ht-contactform'), 1173 isPrimary: this.state.device === 'tablet', 1174 isSecondary: this.state.device !== 'tablet', 1175 onClick: event => handleTabs(event, 'device', 'tablet') 1176 }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Button, { 1177 icon: "smartphone", 1178 value: "mobile", 1179 label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Extra Small', 'ht-contactform'), 1180 isPrimary: this.state.device === 'mobile', 1181 isSecondary: this.state.device !== 'mobile', 1182 onClick: event => handleTabs(event, 'device', 'mobile') 1183 }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_dimentions_control__WEBPACK_IMPORTED_MODULE_1__["default"], { 1184 lavel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Margin', 'ht-contactform'), 1185 dimensions: buttonMargin, 1186 attributesKey: 'buttonMargin', 1187 setAttributes: setAttributes, 1188 responsive: "yes", 1189 device: this.state.device 1190 }
1190))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("style", { 1191 type: "text/css" 1192 }, formStyle)); 1193 } 1194 1195} 1196 1197/* harmony default export */ __webpack_exports__["default"] = (Inspector); 1198 1199/***/ }), 1200
vendor: 3,142 bytes, lines 1201-1333
1201/***/ "./node_modules/classnames/index.js": 1202/*!******************************************!*\ 1203 !*** ./node_modules/classnames/index.js ***! 1204 \******************************************/ 1205/***/ (function(module, exports) { 1206 1207var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! 1208 Copyright (c) 2018 Jed Watson. 1209 Licensed under the MIT License (MIT), see 1210 http://jedwatson.github.io/classnames 1211*/ 1212/* global define */ 1213 1214(function () { 1215 'use strict'; 1216 1217 var hasOwn = {}.hasOwnProperty; 1218 1219 function classNames() { 1220 var classes = []; 1221 1222 for (var i = 0; i < arguments.length; i++) { 1223 var arg = arguments[i]; 1224 if (!arg) continue; 1225 1226 var argType = typeof arg; 1227 1228 if (argType === 'string' || argType === 'number') { 1229 classes.push(arg); 1230 } else if (Array.isArray(arg)) { 1231 if (arg.length) { 1232 var inner = classNames.apply(null, arg); 1233 if (inner) { 1234 classes.push(inner); 1235 } 1236 } 1237 } else if (argType === 'object') { 1238 if (arg.toString === Object.prototype.toString) { 1239 for (var key in arg) { 1240 if (hasOwn.call(arg, key) && arg[key]) { 1241 classes.push(key); 1242 } 1243 } 1244 } else { 1245 classes.push(arg.toString()); 1246 } 1247 } 1248 } 1249 1250 return classes.join(' '); 1251 } 1252 1253 if ( true && module.exports) { 1254 classNames.default = classNames; 1255 module.exports = classNames; 1256 } else if (true) { 1257 // register as 'classnames', consistent with npm package name 1258 !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { 1259 return classNames; 1260 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), 1261 __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); 1262 } else {} 1263}()); 1264 1265 1266/***/ }), 1267 1268/***/ "@wordpress/api-fetch": 1269/*!**********************************!*\ 1270 !*** external ["wp","apiFetch"] ***! 1271 \**********************************/ 1272/***/ (function(module) { 1273 1274"use strict"; 1275module.exports = window["wp"]["apiFetch"]; 1276 1277/***/ }), 1278 1279/***/ "@wordpress/block-editor": 1280/*!*************************************!*\ 1281 !*** external ["wp","blockEditor"] ***! 1282 \*************************************/ 1283/***/ (function(module) { 1284 1285"use strict"; 1286module.exports = window["wp"]["blockEditor"]; 1287 1288/***/ }), 1289 1290/***/ "@wordpress/blocks": 1291/*!********************************!*\ 1292 !*** external ["wp","blocks"] ***! 1293 \********************************/ 1294/***/ (function(module) { 1295 1296"use strict"; 1297module.exports = window["wp"]["blocks"]; 1298 1299/***/ }), 1300 1301/***/ "@wordpress/components": 1302/*!************************************!*\ 1303 !*** external ["wp","components"] ***! 1304 \************************************/ 1305/***/ (function(module) { 1306 1307"use strict"; 1308module.exports = window["wp"]["components"]; 1309 1310/***/ }), 1311 1312/***/ "@wordpress/element": 1313/*!*********************************!*\ 1314 !*** external ["wp","element"] ***! 1315 \*********************************/ 1316/***/ (function(module) { 1317 1318"use strict"; 1319module.exports = window["wp"]["element"]; 1320 1321/***/ }), 1322 1323/***/ "@wordpress/i18n": 1324/*!******************************!*\ 1325 !*** external ["wp","i18n"] ***! 1326 \******************************/ 1327/***/ (function(module) { 1328 1329"use strict"; 1330module.exports = window["wp"]["i18n"]; 1331 1332/***/ }), 1333
1334/***/ "./src/ht-contactform-block/block.json": 1335/*!*********************************************!*\ 1336 !*** ./src/ht-contactform-block/block.json ***! 1337 \*********************************************/ 1338/***/ (function(module) { 1339 1340"use strict"; 1341module.exports = JSON.parse('{"formId":{"type":"string","default":""},"inputHight":{"type":"object","default":{"desktop":40,"laptop":35,"tablet":30,"mobile":30}},"areaMargin":{"type":"object","default":{"top":"0","right":"0","bottom":"0","left":"0","unit":"px","link":"yes"}},"blockUniqId":{"type":"string","default":""},"inputTextColor":{"type":"string","default":"#666"},"inputTextSize":{"type":"object","default":{"desktop":"16px","laptop":"14px","tablet":"14px","mobile":"14px"}},"inputBackground":{"type":"string","default":"#fafafa"},"inputPadding":{"type":"object","default":{"top":"8","right":"8","bottom":"8","left":"8","unit":"px","link":"yes"}},"inputMargin":{"type":"object","default":{"top":"0","right":"0","bottom":"0","left":"0","unit":"px","link":"yes"}},"inputBorderRadius":{"type":"object","default":{"top":"5","right":"5","bottom":"5","left":"5","unit":"px","link":"yes"}},"borderType":{"type":"string","default":"solid"},"borderWidth":{"type":"number","default":1},"borderColor":{"type":"string","default":"#c8c9cb"},"textAreaHight":{"type":"object","default":{"desktop":175,"laptop":170,"tablet":160,"mobile":160}},"labelFontSize":{"type":"object","default":{"desktop":"16px","laptop":"14px","tablet":"14px","mobile":"14px"}},"labelColor":{"type":"string","default":"#3a3a3a"},"buttonPadding":{"type":"object","default":{"desktop":{"top":"10","right":"40","bottom":"10","left":"40"},"laptop":{"top":"0","right":"0","bottom":"0","left":"0"},"tablet":{"top":"0","right":"0","bottom":"0","left":"0"},"mobile":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"px","link":"no"}},"buttonMargin":{"type":"object","default":{"desktop":{"top":"10","right":"0","bottom":"10","left":"0"},"laptop":{"top":"0","right":"0","bottom":"0","left":"0"},"tablet":{"top":"0","right":"0","bottom":"0","left":"0"},"mobile":{"top":"0","right":"0","bottom":"0","left":"0"},"unit":"px","link":"no"}},"buttonBorderRadius":{"type":"object","default":{"top":"5","right":"5","bottom":"5","left":"5","unit":"px","link":"yes"}},"btnBorderType":{"type":"string","default":"none"},"btnBorderWidth":{"type":"number","default":1},"btnBorderColor":{"type":"string","default":"#000"},"btnBackgroundColor":{"type":"string","default":"#0170B9"},"btnTextColor":{"type":"string","default":"#fff"},"btnFontSize":{"type":"object","default":{"desktop":"16px","laptop":"14px","tablet":"14px","mobile":"14px"}}}'); 1342 1343/***/ })
vendor: 3,326 bytes, lines 1343-1426
1343 1344 1345/******/ }); 1346/************************************************************************/ 1347/******/ // The module cache 1348/******/ var __webpack_module_cache__ = {}; 1349/******/ 1350/******/ // The require function 1351/******/ function __webpack_require__(moduleId) { 1352/******/ // Check if module is in cache 1353/******/ var cachedModule = __webpack_module_cache__[moduleId]; 1354/******/ if (cachedModule !== undefined) { 1355/******/ return cachedModule.exports; 1356/******/ } 1357/******/ // Create a new module (and put it into the cache) 1358/******/ var module = __webpack_module_cache__[moduleId] = { 1359/******/ // no module.id needed 1360/******/ // no module.loaded needed 1361/******/ exports: {} 1362/******/ }; 1363/******/ 1364/******/ // Execute the module function 1365/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); 1366/******/ 1367/******/ // Return the exports of the module 1368/******/ return module.exports; 1369/******/ } 1370/******/ 1371/************************************************************************/ 1372/******/ /* webpack/runtime/compat get default export */ 1373/******/ !function() { 1374/******/ // getDefaultExport function for compatibility with non-harmony modules 1375/******/ __webpack_require__.n = function(module) { 1376/******/ var getter = module && module.__esModule ? 1377/******/ function() { return module['default']; } : 1378/******/ function() { return module; }; 1379/******/ __webpack_require__.d(getter, { a: getter }); 1380/******/ return getter; 1381/******/ }; 1382/******/ }(); 1383/******/ 1384/******/ /* webpack/runtime/define property getters */ 1385/******/ !function() { 1386/******/ // define getter functions for harmony exports 1387/******/ __webpack_require__.d = function(exports, definition) { 1388/******/ for(var key in definition) { 1389/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { 1390/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); 1391/******/ } 1392/******/ } 1393/******/ }; 1394/******/ }(); 1395/******/ 1396/******/ /* webpack/runtime/hasOwnProperty shorthand */ 1397/******/ !function() { 1398/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } 1399/******/ }(); 1400/******/ 1401/******/ /* webpack/runtime/make namespace object */ 1402/******/ !function() { 1403/******/ // define __esModule on exports 1404/******/ __webpack_require__.r = function(exports) { 1405/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 1406/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 1407/******/ } 1408/******/ Object.defineProperty(exports, '__esModule', { value: true }); 1409/******/ }; 1410/******/ }(); 1411/******/ 1412/************************************************************************/ 1413var __webpack_exports__ = {}; 1414// This entry need to be wrapped in an IIFE because it need to be in strict mode. 1415!function() { 1416"use strict"; 1417/*!***********************!*\ 1418 !*** ./src/blocks.js ***! 1419 \***********************/ 1420__webpack_require__.r(__webpack_exports__); 1421/* harmony import */ var _ht_contactform_block_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ht-contactform-block/index.js */ "./src/ht-contactform-block/index.js"); 1422 1423}(); 1424/******/ })() 1425; 1426//# sourceMappingURL=htcontactform-block.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.