R E D

NAME	SIZE	PERMISSION
packages	[ DIR ]	drwxr-xr-x
081ef1d595d61b745bca.bundle.min.js	41.41 KB	-rwxr-xr-x
081ef1d595d61b745bca.bundle.min.js.LICENSE.txt	487 B	-rwxr-xr-x
1bef795bdeaafc779b19.bundle.min.js	58.41 KB	-rwxr-xr-x
46e544e5863270fc32f2.bundle.js	11.12 KB	-rwxr-xr-x
4fdaa70e951ad90db2f2.bundle.min.js	13.29 KB	-rwxr-xr-x
6dc72ebebb42e6117899.bundle.min.js	4.2 KB	-rwxr-xr-x
6ed74dd3befaff90b65c.bundle.js	43.96 KB	-rwxr-xr-x
79d91b3af4aa6bc1c967.bundle.min.js	22.68 KB	-rwxr-xr-x
906cf49fecec599e1a67.bundle.min.js	26.85 KB	-rwxr-xr-x
a493d490206d9432cc8b.bundle.js	15.96 KB	-rwxr-xr-x
a730ee9caa710006b307.bundle.js	265.26 KB	-rwxr-xr-x
ab59172d5784d868ebd9.bundle.min.js	5.67 KB	-rwxr-xr-x
accordion.8799675460c73eb48972.bundle.min.js	3.66 KB	-rwxr-xr-x
accordion.c16b88b2e8a0c50189bc.bundle.js	7.35 KB	-rwxr-xr-x
admin-feedback.js	4.53 KB	-rwxr-xr-x
admin-feedback.min.js	1.93 KB	-rwxr-xr-x
admin-modules.js	41.21 KB	-rwxr-xr-x
admin-modules.min.js	17.58 KB	-rwxr-xr-x
admin-modules.min.js.LICENSE.txt	149 B	-rwxr-xr-x
admin-top-bar.js	64.25 KB	-rwxr-xr-x
admin-top-bar.min.js	10.54 KB	-rwxr-xr-x
admin.js	110.84 KB	-rwxr-xr-x
admin.min.js	50.61 KB	-rwxr-xr-x
admin.min.js.LICENSE.txt	149 B	-rwxr-xr-x
ai-admin.js	1.38 MB	-rwxr-xr-x
ai-admin.min.js	376.74 KB	-rwxr-xr-x
ai-admin.min.js.LICENSE.txt	511 B	-rwxr-xr-x
ai.js	1.4 MB	-rwxr-xr-x
ai.min.js	386.26 KB	-rwxr-xr-x
ai.min.js.LICENSE.txt	511 B	-rwxr-xr-x
alert.c3c6a3fdf4745bd26b7f.bundle.js	1.11 KB	-rwxr-xr-x
alert.cbc2a0fee74ee3ed0419.bundle.min.js	624 B	-rwxr-xr-x
announcements-app.js	100.93 KB	-rwxr-xr-x
announcements-app.min.js	26.74 KB	-rwxr-xr-x
announcements-app.min.js.LICENSE.txt	149 B	-rwxr-xr-x
app-loader.js	257.59 KB	-rwxr-xr-x
app-loader.min.js	90.03 KB	-rwxr-xr-x
app-packages.js	354.58 KB	-rwxr-xr-x
app-packages.min.js	121.23 KB	-rwxr-xr-x
app-packages.min.js.LICENSE.txt	149 B	-rwxr-xr-x
app.js	794.99 KB	-rwxr-xr-x
app.min.js	290.54 KB	-rwxr-xr-x
app.min.js.LICENSE.txt	637 B	-rwxr-xr-x
be69c0d71c69e96d6a96.bundle.min.js	4.03 KB	-rwxr-xr-x
beta-tester.js	22.64 KB	-rwxr-xr-x
beta-tester.min.js	9.23 KB	-rwxr-xr-x
c1dd514ac8d43fbb6919.bundle.js	81.26 KB	-rwxr-xr-x
common-modules.js	292.25 KB	-rwxr-xr-x
common-modules.min.js	102.91 KB	-rwxr-xr-x
common.js	415.89 KB	-rwxr-xr-x
common.min.js	156 KB	-rwxr-xr-x
common.min.js.LICENSE.txt	149 B	-rwxr-xr-x
container-converter.js	53.99 KB	-rwxr-xr-x
container-converter.min.js	18.85 KB	-rwxr-xr-x
container.284c9bf9b36eadd05080.bundle.min.js	9.29 KB	-rwxr-xr-x
container.dfea7c883442d5ae61c8.bundle.js	17.34 KB	-rwxr-xr-x
counter.02cef29c589e742d4c8c.bundle.min.js	912 B	-rwxr-xr-x
counter.3f74a246dff765f39aea.bundle.js	1.59 KB	-rwxr-xr-x
d3bdd130eb38d3b07f85.bundle.js	69.85 KB	-rwxr-xr-x
d6220da5189e9a2aac43.bundle.js	12.21 KB	-rwxr-xr-x
dev-tools.js	23.96 KB	-rwxr-xr-x
dev-tools.min.js	7.51 KB	-rwxr-xr-x
e8a7573e654d921656ab.bundle.js	26.73 KB	-rwxr-xr-x
editor-document.js	73.73 KB	-rwxr-xr-x
editor-document.min.js	26.5 KB	-rwxr-xr-x
editor-environment-v2.js	670 B	-rwxr-xr-x
editor-environment-v2.min.js	246 B	-rwxr-xr-x
editor-loader-v1.js	402 B	-rwxr-xr-x
editor-loader-v1.min.js	88 B	-rwxr-xr-x
editor-loader-v2.js	890 B	-rwxr-xr-x
editor-loader-v2.min.js	443 B	-rwxr-xr-x
editor-modules.js	121.61 KB	-rwxr-xr-x
editor-modules.min.js	51.15 KB	-rwxr-xr-x
editor-modules.min.js.LICENSE.txt	149 B	-rwxr-xr-x
editor.js	2.56 MB	-rwxr-xr-x
editor.min.js	1.06 MB	-rwxr-xr-x
editor.min.js.LICENSE.txt	149 B	-rwxr-xr-x
elementor-admin-bar.js	19.34 KB	-rwxr-xr-x
elementor-admin-bar.min.js	7.37 KB	-rwxr-xr-x
f9b37afff6a65f7b9541.bundle.js	63.05 KB	-rwxr-xr-x
frontend-modules.js	172.99 KB	-rwxr-xr-x
frontend-modules.min.js	57.48 KB	-rwxr-xr-x
frontend.js	101.4 KB	-rwxr-xr-x
frontend.min.js	39.49 KB	-rwxr-xr-x
gutenberg.js	6.5 KB	-rwxr-xr-x
gutenberg.min.js	3.34 KB	-rwxr-xr-x
image-carousel.4455c6362492d9067512.bundle.min.js	432 B	-rwxr-xr-x
image-carousel.9399f19d95d7300cbc2e.bundle.js	929 B	-rwxr-xr-x
import-export-admin.js	15.21 KB	-rwxr-xr-x
import-export-admin.min.js	6.18 KB	-rwxr-xr-x
kit-elements-defaults-editor.js	90.5 KB	-rwxr-xr-x
kit-elements-defaults-editor.min.js	35.47 KB	-rwxr-xr-x
kit-elements-defaults-editor.min.js.LICENSE.txt	149 B	-rwxr-xr-x
kit-library.26f1573ff46203710889.bundle.min.js	87.76 KB	-rwxr-xr-x
kit-library.b4cf9f541e44f7bbc972.bundle.js	225.58 KB	-rwxr-xr-x
lightbox.1b6e05e0607040eb8929.bundle.min.js	29.55 KB	-rwxr-xr-x
lightbox.c35dbfc7181d730b570c.bundle.js	51.67 KB	-rwxr-xr-x
nested-accordion.js	29.29 KB	-rwxr-xr-x
nested-accordion.min.js	12.36 KB	-rwxr-xr-x
nested-accordion.min.js.LICENSE.txt	149 B	-rwxr-xr-x
nested-elements.js	20.54 KB	-rwxr-xr-x
nested-elements.min.js	6.25 KB	-rwxr-xr-x
nested-tabs.js	29.26 KB	-rwxr-xr-x
nested-tabs.min.js	12.35 KB	-rwxr-xr-x
nested-tabs.min.js.LICENSE.txt	149 B	-rwxr-xr-x
new-template.js	15.51 KB	-rwxr-xr-x
new-template.min.js	6.68 KB	-rwxr-xr-x
notes.js	25.68 KB	-rwxr-xr-x
notes.min.js	9.52 KB	-rwxr-xr-x
onboarding.c7161864bbc938281940.bundle.min.js	51.49 KB	-rwxr-xr-x
onboarding.d1f3b86a6e269191f707.bundle.js	117.49 KB	-rwxr-xr-x
preloaded-modules.js	77.25 KB	-rwxr-xr-x
preloaded-modules.min.js	40.97 KB	-rwxr-xr-x
progress.553d43a5b3903206bedc.bundle.js	1.21 KB	-rwxr-xr-x
progress.ca55d33bb06cee4e6f02.bundle.min.js	655 B	-rwxr-xr-x
responsive-bar.js	26.13 KB	-rwxr-xr-x
responsive-bar.min.js	11.72 KB	-rwxr-xr-x
styleguide-app-initiator.js	33.68 KB	-rwxr-xr-x
styleguide-app-initiator.min.js	13.69 KB	-rwxr-xr-x
styleguide-app-initiator.min.js.LICENSE.txt	149 B	-rwxr-xr-x
styleguide.js	101.81 KB	-rwxr-xr-x
styleguide.min.js	45.78 KB	-rwxr-xr-x
tabs.520bc2ed4560c561029e.bundle.js	7.28 KB	-rwxr-xr-x
tabs.c2af5be7f9cb3cdcf3d5.bundle.min.js	3.62 KB	-rwxr-xr-x
text-editor.2c35aafbe5bf0e127950.bundle.min.js	1.33 KB	-rwxr-xr-x
text-editor.2f2f7e0ea1e16387a004.bundle.js	2.73 KB	-rwxr-xr-x
text-path.b50b3e74488a4e302613.bundle.min.js	3.18 KB	-rwxr-xr-x
text-path.bfa8a1f6fcf6c803aaa9.bundle.js	7.91 KB	-rwxr-xr-x
toggle.31881477c45ff5cf9d4d.bundle.min.js	3.68 KB	-rwxr-xr-x
toggle.d79746a764407a0828ee.bundle.js	7.38 KB	-rwxr-xr-x
video.bb330f394f46f2666bc1.bundle.js	6.57 KB	-rwxr-xr-x
video.fea4f8dfdf17262f23e8.bundle.min.js	3.25 KB	-rwxr-xr-x
web-cli.js	498.74 KB	-rwxr-xr-x
web-cli.min.js	174.84 KB	-rwxr-xr-x
web-cli.min.js.LICENSE.txt	149 B	-rwxr-xr-x
webpack.runtime.js	15.14 KB	-rwxr-xr-x
webpack.runtime.min.js	4.88 KB	-rwxr-xr-x
wp-audio.75f0ced143febb8cd31a.bundle.min.js	349 B	-rwxr-xr-x
wp-audio.b8efdc046bc9df72a075.bundle.js	781 B	-rwxr-xr-x

