/
home
/
suroeste
/
public_html
/
wp-content
/
plugins
/
elementor
/
assets
/
js
/
/home/suroeste/public_html/wp-content/plugins/elementor/assets/js
mkdir
upload
Name
Size
Mode
Actions
packages/
-
0777
rm
0e842fae60df2bcb2a30.bundle.min.js
13607
0644
edit
dl
rm
2f08057553c95b827d30.bundle.min.js
25101
0644
edit
dl
rm
7dc832afac0230c2012d.bundle.min.js
4131
0644
edit
dl
rm
9c42cff515a6191fddaf.bundle.min.js
59818
0644
edit
dl
rm
46e544e5863270fc32f2.bundle.js
11383
0644
edit
dl
rm
343f4c6fd2ee68785472.bundle.min.js
5485
0644
edit
dl
rm
869c0bb89d87e0d81450.bundle.min.js
5792
0644
edit
dl
rm
4586b3ce03181d93c8bf.bundle.js
16261
0644
edit
dl
rm
4748df03726015eef04f.bundle.min.js
27497
0644
edit
dl
rm
5975ee58d21883e10a11.bundle.min.js
42395
0644
edit
dl
rm
5975ee58d21883e10a11.bundle.min.js.LICENSE.txt
487
0644
edit
dl
rm
152486453d0e39071cdb.bundle.js
71524
0644
edit
dl
rm
a730ee9caa710006b307.bundle.js
272042
0644
edit
dl
rm
accordion.8799675460c73eb48972.bundle.min.js
3743
0644
edit
dl
rm
accordion.c16b88b2e8a0c50189bc.bundle.js
7529
0644
edit
dl
rm
admin-feedback.js
4640
0644
edit
dl
rm
admin-feedback.min.js
1976
0644
edit
dl
rm
admin-modules.js
39078
0644
edit
dl
rm
admin-modules.min.js
17895
0644
edit
dl
rm
admin-modules.min.js.LICENSE.txt
149
0644
edit
dl
rm
admin-notifications.js
260092
0644
edit
dl
rm
admin-notifications.min.js
86151
0644
edit
dl
rm
admin-top-bar.js
70570
0644
edit
dl
rm
admin-top-bar.min.js
12640
0644
edit
dl
rm
admin.js
118218
0644
edit
dl
rm
admin.min.js
55851
0644
edit
dl
rm
admin.min.js.LICENSE.txt
149
0644
edit
dl
rm
ai-admin.js
1928974
0644
edit
dl
rm
ai-admin.min.js
590307
0644
edit
dl
rm
ai-admin.min.js.LICENSE.txt
758
0644
edit
dl
rm
ai-gutenberg.js
2053411
0644
edit
dl
rm
ai-gutenberg.min.js
608621
0644
edit
dl
rm
ai-gutenberg.min.js.LICENSE.txt
919
0644
edit
dl
rm
ai-layout.js
597810
0644
edit
dl
rm
ai-layout.min.js
240536
0644
edit
dl
rm
ai-layout.min.js.LICENSE.txt
637
0644
edit
dl
rm
ai-media-library.js
2063926
0644
edit
dl
rm
ai-media-library.min.js
613787
0644
edit
dl
rm
ai-media-library.min.js.LICENSE.txt
919
0644
edit
dl
rm
ai.js
1972074
0644
edit
dl
rm
ai.min.js
608732
0644
edit
dl
rm
ai.min.js.LICENSE.txt
758
0644
edit
dl
rm
alert.c3c6a3fdf4745bd26b7f.bundle.js
1140
0644
edit
dl
rm
alert.cbc2a0fee74ee3ed0419.bundle.min.js
624
0644
edit
dl
rm
announcements-app.js
103923
0644
edit
dl
rm
announcements-app.min.js
28437
0644
edit
dl
rm
announcements-app.min.js.LICENSE.txt
149
0644
edit
dl
rm
app-loader.js
267436
0644
edit
dl
rm
app-loader.min.js
92582
0644
edit
dl
rm
app-packages.js
359958
0644
edit
dl
rm
app-packages.min.js
124075
0644
edit
dl
rm
app-packages.min.js.LICENSE.txt
149
0644
edit
dl
rm
app.js
815319
0644
edit
dl
rm
app.min.js
299255
0644
edit
dl
rm
app.min.js.LICENSE.txt
637
0644
edit
dl
rm
beta-tester.js
23085
0644
edit
dl
rm
beta-tester.min.js
9437
0644
edit
dl
rm
common-modules.js
302928
0644
edit
dl
rm
common-modules.min.js
105773
0644
edit
dl
rm
common.js
427475
0644
edit
dl
rm
common.min.js
160783
0644
edit
dl
rm
common.min.js.LICENSE.txt
149
0644
edit
dl
rm
container-converter.js
55149
0644
edit
dl
rm
container-converter.min.js
19312
0644
edit
dl
rm
container.a7f0a15dfa05df34e1f7.bundle.js
18265
0644
edit
dl
rm
container.c65a2a923085e1120e75.bundle.min.js
9822
0644
edit
dl
rm
counter.02cef29c589e742d4c8c.bundle.min.js
912
0644
edit
dl
rm
counter.3f74a246dff765f39aea.bundle.js
1628
0644
edit
dl
rm
dev-tools.js
24380
0644
edit
dl
rm
dev-tools.min.js
7678
0644
edit
dl
rm
e-home-screen.js
1788270
0644
edit
dl
rm
e-home-screen.min.js
331635
0644
edit
dl
rm
e-home-screen.min.js.LICENSE.txt
1447
0644
edit
dl
rm
e3f753621bf9be55ec4d.bundle.js
15773
0644
edit
dl
rm
e8a7573e654d921656ab.bundle.js
27370
0644
edit
dl
rm
editor-document.js
75322
0644
edit
dl
rm
editor-document.min.js
27122
0644
edit
dl
rm
editor-environment-v2.js
670
0644
edit
dl
rm
editor-environment-v2.min.js
246
0644
edit
dl
rm
editor-loader-v1.js
402
0644
edit
dl
rm
editor-loader-v1.min.js
88
0644
edit
dl
rm
editor-loader-v2.js
890
0644
edit
dl
rm
editor-loader-v2.min.js
443
0644
edit
dl
rm
editor-modules.js
121004
0644
edit
dl
rm
editor-modules.min.js
52096
0644
edit
dl
rm
editor-modules.min.js.LICENSE.txt
149
0644
edit
dl
rm
editor-notifications.js
270673
0644
edit
dl
rm
editor-notifications.min.js
90103
0644
edit
dl
rm
editor.js
2857526
0644
edit
dl
rm
editor.min.js
1180833
0644
edit
dl
rm
editor.min.js.LICENSE.txt
340
0644
edit
dl
rm
element-manager-admin.js
188092
0644
edit
dl
rm
element-manager-admin.min.js
48737
0644
edit
dl
rm
element-manager-admin.min.js.LICENSE.txt
310
0644
edit
dl
rm
elementor-admin-bar.js
19705
0644
edit
dl
rm
elementor-admin-bar.min.js
7532
0644
edit
dl
rm
f45f06ab7bc79ea02cfc.bundle.js
83133
0644
edit
dl
rm
fa0cbd4c7b6a8ad83224.bundle.js
68007
0644
edit
dl
rm
fd6a00ae23a1bc2c6190.bundle.js
44956
0644
edit
dl
rm
frontend-modules.js
192128
0644
edit
dl
rm
frontend-modules.min.js
67366
0644
edit
dl
rm
frontend.js
103802
0644
edit
dl
rm
frontend.min.js
40254
0644
edit
dl
rm
gutenberg.js
7681
0644
edit
dl
rm
gutenberg.min.js
4117
0644
edit
dl
rm
image-carousel.4455c6362492d9067512.bundle.min.js
432
0644
edit
dl
rm
image-carousel.9399f19d95d7300cbc2e.bundle.js
929
0644
edit
dl
rm
import-export-admin.js
15473
0644
edit
dl
rm
import-export-admin.min.js
6317
0644
edit
dl
rm
kit-elements-defaults-editor.js
89493
0644
edit
dl
rm
kit-elements-defaults-editor.min.js
36209
0644
edit
dl
rm
kit-elements-defaults-editor.min.js.LICENSE.txt
149
0644
edit
dl
rm
kit-library.1f8d31888dc9d19dd031.bundle.min.js
89948
0644
edit
dl
rm
kit-library.ac1a4cd5deae5526ce49.bundle.js
232171
0644
edit
dl
rm
lightbox.94b920846d1e37cafb78.bundle.min.js
30252
0644
edit
dl
rm
lightbox.6565606db58088dcec66.bundle.js
52805
0644
edit
dl
rm
media-hints.js
12350
0644
edit
dl
rm
media-hints.min.js
6141
0644
edit
dl
rm
nested-accordion.js
26959
0644
edit
dl
rm
nested-accordion.min.js
12553
0644
edit
dl
rm
nested-accordion.min.js.LICENSE.txt
149
0644
edit
dl
rm
nested-elements.js
20935
0644
edit
dl
rm
nested-elements.min.js
6401
0644
edit
dl
rm
nested-tabs.js
26919
0644
edit
dl
rm
nested-tabs.min.js
12552
0644
edit
dl
rm
nested-tabs.min.js.LICENSE.txt
149
0644
edit
dl
rm
new-template.js
15780
0644
edit
dl
rm
new-template.min.js
6830
0644
edit
dl
rm
notes.js
26323
0644
edit
dl
rm
notes.min.js
9853
0644
edit
dl
rm
onboarding.1cb5860100647c216467.bundle.min.js
60050
0644
edit
dl
rm
onboarding.d6ea272a04bd56212e9d.bundle.js
135552
0644
edit
dl
rm
progress.6d15c16f0f5c4792940f.bundle.js
1540
0644
edit
dl
rm
progress.985f012a6336ab21cb44.bundle.min.js
791
0644
edit
dl
rm
responsive-bar.js
26658
0644
edit
dl
rm
responsive-bar.min.js
11987
0644
edit
dl
rm
styleguide-app-initiator.js
35283
0644
edit
dl
rm
styleguide-app-initiator.min.js
15191
0644
edit
dl
rm
styleguide-app-initiator.min.js.LICENSE.txt
149
0644
edit
dl
rm
styleguide.js
104091
0644
edit
dl
rm
styleguide.min.js
46868
0644
edit
dl
rm
tabs.520bc2ed4560c561029e.bundle.js
7456
0644
edit
dl
rm
tabs.c2af5be7f9cb3cdcf3d5.bundle.min.js
3705
0644
edit
dl
rm
text-editor.2c35aafbe5bf0e127950.bundle.min.js
1360
0644
edit
dl
rm
text-editor.2f2f7e0ea1e16387a004.bundle.js
2800
0644
edit
dl
rm
text-path.2bc8a9cd0e50cf1a5a9c.bundle.min.js
25244
0644
edit
dl
rm
text-path.2bc8a9cd0e50cf1a5a9c.bundle.min.js.LICENSE.txt
190
0644
edit
dl
rm
text-path.fa44919c1abfe9244186.bundle.js
73959
0644
edit
dl
rm
toggle.31881477c45ff5cf9d4d.bundle.min.js
3770
0644
edit
dl
rm
toggle.d79746a764407a0828ee.bundle.js
7560
0644
edit
dl
rm
video.57bb05ea17924bda3c02.bundle.js
6114
0644
edit
dl
rm
video.d11c91c1b2b642a34601.bundle.min.js
3171
0644
edit
dl
rm
web-cli.js
511344
0644
edit
dl
rm
web-cli.min.js
179347
0644
edit
dl
rm
web-cli.min.js.LICENSE.txt
149
0644
edit
dl
rm
webpack.runtime.js
15505
0644
edit
dl
rm
webpack.runtime.min.js
4997
0644
edit
dl
rm
wp-audio.75f0ced143febb8cd31a.bundle.min.js
349
0644
edit
dl
rm
wp-audio.b8efdc046bc9df72a075.bundle.js
781
0644
edit
dl
rm
Edit:
/home/suroeste/public_html/wp-content/plugins/elementor/assets/js/152486453d0e39071cdb.bundle.js
(71524B)
/*! elementor - v3.22.0 - 17-06-2024 */ "use strict"; (self["webpackChunkelementor"] = self["webpackChunkelementor"] || []).push([["modules_styleguide_assets_js_frontend_app_js"],{ /***/ "../modules/styleguide/assets/js/frontend/app.js": /*!*******************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/app.js ***! \*******************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = App; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _settings = __webpack_require__(/*! ./contexts/settings */ "../modules/styleguide/assets/js/frontend/contexts/settings.js"); var _activeContext = _interopRequireDefault(__webpack_require__(/*! ./contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js")); var _header = _interopRequireDefault(__webpack_require__(/*! ./components/header */ "../modules/styleguide/assets/js/frontend/components/header.js")); var _colorsArea = _interopRequireDefault(__webpack_require__(/*! ./components/areas/colors-area */ "../modules/styleguide/assets/js/frontend/components/areas/colors-area.js")); var _fontsArea = _interopRequireDefault(__webpack_require__(/*! ./components/areas/fonts-area */ "../modules/styleguide/assets/js/frontend/components/areas/fonts-area.js")); var _appWrapper = _interopRequireDefault(__webpack_require__(/*! ./components/app-wrapper */ "../modules/styleguide/assets/js/frontend/components/app-wrapper.js")); var _templateObject; var Content = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tpadding: 48px 0;\n"]))); function App() { return /*#__PURE__*/_react.default.createElement(_settings.SettingsProvider, null, /*#__PURE__*/_react.default.createElement(_appWrapper.default, null, /*#__PURE__*/_react.default.createElement(_activeContext.default, null, /*#__PURE__*/_react.default.createElement(_header.default, null), /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(_colorsArea.default, null), /*#__PURE__*/_react.default.createElement(_fontsArea.default, null))))); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/app-wrapper.js": /*!**************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/app-wrapper.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = AppWrapper; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _settings = __webpack_require__(/*! ../contexts/settings */ "../modules/styleguide/assets/js/frontend/contexts/settings.js"); var _loader = _interopRequireDefault(__webpack_require__(/*! ./global/loader */ "../modules/styleguide/assets/js/frontend/components/global/loader.js")); function AppWrapper(props) { var _useSettings = (0, _settings.useSettings)(), settings = _useSettings.settings, isReady = _useSettings.isReady; if (!isReady) { return /*#__PURE__*/_react.default.createElement(_loader.default, null); } var isDebug = settings.get('config').get('is_debug'), Wrapper = isDebug ? _react.default.StrictMode : _react.default.Fragment; return /*#__PURE__*/_react.default.createElement(Wrapper, null, props.children); } AppWrapper.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/areas/area-title.js": /*!*******************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/areas/area-title.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _templateObject; var AreaTitle = _styledComponents.default.h2(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: var(--e-a-color-txt);\n\tfont-family: Roboto, sans-serif;\n\tfont-size: 30px;\n\tfont-weight: 400;\n\ttext-transform: capitalize;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tletter-spacing: 0;\n\tword-spacing: 0;\n\ttext-align: center;\n\tpadding: 0;\n\tmargin: 0 0 48px 0;\n"]))); var _default = AreaTitle; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/areas/area.js": /*!*************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/areas/area.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _settings = __webpack_require__(/*! ../../contexts/settings */ "../modules/styleguide/assets/js/frontend/contexts/settings.js"); var _loader = _interopRequireDefault(__webpack_require__(/*! ../global/loader */ "../modules/styleguide/assets/js/frontend/components/global/loader.js")); var _divBase = _interopRequireDefault(__webpack_require__(/*! ../global/div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _areaTitle = _interopRequireDefault(__webpack_require__(/*! ./area-title */ "../modules/styleguide/assets/js/frontend/components/areas/area-title.js")); var _section = _interopRequireDefault(__webpack_require__(/*! ../section */ "../modules/styleguide/assets/js/frontend/components/section.js")); var _templateObject; var Wrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 100%;\n \tpadding-top: 96px;\n\tmin-height: 100px;\n\n\t@media (max-width: 1024px) {\n \tpadding-top: 50px;\n\t}\n"]))); var Area = _react.default.forwardRef(function (props, ref) { var config = props.config; var _useSettings = (0, _settings.useSettings)(), settings = _useSettings.settings, isReady = _useSettings.isReady; return /*#__PURE__*/_react.default.createElement(Wrapper, { ref: ref }, /*#__PURE__*/_react.default.createElement(_areaTitle.default, { name: config.type }, config.title), !isReady ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, config.sections.map(function (section) { var items = settings.get(config.type).get(section.type); return items.length ? /*#__PURE__*/_react.default.createElement(_section.default, { key: section.type, title: section.title, items: items, columns: section.columns, component: config.component, type: section.type }) : null; }))); }); Area.propTypes = { config: PropTypes.shape({ type: PropTypes.string.isRequired, title: PropTypes.string.isRequired, sections: PropTypes.arrayOf(PropTypes.shape({ type: PropTypes.string.isRequired, title: PropTypes.string.isRequired, columns: PropTypes.object })).isRequired, component: PropTypes.func.isRequired }).isRequired }; var _default = Area; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/areas/colors-area.js": /*!********************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/areas/colors-area.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = ColorsArea; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _activeContext = __webpack_require__(/*! ../../contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js"); var _area = _interopRequireDefault(__webpack_require__(/*! ./area */ "../modules/styleguide/assets/js/frontend/components/areas/area.js")); var _color = _interopRequireDefault(__webpack_require__(/*! ../item/color */ "../modules/styleguide/assets/js/frontend/components/item/color.js")); function ColorsArea() { var _useActiveContext = (0, _activeContext.useActiveContext)(), colorsAreaRef = _useActiveContext.colorsAreaRef; var areaConfig = { title: __('Global Colors', 'elementor'), type: 'colors', component: _color.default, sections: [{ type: 'system_colors', title: __('System Colors', 'elementor'), columns: { desktop: 4, mobile: 2 } }, { type: 'custom_colors', title: __('Custom Colors', 'elementor'), columns: { desktop: 6, mobile: 2 } }] }; return /*#__PURE__*/_react.default.createElement(_area.default, { ref: colorsAreaRef, config: areaConfig }); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/areas/fonts-area.js": /*!*******************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/areas/fonts-area.js ***! \*******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = FontsArea; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _activeContext = __webpack_require__(/*! ../../contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js"); var _area = _interopRequireDefault(__webpack_require__(/*! ./area */ "../modules/styleguide/assets/js/frontend/components/areas/area.js")); var _font = _interopRequireDefault(__webpack_require__(/*! ../item/font */ "../modules/styleguide/assets/js/frontend/components/item/font.js")); function FontsArea() { var _useActiveContext = (0, _activeContext.useActiveContext)(), fontsAreaRef = _useActiveContext.fontsAreaRef; var areaConfig = { title: __('Global Fonts', 'elementor'), type: 'fonts', component: _font.default, sections: [{ type: 'system_typography', title: __('System Fonts', 'elementor'), flex: 'column', columns: { desktop: 1, mobile: 1 } }, { type: 'custom_typography', title: __('Custom Fonts', 'elementor'), flex: 'column', columns: { desktop: 1, mobile: 1 } }] }; return /*#__PURE__*/_react.default.createElement(_area.default, { ref: fontsAreaRef, config: areaConfig }); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/global/div-base.js": /*!******************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/global/div-base.js ***! \******************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _templateObject; var DivBase = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbox-sizing: border-box;\n\tposition: relative;\n"]))); var _default = DivBase; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/global/element-title.js": /*!***********************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/global/element-title.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _templateObject; var ElementTitle = _styledComponents.default.p(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: var(--e-a-color-txt);\n\tfont-family: Roboto, sans-serif;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\ttext-transform: capitalize;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 1.1em;\n\tletter-spacing: 0;\n\tword-spacing: 0;\n\tpadding: 0;\n\tmargin: 0;\n"]))); var _default = ElementTitle; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/global/element-wrapper.js": /*!*************************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/global/element-wrapper.js ***! \*************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireWildcard(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _divBase = _interopRequireDefault(__webpack_require__(/*! ./div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _templateObject, _templateObject2, _templateObject3; function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var Wrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\talign-items: flex-start;\n\tborder: 1px solid transparent;\n\tborder-radius: 3px;\n\tpadding: 12px;\n\tcursor: pointer;\n\t", "\n\n\t&:hover:not(.active) {\n\t\tbackground-color: var(--e-a-bg-hover);\n\t\tborder-color: var(--e-a-border-color-bold);\n\t}\n\n\t&.active {\n\t\tbackground-color: var(--e-a-bg-active);\n\t\tborder-color: var(--e-a-border-color-accent);\n\t}\n\n\t@media (max-width: 767px) {\n\t\t", "\n\t}\n"])), function (_ref) { var _columns$desktop; var columns = _ref.columns; var columnWidth = 100 / ((_columns$desktop = columns.desktop) !== null && _columns$desktop !== void 0 ? _columns$desktop : 1); return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\tflex: 0 0 ", "%;\n\t\t"])), columnWidth); }, function (_ref2) { var _columns$mobile; var columns = _ref2.columns; var columnWidth = 100 / ((_columns$mobile = columns.mobile) !== null && _columns$mobile !== void 0 ? _columns$mobile : 1); return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tflex: 0 0 ", "%;\n\t\t\t"])), columnWidth); }); var ElementWrapper = _react.default.forwardRef(function (props, ref) { var isActive = props.isActive, children = props.children; return /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({}, props, { ref: ref, className: isActive ? 'active' : '' }), children); }); var _default = ElementWrapper; exports["default"] = _default; ElementWrapper.propTypes = { isActive: PropTypes.bool, children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]) }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/global/inner-wrapper.js": /*!***********************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/global/inner-wrapper.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _divBase = _interopRequireDefault(__webpack_require__(/*! ./div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _templateObject; var innerWrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\tmax-width: 1140px;\n\tmargin: auto;\n\tflex-wrap: wrap;\n\tflex-direction: ", ";\n\n\t@media (max-width: 1140px) {\n\t\tpadding: 0 15px;\n\t}\n\n\t@media (max-width: 767px) {\n\t\tpadding: 0 13px;\n\t}\n"])), function (props) { var _props$flexDirection; return (_props$flexDirection = props.flexDirection) !== null && _props$flexDirection !== void 0 ? _props$flexDirection : 'row'; }); var _default = innerWrapper; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/global/loader.js": /*!****************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/global/loader.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Loader; var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); function Loader() { return /*#__PURE__*/_react.default.createElement("div", { className: "e-styleguide-loader" }, /*#__PURE__*/_react.default.createElement("i", { className: "eicon-loading eicon-animation-spin" })); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/header.js": /*!*********************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/header.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Header; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _activeContext = __webpack_require__(/*! ../contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js"); var _divBase = _interopRequireDefault(__webpack_require__(/*! ./global/div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _innerWrapper = _interopRequireDefault(__webpack_require__(/*! ./global/inner-wrapper */ "../modules/styleguide/assets/js/frontend/components/global/inner-wrapper.js")); var _templateObject, _templateObject2, _templateObject3, _templateObject4; var Button = _styledComponents.default.button.attrs(function (props) { return { 'data-e-active': props.isActive ? true : null }; })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tfont-size: 16px;\n\theight: 100%;\n\tfont-weight: 500;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 1.5em;\n\tletter-spacing: 0;\n\tcolor: var(--e-a-color-txt);\n\tborder: none;\n\tbackground: none;\n\ttext-transform: capitalize;\n\tfont-family: Roboto, sans-serif;\n\tpadding: 0;\n\n\t&:hover, &[data-e-active='true'], &:focus {\n\t\toutline: none;\n\t\tbackground: none;\n\t\tcolor: var(--e-a-color-txt-accent);\n\t}\n"]))); var AreaButton = function AreaButton(props) { var _useActiveContext = (0, _activeContext.useActiveContext)(), activeArea = _useActiveContext.activeArea, activateArea = _useActiveContext.activateArea; var area = props.area, children = props.children; var onClick = function onClick() { activateArea(area); }; // TODO: Add hover/active states return /*#__PURE__*/_react.default.createElement(Button, { variant: "transparent", size: "s", onClick: onClick, isActive: area === activeArea }, children); }; var Wrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 48px;\n\tdisplay: flex;\n\tbackground: var(--e-a-bg-default);\n\tborder-bottom: 1px solid var(--e-a-border-color-bold);\n\tz-index: 1;\n"]))); var ButtonsWrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tflex-grow: 1;\n\tgap: 20px;\n"]))); var Title = _styledComponents.default.h2(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: var(--e-a-color-txt-accent);\n\tfont-family: Roboto, sans-serif;\n\tfont-size: 16px;\n\tfont-weight: 600;\n\ttext-transform: capitalize;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 1.2em;\n\tletter-spacing: 0;\n\tword-spacing: 0;\n\tmargin: 0;\n"]))); function Header() { return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_innerWrapper.default, null, /*#__PURE__*/_react.default.createElement(Title, null, __('Show global settings', 'elementor')), /*#__PURE__*/_react.default.createElement(ButtonsWrapper, null, /*#__PURE__*/_react.default.createElement(AreaButton, { area: 'colors' }, __('Colors', 'elementor')), /*#__PURE__*/_react.default.createElement(AreaButton, { area: 'fonts' }, __('Fonts', 'elementor'))))); } AreaButton.propTypes = { area: PropTypes.string.isRequired, children: PropTypes.node.isRequired }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/item/color.js": /*!*************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/item/color.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Color; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _divBase = _interopRequireDefault(__webpack_require__(/*! ../global/div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _elementTitle = _interopRequireDefault(__webpack_require__(/*! ../global/element-title */ "../modules/styleguide/assets/js/frontend/components/global/element-title.js")); var _elementWrapper = _interopRequireDefault(__webpack_require__(/*! ../global/element-wrapper */ "../modules/styleguide/assets/js/frontend/components/global/element-wrapper.js")); var _activeContext = __webpack_require__(/*! ../../contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js"); var _templateObject, _templateObject2; function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var Content = (0, _styledComponents.default)(_divBase.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 100px;\n\tbackground-color: ", ";\n\tborder: 1px solid var(--e-a-border-color-focus);\n\tborder-radius: 3px;\n\talign-items: end;\n"])), function (props) { return props.hex; }); var HexString = _styledComponents.default.p(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: var(--e-a-color-txt-invert);\n\tfont-family: Roboto, sans-serif;\n\theight: 12px;\n\tfont-size: 12px;\n\tfont-weight: 500;\n\ttext-transform: uppercase;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 1.1em;\n\tletter-spacing: 0;\n\tword-spacing: 0;\n\tmargin: 12px;\n"]))); function Color(props) { var _useActiveContext = (0, _activeContext.useActiveContext)(), activeElement = _useActiveContext.activeElement, activateElement = _useActiveContext.activateElement, getElementControl = _useActiveContext.getElementControl; var item = props.item, type = props.type; var source = 'color'; var _id = item._id, title = item.title, hex = item.color; var elementControl = getElementControl(type, source, _id); var ref = (0, _react.useRef)(null); (0, _react.useEffect)(function () { if (elementControl === activeElement) { ref.current.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' }); } }, [activeElement]); var onClick = function onClick() { activateElement(type, source, _id); }; return /*#__PURE__*/_react.default.createElement(_elementWrapper.default, { columns: props.columns, ref: ref, isActive: elementControl === activeElement, onClick: onClick }, /*#__PURE__*/_react.default.createElement(_elementTitle.default, null, title), /*#__PURE__*/_react.default.createElement(Content, { hex: hex }, /*#__PURE__*/_react.default.createElement(HexString, null, hex))); } Color.propTypes = { item: PropTypes.shape({ _id: PropTypes.string.isRequired, title: PropTypes.string.isRequired, color: PropTypes.string }).isRequired, type: PropTypes.string.isRequired, columns: PropTypes.shape({ desktop: PropTypes.number, mobile: PropTypes.number }) }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/item/font.js": /*!************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/item/font.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Font; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _activeContext = __webpack_require__(/*! ../../contexts/active-context */ "../modules/styleguide/assets/js/frontend/contexts/active-context.js"); var _settings = __webpack_require__(/*! ../../contexts/settings */ "../modules/styleguide/assets/js/frontend/contexts/settings.js"); var _elementWrapper = _interopRequireDefault(__webpack_require__(/*! ../global/element-wrapper */ "../modules/styleguide/assets/js/frontend/components/global/element-wrapper.js")); var _elementTitle = _interopRequireDefault(__webpack_require__(/*! ../global/element-title */ "../modules/styleguide/assets/js/frontend/components/global/element-title.js")); var _templateObject, _templateObject2; function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var Title = (0, _styledComponents.default)(_elementTitle.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tfont-size: 18px;\n"]))); var Content = _styledComponents.default.p.withConfig({ shouldForwardProp: function shouldForwardProp(prop) { return 'style' !== prop; } })(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t", ";\n"])), function (_ref) { var style = _ref.style; var styleObjectToString = function styleObjectToString(obj) { return Object.keys(obj).reduce(function (acc, key) { return acc + "".concat(key, ": ").concat(obj[key], ";"); }, ''); }; return "\n\t\t\t".concat(styleObjectToString(style.style), "\n\n\t\t\t@media (max-width: 1024px) {\n\t\t\t\t").concat(styleObjectToString(style.tablet), "\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t").concat(styleObjectToString(style.mobile), "\n\t\t\t}\n\t\t"); }); var parseFontToStyle = function parseFontToStyle(font, fallbackFamily) { var defaultKeyParser = function defaultKeyParser(key) { return key.replace('typography_', '').replace('_', '-'); }; var fallbackLowered = fallbackFamily.toLowerCase(); var familyParser = function familyParser(value) { return value ? value + ", ".concat(fallbackLowered) : fallbackLowered; }; var sizeParser = function sizeParser(value) { if (!value || !value.size) { return ''; } return "".concat(value.size).concat(value.unit); }; var defaultParser = function defaultParser(value) { return value; }; var allowedProperties = { typography_font_family: { valueParser: familyParser, keyParser: defaultKeyParser }, typography_font_size: { valueParser: sizeParser, keyParser: defaultKeyParser }, typography_letter_spacing: { valueParser: sizeParser, keyParser: defaultKeyParser }, typography_line_height: { valueParser: sizeParser, keyParser: defaultKeyParser }, typography_word_spacing: { valueParser: sizeParser, keyParser: defaultKeyParser }, typography_font_style: { valueParser: defaultParser, keyParser: defaultKeyParser }, typography_font_weight: { valueParser: defaultParser, keyParser: defaultKeyParser }, typography_text_transform: { valueParser: defaultParser, keyParser: defaultKeyParser }, typography_text_decoration: { valueParser: defaultParser, keyParser: defaultKeyParser } }; var responsiveProperties = ['typography_font_size', 'typography_letter_spacing', 'typography_line_height', 'typography_word_spacing']; var reducer = function reducer(acc, property, screen) { var parsers = allowedProperties[property]; var key = parsers.keyParser(property); var keyInFontObject = property + (screen ? '_' + screen : ''); var value = parsers.valueParser(font[keyInFontObject]); if (value) { acc[key] = value; } return acc; }; var style = Object.keys(allowedProperties).reduce(function (acc, property) { return reducer(acc, property, ''); }, {}); var tablet = responsiveProperties.reduce(function (acc, property) { return reducer(acc, property, 'tablet'); }, {}); var mobile = responsiveProperties.reduce(function (acc, property) { return reducer(acc, property, 'mobile'); }, {}); return { style: style, tablet: tablet, mobile: mobile }; }; function Font(props) { var _useActiveContext = (0, _activeContext.useActiveContext)(), activeElement = _useActiveContext.activeElement, activateElement = _useActiveContext.activateElement, getElementControl = _useActiveContext.getElementControl; var item = props.item, type = props.type; var source = 'typography'; var _id = item._id, title = item.title; var elementControl = getElementControl(type, source, _id); var ref = (0, _react.useRef)(null); var _useSettings = (0, _settings.useSettings)(), settings = _useSettings.settings, isReady = _useSettings.isReady; var generateStyle = (0, _react.useMemo)(function () { if (!isReady) { return ''; } return parseFontToStyle(item, settings.get('fonts').get('fallback_font')); }, [item, settings]); var onClick = function onClick() { activateElement(type, source, _id); }; (0, _react.useEffect)(function () { if (elementControl === activeElement) { ref.current.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' }); } }, [activeElement]); return /*#__PURE__*/_react.default.createElement(_elementWrapper.default, { columns: props.columns, ref: ref, isActive: elementControl === activeElement, onClick: onClick }, /*#__PURE__*/_react.default.createElement(Title, null, title), /*#__PURE__*/_react.default.createElement(Content, { style: generateStyle }, __('The five boxing wizards jump quickly.', 'elementor'))); } Font.propTypes = { item: PropTypes.shape({ _id: PropTypes.string.isRequired, title: PropTypes.string.isRequired, color: PropTypes.string }).isRequired, type: PropTypes.string.isRequired, columns: PropTypes.shape({ desktop: PropTypes.number, mobile: PropTypes.number }) }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/section-title.js": /*!****************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/section-title.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _styledComponents = _interopRequireDefault(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _templateObject; var SectionTitle = _styledComponents.default.h3(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tpadding: 16px 12px;\n\tborder-style: solid;\n\tborder-width: 0 0 1px 0;\n\tborder-color: var(--e-a-border-color-bold);\n\tcolor: var(--e-a-color-txt);\n\tfont-family: Roboto, sans-serif;\n\tfont-size: 16px;\n\tfont-weight: 500;\n\ttext-transform: capitalize;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tline-height: 1.5em;\n\tletter-spacing: 0;\n\tword-spacing: 0;\n\tmargin: 0 auto 25px;\n\twidth: 100%;\n\tmax-width: 1140px;\n"]))); var _default = SectionTitle; exports["default"] = _default; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/components/section.js": /*!**********************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/components/section.js ***! \**********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"); var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = Section; var _taggedTemplateLiteral2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../node_modules/@babel/runtime/helpers/taggedTemplateLiteral.js")); var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); var _styledComponents = _interopRequireWildcard(__webpack_require__(/*! styled-components */ "../node_modules/styled-components/dist/styled-components.browser.esm.js")); var _sectionTitle = _interopRequireDefault(__webpack_require__(/*! ./section-title */ "../modules/styleguide/assets/js/frontend/components/section-title.js")); var _divBase = _interopRequireDefault(__webpack_require__(/*! ./global/div-base */ "../modules/styleguide/assets/js/frontend/components/global/div-base.js")); var _innerWrapper = _interopRequireDefault(__webpack_require__(/*! ./global/inner-wrapper */ "../modules/styleguide/assets/js/frontend/components/global/inner-wrapper.js")); var _templateObject, _templateObject2, _templateObject3; function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var Wrapper = (0, _styledComponents.default)(_divBase.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tmargin-top: 55px;\n"]))); var Content = (0, _styledComponents.default)(_divBase.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\twidth: 100%;\n\n\t", ";\n"])), function (_ref) { var flex = _ref.flex; return flex && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\tflex-direction: ", ";\n\t\tflex-wrap: ", ";\n\t"])), 'column' === flex ? 'column' : 'row', 'column' === flex ? 'nowrap' : 'wrap'); }); function Section(props) { var title = props.title, items = props.items, columns = props.columns, Item = props.component, type = props.type, _props$flex = props.flex, flex = _props$flex === void 0 ? 'row' : _props$flex; return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_sectionTitle.default, null, title), /*#__PURE__*/_react.default.createElement(_innerWrapper.default, null, /*#__PURE__*/_react.default.createElement(Content, { flex: flex }, items.map(function (item) { return /*#__PURE__*/_react.default.createElement(Item, { key: item._id, item: item, type: type ? type : null, columns: columns }); })))); } Section.propTypes = { title: PropTypes.string.isRequired, items: PropTypes.array.isRequired, columns: PropTypes.shape({ desktop: PropTypes.number, mobile: PropTypes.number }), component: PropTypes.func.isRequired, type: PropTypes.string, flex: PropTypes.oneOf(['row', 'column']) }; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/contexts/active-context.js": /*!***************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/contexts/active-context.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = exports.ActiveContext = void 0; exports.useActiveContext = useActiveContext; var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _settings = __webpack_require__(/*! ./settings */ "../modules/styleguide/assets/js/frontend/contexts/settings.js"); var _useIntersectionObserver = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-intersection-observer */ "../modules/styleguide/assets/js/frontend/hooks/use-intersection-observer.js")); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } var ActiveContext = (0, _react.createContext)(null); exports.ActiveContext = ActiveContext; var ActiveProvider = function ActiveProvider(props) { var _useState = (0, _react.useState)({ element: '', area: '' }), _useState2 = (0, _slicedToArray2.default)(_useState, 2), active = _useState2[0], setActive = _useState2[1]; var colorsAreaRef = (0, _react.useRef)(null); var fontsAreaRef = (0, _react.useRef)(null); var _useSettings = (0, _settings.useSettings)(), isReady = _useSettings.isReady; var _useIntersectionObser = (0, _useIntersectionObserver.default)(function (intersectingArea) { if (colorsAreaRef.current === intersectingArea.target) { activateArea('colors', { scroll: false }); return; } if (fontsAreaRef.current === intersectingArea.target) { activateArea('fonts', { scroll: false }); } }), setObservedElements = _useIntersectionObser.setObservedElements; var activateElement = function activateElement(type, source, id) { if ('color' === source) { window.top.$e.route('panel/global/global-colors', { activeControl: "".concat(type, "/").concat(id, "/color") }, { history: false }); } if ('typography' === source) { window.top.$e.route('panel/global/global-typography', { activeControl: "".concat(type, "/").concat(id, "/typography_typography") }, { history: false }); } }; var getElementControl = function getElementControl(type, source, id) { if ('color' === source) { return "".concat(type, "/").concat(id, "/color"); } if ('typography' === source) { return "".concat(type, "/").concat(id, "/typography_typography"); } }; var activateArea = function activateArea(area) { var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, _ref$scroll = _ref.scroll, scroll = _ref$scroll === void 0 ? true : _ref$scroll; if (scroll) { scrollToArea(area); } setActive(function (prevState) { return _objectSpread(_objectSpread({}, prevState), {}, { area: area }); }); }; var scrollToArea = function scrollToArea(area) { var ref = 'colors' === area ? colorsAreaRef : fontsAreaRef; ref.current.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' }); }; (0, _react.useEffect)(function () { if (window.top.$e.routes.is('panel/global/global-colors')) { scrollToArea('colors'); } if (window.top.$e.routes.is('panel/global/global-typography')) { scrollToArea('fonts'); } }, []); (0, _react.useEffect)(function () { if (!isReady) { return; } setObservedElements([colorsAreaRef.current, fontsAreaRef.current]); window.top.$e.routes.on('run:after', function (component, route, args) { if ('panel/global/global-typography' === route) { setActive(function () { return { area: 'fonts', element: args.activeControl }; }); } if ('panel/global/global-colors' === route) { setActive(function () { return { area: 'colors', element: args.activeControl }; }); } }); }, [isReady]); var value = { activeElement: active.element, activeArea: active.area, activateElement: activateElement, activateArea: activateArea, colorsAreaRef: colorsAreaRef, fontsAreaRef: fontsAreaRef, getElementControl: getElementControl }; return /*#__PURE__*/_react.default.createElement(ActiveContext.Provider, (0, _extends2.default)({ value: value }, props)); }; var _default = ActiveProvider; exports["default"] = _default; function useActiveContext() { return (0, _react.useContext)(ActiveContext); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/contexts/settings.js": /*!*********************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/contexts/settings.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.useSettings = exports.SettingsProvider = void 0; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var _useDebouncedCallback = _interopRequireDefault(__webpack_require__(/*! ../hooks/use-debounced-callback */ "../modules/styleguide/assets/js/frontend/hooks/use-debounced-callback.js")); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } var SettingsContext = (0, _react.createContext)(null); /** * @return {{settings: Map, isReady: boolean}|null} context */ var useSettings = function useSettings() { return (0, _react.useContext)(SettingsContext); }; exports.useSettings = useSettings; var SettingsProvider = function SettingsProvider(props) { var _useState = (0, _react.useState)('idle'), _useState2 = (0, _slicedToArray2.default)(_useState, 2), status = _useState2[0], setStatus = _useState2[1]; var _useState3 = (0, _react.useState)(new Map()), _useState4 = (0, _slicedToArray2.default)(_useState3, 2), settings = _useState4[0], _setSettings = _useState4[1]; var settingsRef = (0, _react.useRef)(settings); // TODO: Use `useDebouncedCallback` instead of `useCallback`. var setSettings = function setSettings(newSettings) { settingsRef.current = newSettings; _setSettings(newSettings); }; (0, _react.useEffect)(function () { setStatus('loaded'); }, [settings]); var getInitialSettings = function getInitialSettings() { setStatus('loading'); var kitSettings = elementor.documents.getCurrent().config.settings.settings; var map = new Map([['colors', new Map([['system_colors', kitSettings.system_colors], ['custom_colors', kitSettings.custom_colors]])], ['fonts', new Map([['system_typography', kitSettings.system_typography], ['custom_typography', kitSettings.custom_typography], ['fallback_font', kitSettings.default_generic_fonts]])], ['config', new Map([['is_debug', elementorCommon.config.isElementorDebug]])]]); setSettings(map); }; var onCommandEvent = (0, _react.useCallback)(function (event) { switch (event.detail.command) { case 'document/elements/settings': onSettingsChange(event.detail.args); break; case 'document/repeater/insert': onInsert(event.detail.args); break; case 'document/repeater/remove': onRemove(event.detail.args); break; default: break; } }, []); /** * Triggered when a color or font is changed. * Has a 100ms debounce. * * @param {{container: {model: {attributes: {name: string}}, id: number}, settings: {}}} args */ var onSettingsChange = (0, _useDebouncedCallback.default)(function (args) { var name = args.container.model.attributes.name; var newSettings = new Map(settingsRef.current); var _iterator = _createForOfIteratorHelper(newSettings.entries()), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var _step$value = (0, _slicedToArray2.default)(_step.value, 2), group = _step$value[0], groupSettings = _step$value[1]; if (!groupSettings.has(name)) { continue; } if (Array.isArray(groupSettings.get(name))) { var index = groupSettings.get(name).findIndex(function (item) { return item._id === args.container.id; }); if (-1 === index) { return; } newSettings.get(group).get(name)[index] = _objectSpread(_objectSpread({}, groupSettings.get(name)[index]), args.settings); } else { newSettings.get(group).set(name, args.settings); } } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } setSettings(newSettings); }, 100); /** * Triggered when a new custom color or font is created. * * @param {{name: string, model: string, options: {at: number}}} args */ var onInsert = function onInsert(args) { var name = args.name; var newSettings = new Map(settingsRef.current); var _iterator2 = _createForOfIteratorHelper(newSettings.entries()), _step2; try { for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { var _args$options; var _step2$value = (0, _slicedToArray2.default)(_step2.value, 2), group = _step2$value[0], groupSettings = _step2$value[1]; if (!groupSettings.has(name)) { continue; } var newArray = (0, _toConsumableArray2.default)(groupSettings.get(name)); var at = undefined === ((_args$options = args.options) === null || _args$options === void 0 ? void 0 : _args$options.at) ? newArray.length : args.options.at; newSettings.get(group).set(name, [].concat((0, _toConsumableArray2.default)(newArray.slice(0, at)), [args.model], (0, _toConsumableArray2.default)(newArray.slice(at)))); } } catch (err) { _iterator2.e(err); } finally { _iterator2.f(); } setSettings(newSettings); }; /** * Triggered when a custom color or font is removed. * * @param {{name: string, index: number}} args */ var onRemove = function onRemove(args) { var name = args.name; var newSettings = new Map(settingsRef.current); var _iterator3 = _createForOfIteratorHelper(newSettings.entries()), _step3; try { for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { var _step3$value = (0, _slicedToArray2.default)(_step3.value, 2), group = _step3$value[0], groupSettings = _step3$value[1]; if (!groupSettings.has(name)) { continue; } var newArray = (0, _toConsumableArray2.default)(groupSettings.get(name)); newSettings.get(group).set(name, newArray.filter(function (item, index) { return index !== args.index; })); } } catch (err) { _iterator3.e(err); } finally { _iterator3.f(); } setSettings(newSettings); }; (0, _react.useEffect)(function () { getInitialSettings(); window.top.addEventListener('elementor/commands/run/after', onCommandEvent, { passive: true }); return function () { window.top.removeEventListener('elementor/commands/run/after', onCommandEvent); }; }, []); var value = { settings: settings, isReady: 'loaded' === status }; return /*#__PURE__*/_react.default.createElement(SettingsContext.Provider, (0, _extends2.default)({ value: value }, props)); }; exports.SettingsProvider = SettingsProvider; /***/ }), /***/ "../modules/styleguide/assets/js/frontend/hooks/use-debounced-callback.js": /*!********************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/hooks/use-debounced-callback.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useDebouncedCallback; var _react = __webpack_require__(/*! react */ "react"); function useDebouncedCallback(callback, wait) { var timeout = (0, _react.useRef)(); return (0, _react.useCallback)(function () { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var later = function later() { clearTimeout(timeout.current); callback.apply(void 0, args); }; clearTimeout(timeout.current); timeout.current = setTimeout(later, wait); }, [callback, wait]); } /***/ }), /***/ "../modules/styleguide/assets/js/frontend/hooks/use-intersection-observer.js": /*!***********************************************************************************!*\ !*** ../modules/styleguide/assets/js/frontend/hooks/use-intersection-observer.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = useIntersectionObserver; var _react = __webpack_require__(/*! react */ "react"); function useIntersectionObserver(callback) { var observer; var elements = []; (0, _react.useEffect)(function () { observer = new IntersectionObserver(function (entries) { var intersectingArea = entries.find(function (entry) { return entry.isIntersecting; }); if (intersectingArea) { callback(intersectingArea); } }, {}); return function () { observer.disconnect(); }; }, []); var observe = function observe() { if (elements.length !== 0) { elements.forEach(function (element) { if (element) { observer.observe(element); } }); } }; var unobserve = function unobserve() { if (elements.length !== 0) { elements.forEach(function (element) { if (element) { observer.unobserve(element); } }); } }; var setObservedElements = function setObservedElements(observedElements) { unobserve(); elements = observedElements; observe(); }; return { setObservedElements: setObservedElements }; } /***/ }) }]); //# sourceMappingURL=152486453d0e39071cdb.bundle.js.map
Save
cmd:
run