Code Editor : d3bdd130eb38d3b07f85.bundle.js

/*! elementor - v3.16.0 - 20-09-2023 */
"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");

/***/ }),

/***/ "../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");

/***/ }),

/***/ "../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")["__"];

/***/ }),

/***/ "../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")["__"];

/***/ }),

/***/ "../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");

/***/ }),

/***/ "../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__) => {

/***/ }),

/***/ "../modules/styleguide/assets/js/frontend/components/global/loader.js":
/*!****************************************************************************!*\
  !*** ../modules/styleguide/assets/js/frontend/components/global/loader.js ***!
  \****************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

/***/ }),

/***/ "../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");

// 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, __('Style Guide Preview', '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");

/***/ }),

/***/ "../modules/styleguide/assets/js/frontend/components/item/font.js":
/*!************************************************************************!*\
  !*** ../modules/styleguide/assets/js/frontend/components/item/font.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

/***/ }),

/***/ "../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");

/***/ }),

/***/ "../modules/styleguide/assets/js/frontend/contexts/active-context.js":
/*!***************************************************************************!*\
  !*** ../modules/styleguide/assets/js/frontend/contexts/active-context.js ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

/***/ }),

/***/ "../modules/styleguide/assets/js/frontend/contexts/settings.js":
/*!*********************************************************************!*\
  !*** ../modules/styleguide/assets/js/frontend/contexts/settings.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

/**
 * @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=d3bdd130eb38d3b07f85.bundle.js.map

${this.title}

Code Editor : d3bdd130eb38d3b07f85.bundle.js