Changeset 2711455

Timestamp:

04/19/2022 09:00:49 AM (4 years ago)

Author:

pixelgrade

Message:

Fix backwards compatibility

Location:

style-manager/trunk

Files:

• composer.lock (modified) (6 diffs)
• dist/js/customizer-preview.js (modified) (1 diff)
• dist/js/customizer-search.js (modified) (1 diff)
• dist/js/customizer.css (modified) (4 diffs)
• dist/js/customizer.js (modified) (1 diff)
• dist/js/customizer.js.LICENSE.txt (modified) (1 diff)
• dist/js/dark-mode.js (modified) (1 diff)
• dist/js/settings.js (modified) (1 diff)
• dist/js/worker.js (modified) (1 diff)
• languages/style-manager.pot (modified) (8 diffs)
• readme.txt (modified) (2 diffs)
• src/Customize/ColorPalettes.php (modified) (2 diffs)
• src/Customize/Customize.php (modified) (2 diffs)
• src/Customize/sm_advanced_palette_output.json (added)
• src/Screen/EditWithBlocks.php (modified) (1 diff)
• style-manager.php (modified) (2 diffs)
• vendor/autoload.php (modified) (1 diff)
• vendor/composer/InstalledVersions.php (modified) (7 diffs)
• vendor/composer/autoload_real.php (modified) (5 diffs)
• vendor/composer/autoload_static.php (modified) (2 diffs)
• vendor/composer/installed.json (modified) (5 diffs)
• vendor/composer/installed.php (modified) (4 diffs)

style-manager/trunk/composer.lock

@@ -1609 +1609 @@
         {
             "name": "phpstan/phpstan",
-            "version": "1.5.5",
+            "version": "1.5.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpstan/phpstan.git",
-                "reference": "d77a607667f29ae099c0686f99664bd451fd23df"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/d77a607667f29ae099c0686f99664bd451fd23df",
-                "reference": "d77a607667f29ae099c0686f99664bd451fd23df",
+                "reference": "799dd8c2d2c9c704bb55d2078078cb970cf0f6d1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",
+                "reference": "799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",
                 "shasum": ""
             },
@@ -1644 +1644 @@
             "support": {
                 "issues": "https://github.com/phpstan/phpstan/issues",
-                "source": "https://github.com/phpstan/phpstan/tree/1.5.5"
+                "source": "https://github.com/phpstan/phpstan/tree/1.5.6"
             },
             "funding": [
@@ -1664 +1664 @@
                 }
             ],
-            "time": "2022-04-14T12:20:26+00:00"
+            "time": "2022-04-15T11:13:37+00:00"
         },
         {
@@ -2051 +2051 @@
                 "type": "git",
                 "url": "https://github.com/rectorphp/rector.git",
-                "reference": "74a8a29f4c9696eeacca61a3c26bcc502780f6fb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/rectorphp/rector/zipball/74a8a29f4c9696eeacca61a3c26bcc502780f6fb",
-                "reference": "74a8a29f4c9696eeacca61a3c26bcc502780f6fb",
+                "reference": "2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/rectorphp/rector/zipball/2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916",
+                "reference": "2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.2|^8.0",
-                "phpstan/phpstan": "^1.5.5"
+                "phpstan/phpstan": "^1.5.6"
             },
             "conflict": {
@@ -2104 +2104 @@
                 }
             ],
-            "time": "2022-04-15T07:29:32+00:00"
+            "time": "2022-04-19T08:10:27+00:00"
         },
         {
@@ -3926 +3926 @@
     },
     "platform-dev": [],
-    "platform-overrides": {
-        "php": "7.4"
-    },
     "plugin-api-version": "2.0.0"
 }

style-manager/trunk/dist/js/customizer-preview.js

@@ -1 @@
-(()=>{"use strict";var t={n:e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},d:(e,n)=>{for(var i in n)t.o(n,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e);var n=function(){if("undefined"==typeof WebFont){var t=document.createElement("script");t.src=parent.styleManager.config.webfontloader_url,t.type="text/javascript";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}};const i=window.lodash;var o=t.n(i);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}var a=function(t){return"string"==typeof t||"number"==typeof t?t=[t]:"object"===r(t)&&(t=Object.values(t)),t};function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}var l=function(t,e){return void 0===styleManager.config.settings[t]||void 0===styleManager.config.settings[t].fields[e]?!o().includes(["font-family","font-weight","font-style","line-height","text-align","text-transform","text-decoration"],e)&&"px":void 0!==styleManager.config.settings[t].fields[e].unit?!o().includes(["","false",!1],styleManager.config.settings[t].fields[e].unit)&&styleManager.config.settings[t].fields[e].unit:void 0!==styleManager.config.settings[t].fields[e][3]?!o().includes(["","false",!1],styleManager.config.settings[t].fields[e][3])&&styleManager.config.settings[t].fields[e][3]:"px"};function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}var c=function(t,e,n){if(arguments.length<2||void 0===t||void 0===e)return null;if(""===t||!1===t||null===t)return!1;if("function"==typeof t||"object"===s(t)||"function"==typeof e||"object"===s(e))return{0:""};!0===t&&(t="1");var i=(e+="").split(t+="");return void 0===n?i:(0===n&&(n=1),n>0?n>=i.length?i:i.slice(0,n-1).concat([i.slice(n-1).join(t)]):-n>=i.length?[]:(i.splice(i.length+n),i))};function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}var d=function(t,e){var n="",i="",o="";if(1===arguments.length&&(e=t,t=""),"object"===u(e)){if("[object Array]"===Object.prototype.toString.call(e))return e.join(t);for(n in e)i+=o+e[n],o=t;return i}return e},y=function(t){if(o().isUndefined(t))return"";var e=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",";return"object"===s(t)&&(t=a(t)),Array.isArray(t)?t:("string"!=typeof t&&(t=String(t)),(t=t.trim()).length?-1===t.indexOf(e)?[t]:c(e,t):[])}(t);return e.length?(o().each(e,(function(t,n){""!==(t=(t=t.replace(new RegExp(/^\s*["'‘’“”]*\s*/),"")).replace(new RegExp(/\s*["'‘’“”]*\s*$/),""))?(-1!==t.indexOf(" ")&&(t='"'+t+'"'),e[n]=t):delete e[n]})),function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",";return"string"==typeof t||"number"==typeof t?String(t):("object"===u(t)&&(t=a(t)),Array.isArray(t)?d(e,t):"")}(e)):""},v=function(t,e){var n={};if(void 0!==e.font_family&&!o().includes(["","false",!1],e.font_family)){if(n["font-family"]=e.font_family,-1===n["font-family"].indexOf(",")){var i=function(t){var e=e||parent.styleManager,n="",i=parent.sm.customizer.getFontDetails(t);if(void 0===i.fallback_stack||o().isEmpty(i.fallback_stack)){if(void 0!==i.category&&!o().isEmpty(i.category)){var r=i.category;void 0!==e.fonts.categories[r]?n=void 0!==e.fonts.categories[r].fallback_stack?e.fonts.categories[r].fallback_stack:"":o().find(e.fonts.categories,(function(t){return void 0!==t.aliases&&-1!==maybeImplodeList(t.aliases).indexOf(r)&&(n=void 0!==t.fallback_stack?t.fallback_stack:"",!0)}))}}else n=i.fallback_stack;return n}(n["font-family"]);i.length&&(n["font-family"]+=","+i)}n["font-family"]=y(n["font-family"])}if(void 0!==e.font_variant&&!o().includes(["","false",!1],e.font_variant)){var r=e.font_variant;o().isString(r)?(-1!==r.indexOf("italic")?(n["font-style"]="italic",r=r.replace("italic","")):-1!==r.indexOf("oblique")&&(n["font-style"]="oblique",r=r.replace("oblique","")),""!==r&&("regular"!==r&&"normal"!==r||(r="400"),n["font-weight"]=r)):o().isNumber(r)&&(n["font-weight"]=String(r))}if(void 0!==e.font_size&&!o().includes(["","false",!1],e.font_size)){var a=!1;n["font-size"]=e.font_size,isNaN(e.font_size)&&void 0!==e.font_size.value?(n["font-size"]=e.font_size.value,void 0!==e.font_size.unit&&(a=e.font_size.unit)):a=l(t,"font-size"),!1!==a&&(n["font-size"]+=a)}if(void 0!==e.letter_spacing&&!o().includes(["","false",!1],e.letter_spacing)){var f=!1;n["letter-spacing"]=e.letter_spacing,isNaN(e.letter_spacing)&&void 0!==e.letter_spacing.value?(n["letter-spacing"]=e.letter_spacing.value,void 0!==e.letter_spacing.unit&&(f=e.letter_spacing.unit)):f=l(t,"letter-spacing"),!1!==f&&(n["letter-spacing"]+=f)}if(void 0!==e.line_height&&!o().includes(["","false",!1],e.line_height)){var s=!1;n["line-height"]=e.line_height,isNaN(e.line_height)&&void 0!==e.line_height.value?(n["line-height"]=e.line_height.value,"undefined"!==!!e.line_height.unit&&(s=e.line_height.unit)):s=l(t,"line-height"),!1!==s&&(n["line-height"]+=s)}return void 0===e.text_align||o().includes(["","false",!1],e.text_align)||(n["text-align"]=e.text_align),void 0===e.text_transform||o().includes(["","false",!1],e.text_transform)||(n["text-transform"]=e.text_transform),void 0===e.text_decoration||o().includes(["","false",!1],e.text_decoration)||(n["text-decoration"]=e.text_decoration),n};const g=window.jQuery;var p=t.n(g),m=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i="";return p().each(t,(function(t,o){""!==o&&!1!==o&&h(t,e)&&(i+=n+t+": "+o+";\n")})),i},h=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!o().isEmpty(t)&&(!!o().isEmpty(e)||(!!o().includes(e,t)||!(!o().has(e,t)||!e[t])))},b=function(t,e,n){var i=i||parent.styleManager,r=i.config.settings[t],a=void 0===r.properties_prefix?"":r.properties_prefix,f="";if("undefined"!=typeof window&&void 0!==r.callback&&"function"==typeof window[r.callback]){var l=[];o().each(r.selector,(function(t,e){l.push(e)}));var s=p().extend(!0,{},r);return s.selector=l.join(", "),o().each(s.fields,(function(t,e){void 0!==t.unit&&(s.fields[e].unit=!1)})),o().each(e,(function(t,n){var i=n.replace(regexForMultipleReplace,"_");e[i]=t})),window[r.callback](e,s)}if(void 0===r.selector||o().isEmpty(r.selector)||o().isEmpty(e))return f;var c,u,d=(c=r.fields,u={"font-family":!1,"font-weight":!1,"font-style":!1,"font-size":!1,"line-height":!1,"letter-spacing":!1,"text-align":!1,"text-transform":!1,"text-decoration":!1},o().isEmpty(c)||o().each(c,(function(t,e){void 0!==u[e]&&(u[e]=!!t,"font-weight"===e&&(u["font-style"]=u[e]))})),u),y=[],v={};return o().each(r.selector,(function(t,e){o().isEmpty(t.properties)?y.push(e):v[e]=t})),o().isEmpty(y)||(f+="\n"+y.join(", ")+" {\n",f+=m(e,d,a),f+="}\n"),o().isEmpty(v)||o().each(v,(function(t,n){f+="\n"+n+" {\n",f+=m(e,t.properties,a),f+="}\n"})),f},w=function(){try{return window.self!==window.top}catch(t){return!0}};!function(t,e,i){var o,r,a;if(w()){t(e).on("load",(function(){n()}));var f=null==e||null===(o=e.top)||void 0===o||null===(r=o.styleManager)||void 0===r||null===(a=r.config)||void 0===a?void 0:a.settings,l=function(t){return"dynamic_style_".concat(t.replace(/\\W/g,"_"))},s=Object.keys(f).filter((function(t){var e=f[t];return"font"===e.type||Array.isArray(e.css)&&e.css.length}));s.forEach((function(t){var e=i.createElement("style"),n=l(t);e.setAttribute("id",n),i.body.appendChild(e)}));var c={},u=_.debounce((function(){var t=Object.assign({},c);c={},Object.keys(t).forEach((function(e){var n=l(e),o=i.getElementById(n),r=t[e],a=f[e];o.innerHTML=S(e,r,a)}))}),100);s.forEach((function(t){wp.customize(t,(function(e){e.bind((function(e){c[t]=e,u()}))}))}))}}(jQuery,window,document);var x=function(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";return"".concat(e," { ").concat(n,": ").concat(t).concat(i,"; }")},S=function(t,e,n){if("font"===n.type){!function(t,e){var n,i=i||parent.styleManager;if(window.fontsCache=null!==(n=window.fontsCache)&&void 0!==n?n:[],void 0!==t.font_family){var r=i.config.settings[e],l=t.font_family,s=parent.sm.customizer.determineFontType(l);if("system_font"!==s){var c=parent.sm.customizer.getFontDetails(l,s);if("theme_font"===s||"cloud_font"===s){if(void 0===f(c.src))return;var u=void 0===t.font_variant||void 0!==r.fields["font-weight"].loadAllVariants&&r.fields["font-weight"].loadAllVariants||void 0===c.variants||!o().includes(c.variants,t.font_variant)?void 0!==c.variants?c.variants:[]:t.font_variant;o().isEmpty(u)||(u=a(u),o().isEmpty(u)||(l=l+":"+u.map((function(t){return parent.sm.customizer.convertFontVariantToFVD(t)})).join(","))),-1===window.fontsCache.indexOf(l)&&(WebFont.load({custom:{families:[l],urls:[c.src]},classes:!1,events:!1}),window.fontsCache.push(l))}else if("google_font"===s){var d=void 0===t.font_variant||void 0!==r.fields["font-weight"].loadAllVariants&&r.fields["font-weight"].loadAllVariants||void 0===c.variants||!o().includes(c.variants,t.font_variant)?void 0!==c.variants?c.variants:[]:t.font_variant;o().isEmpty(d)||(d=a(d),o().isEmpty(d)||(l=l+":"+d.join(","))),-1===window.fontsCache.indexOf(l)&&(WebFont.load({google:{families:[l]},classes:!1,events:!1}),window.fontsCache.push(l))}}}}(e,t);var i=v(t,e);return b(t,i)}return Array.isArray(n.css)?n.css.reduce((function(t,n,i){var o=n.callback_filter,r=n.selector,a=n.property,f=n.unit,l=o&&"function"==typeof window[o]?window[o]:x;return r&&a?"".concat(t,"\n      ").concat(l(e,r,a,f)):t}),""):""};(window.sm=window.sm||{}).customizerPreview=e})();
+/*! For license information please see customizer-preview.js.LICENSE.txt */
+(()=>{"use strict";var __webpack_modules__={"./src/_js/customizer-preview/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/_js/utils/maybe-load-font-loader-script.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/_js/utils/maybe-load-font-family.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/_js/utils/get-font-field-css-value.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/_js/utils/get-font-field-css-code.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./src/_js/customizer-preview/utils.js");\n\n\n;\n\n(function ($, window, document) {\n  var _window$top, _window$top$styleMana, _window$top$styleMana2;\n\n  if (!(0,_utils__WEBPACK_IMPORTED_MODULE_0__.inPreviewIframe)()) {\n    return;\n  }\n\n  $(window).on(\'load\', function () {\n    // We need to do this on window.load because on document.ready might be too early.\n    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.maybeLoadWebfontloaderScript)();\n  });\n  var settings = window === null || window === void 0 ? void 0 : (_window$top = window.top) === null || _window$top === void 0 ? void 0 : (_window$top$styleMana = _window$top.styleManager) === null || _window$top$styleMana === void 0 ? void 0 : (_window$top$styleMana2 = _window$top$styleMana.config) === null || _window$top$styleMana2 === void 0 ? void 0 : _window$top$styleMana2.settings;\n\n  var getStyleTagID = function getStyleTagID(settingID) {\n    return "dynamic_style_".concat(settingID.replace(/\\\\W/g, \'_\'));\n  };\n\n  var properKeys = Object.keys(settings).filter(function (settingID) {\n    var setting = settings[settingID];\n    return setting.type === \'font\' || Array.isArray(setting.css) && setting.css.length;\n  });\n  properKeys.forEach(function (settingID) {\n    var style = document.createElement(\'style\');\n    var idAttr = getStyleTagID(settingID);\n    style.setAttribute(\'id\', idAttr);\n    document.body.appendChild(style);\n  }); // we create a queue of settingID => newValue pairs\n\n  var updateQueue = {}; // so we can update their respective style tags in only one pass\n  // and avoid multiple "recalculate styles" and all changes will appear\n  // at the same time in the customizer preview\n\n  var onChange = _.debounce(function () {\n    var queue = Object.assign({}, updateQueue);\n    updateQueue = {};\n    Object.keys(queue).forEach(function (settingID) {\n      var idAttr = getStyleTagID(settingID);\n      var style = document.getElementById(idAttr);\n      var newValue = queue[settingID];\n      var settingConfig = settings[settingID];\n      style.innerHTML = getSettingCSS(settingID, newValue, settingConfig);\n    });\n  }, 100);\n\n  properKeys.forEach(function (settingID) {\n    wp.customize(settingID, function (setting) {\n      setting.bind(function (newValue) {\n        updateQueue[settingID] = newValue;\n        onChange();\n      });\n    });\n  });\n})(jQuery, window, document);\n\nvar defaultCallbackFilter = function defaultCallbackFilter(value, selector, property) {\n  var unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : \'\';\n  return "".concat(selector, " { ").concat(property, ": ").concat(value).concat(unit, "; }");\n};\n\nvar getSettingCSS = function getSettingCSS(settingID, newValue, settingConfig) {\n  if (settingConfig.type === \'font\') {\n    (0,_utils__WEBPACK_IMPORTED_MODULE_2__.maybeLoadFontFamily)(newValue, settingID);\n    var cssValue = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getFontFieldCSSValue)(settingID, newValue);\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFontFieldCSSCode)(settingID, cssValue, newValue);\n  }\n\n  if (!Array.isArray(settingConfig.css)) {\n    return \'\';\n  }\n\n  return settingConfig.css.reduce(function (acc, propertyConfig, index) {\n    var callback_filter = propertyConfig.callback_filter,\n        selector = propertyConfig.selector,\n        property = propertyConfig.property,\n        unit = propertyConfig.unit;\n    var settingCallback = callback_filter && typeof window[callback_filter] === "function" ? window[callback_filter] : defaultCallbackFilter;\n\n    if (!selector || !property) {\n      return acc;\n    }\n\n    return "".concat(acc, "\\n      ").concat(settingCallback(newValue, selector, property, unit));\n  }, \'\');\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer-preview/index.js?')},"./src/_js/customizer-preview/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "inPreviewIframe": () => (/* binding */ inPreviewIframe)\n/* harmony export */ });\nvar inPreviewIframe = function inPreviewIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return true;\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer-preview/utils.js?')},"./src/_js/utils/extract-allowed-css-properties.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"extractAllowedCSSPropertiesFromFontFields\": () => (/* binding */ extractAllowedCSSPropertiesFromFontFields)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n\nvar extractAllowedCSSPropertiesFromFontFields = function extractAllowedCSSPropertiesFromFontFields(subfields) {\n  // Nothing is allowed by default.\n  var allowedProperties = {\n    'font-family': false,\n    'font-weight': false,\n    'font-style': false,\n    'font-size': false,\n    'line-height': false,\n    'letter-spacing': false,\n    'text-align': false,\n    'text-transform': false,\n    'text-decoration': false\n  };\n\n  if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(subfields)) {\n    return allowedProperties;\n  } // We will match the subfield keys with the CSS properties, but only those that properties that are allowed.\n  // Maybe at some point some more complex matching would be needed here.\n\n\n  lodash__WEBPACK_IMPORTED_MODULE_0___default().each(subfields, function (value, key) {\n    if (typeof allowedProperties[key] !== 'undefined') {\n      // Convert values to boolean.\n      allowedProperties[key] = !!value; // For font-weight we want font-style to go the same way,\n      // since these two are generated from the same subfield: font-weight (actually holding the font variant value).\n\n      if ('font-weight' === key) {\n        allowedProperties['font-style'] = allowedProperties[key];\n      }\n    }\n  });\n\n  return allowedProperties;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/extract-allowed-css-properties.js?")},"./src/_js/utils/get-font-family-fallback-stack.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFamilyFallbackStack\": () => (/* binding */ getFontFamilyFallbackStack)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n// This is a mirror logic of the server-side Utils\\Fonts::getFontFamilyFallbackStack()\n\nvar getFontFamilyFallbackStack = function getFontFamilyFallbackStack(fontFamily) {\n  var styleManager = styleManager || parent.styleManager;\n  var fallbackStack = '';\n  var fontDetails = parent.sm.customizer.getFontDetails(fontFamily);\n\n  if (typeof fontDetails.fallback_stack !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(fontDetails.fallback_stack)) {\n    fallbackStack = fontDetails.fallback_stack;\n  } else if (typeof fontDetails.category !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(fontDetails.category)) {\n    var category = fontDetails.category; // Search in the available categories for a match.\n\n    if (typeof styleManager.fonts.categories[category] !== 'undefined') {\n      // Matched by category ID/key\n      fallbackStack = typeof styleManager.fonts.categories[category].fallback_stack !== 'undefined' ? styleManager.fonts.categories[category].fallback_stack : '';\n    } else {\n      // We need to search for aliases.\n      lodash__WEBPACK_IMPORTED_MODULE_0___default().find(styleManager.fonts.categories, function (categoryDetails) {\n        if (typeof categoryDetails.aliases !== 'undefined') {\n          var aliases = maybeImplodeList(categoryDetails.aliases);\n\n          if (aliases.indexOf(category) !== -1) {\n            // Found it.\n            fallbackStack = typeof categoryDetails.fallback_stack !== 'undefined' ? categoryDetails.fallback_stack : '';\n            return true;\n          }\n        }\n\n        return false;\n      });\n    }\n  }\n\n  return fallbackStack;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-family-fallback-stack.js?")},"./src/_js/utils/get-font-field-css-code.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFieldCSSCode\": () => (/* binding */ getFontFieldCSSCode)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _extract_allowed_css_properties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./extract-allowed-css-properties */ \"./src/_js/utils/extract-allowed-css-properties.js\");\n/* harmony import */ var _get_font_field_css_properties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-font-field-css-properties */ \"./src/_js/utils/get-font-field-css-properties.js\");\n\n\n\n // Mirror logic of server-side Utils\\Fonts::getFontStyle()\n\nvar getFontFieldCSSCode = function getFontFieldCSSCode(settingID, cssValue, value) {\n  var styleManager = styleManager || parent.styleManager;\n  var fontConfig = styleManager.config.settings[settingID];\n  var prefix = typeof fontConfig.properties_prefix === 'undefined' ? '' : fontConfig.properties_prefix;\n  var output = '';\n\n  if (typeof window !== 'undefined' && typeof fontConfig.callback !== 'undefined' && typeof window[fontConfig.callback] === 'function') {\n    // The callbacks expect a string selector right now, not a standardized list.\n    // @todo Maybe migrate all callbacks to the new standardized data and remove all this.\n    var plainSelectors = [];\n\n    lodash__WEBPACK_IMPORTED_MODULE_0___default().each(fontConfig.selector, function (details, selector) {\n      plainSelectors.push(selector);\n    });\n\n    var adjustedFontConfig = jquery__WEBPACK_IMPORTED_MODULE_1___default().extend(true, {}, fontConfig);\n    adjustedFontConfig.selector = plainSelectors.join(', '); // Also, \"kill\" all fields unit since we pass final CSS values.\n    // @todo For some reason, the client-side Typeline cbs are not consistent and expect the font-size value with unit.\n\n    lodash__WEBPACK_IMPORTED_MODULE_0___default().each(adjustedFontConfig['fields'], function (fieldValue, fieldKey) {\n      if (typeof fieldValue.unit !== 'undefined') {\n        adjustedFontConfig['fields'][fieldKey]['unit'] = false;\n      }\n    }); // Callbacks want the value keys with underscores, not dashes.\n    // We will provide them in both versions for a smoother transition.\n\n\n    lodash__WEBPACK_IMPORTED_MODULE_0___default().each(cssValue, function (propertyValue, property) {\n      var newKey = property.replace(regexForMultipleReplace, '_');\n      cssValue[newKey] = propertyValue;\n    });\n\n    return window[fontConfig.callback](cssValue, adjustedFontConfig);\n  }\n\n  if (typeof fontConfig.selector === 'undefined' || lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(fontConfig.selector) || lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(cssValue)) {\n    return output;\n  } // The general CSS allowed properties.\n\n\n  var subFieldsCSSAllowedProperties = (0,_extract_allowed_css_properties__WEBPACK_IMPORTED_MODULE_2__.extractAllowedCSSPropertiesFromFontFields)(fontConfig['fields']); // The selector is standardized to a list of simple string selectors, or a list of complex selectors with details.\n  // In either case, the actual selector is in the key, and the value is an array (possibly empty).\n  // Since we might have simple CSS selectors and complex ones (with special details),\n  // for cleanliness we will group the simple ones under a single CSS rule,\n  // and output individual CSS rules for complex ones.\n  // Right now, for complex CSS selectors we are only interested in the `properties` sub-entry.\n\n  var simpleCSSSelectors = [];\n  var complexCSSSelectors = {};\n\n  lodash__WEBPACK_IMPORTED_MODULE_0___default().each(fontConfig.selector, function (details, selector) {\n    if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(details.properties)) {\n      // This is a simple selector.\n      simpleCSSSelectors.push(selector);\n    } else {\n      complexCSSSelectors[selector] = details;\n    }\n  });\n\n  if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(simpleCSSSelectors)) {\n    output += '\\n' + simpleCSSSelectors.join(', ') + ' {\\n';\n    output += (0,_get_font_field_css_properties__WEBPACK_IMPORTED_MODULE_3__.getFontFieldCSSProperties)(cssValue, subFieldsCSSAllowedProperties, prefix);\n    output += '}\\n';\n  }\n\n  if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(complexCSSSelectors)) {\n    lodash__WEBPACK_IMPORTED_MODULE_0___default().each(complexCSSSelectors, function (details, selector) {\n      output += '\\n' + selector + ' {\\n';\n      output += (0,_get_font_field_css_properties__WEBPACK_IMPORTED_MODULE_3__.getFontFieldCSSProperties)(cssValue, details.properties, prefix);\n      output += '}\\n';\n    });\n  }\n\n  return output;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-field-css-code.js?")},"./src/_js/utils/get-font-field-css-properties.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFieldCSSProperties\": () => (/* binding */ getFontFieldCSSProperties),\n/* harmony export */   \"isCSSPropertyAllowed\": () => (/* binding */ isCSSPropertyAllowed)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);\n// Mirror logic of server-side Utils\\Fonts::getCSSProperties()\n\n\nvar getFontFieldCSSProperties = function getFontFieldCSSProperties(cssValue) {\n  var allowedProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';\n  var output = '';\n  jquery__WEBPACK_IMPORTED_MODULE_0___default().each(cssValue, function (property, propertyValue) {\n    // We don't want to output empty CSS rules.\n    if ('' === propertyValue || false === propertyValue) {\n      return;\n    } // If the property is not allowed, skip it.\n\n\n    if (!isCSSPropertyAllowed(property, allowedProperties)) {\n      return;\n    }\n\n    output += prefix + property + ': ' + propertyValue + ';\\n';\n  });\n  return output;\n};\nvar isCSSPropertyAllowed = function isCSSPropertyAllowed(property) {\n  var allowedProperties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n  // Empty properties are not allowed.\n  if (lodash__WEBPACK_IMPORTED_MODULE_1___default().isEmpty(property)) {\n    return false;\n  } // Everything is allowed if nothing is specified.\n\n\n  if (lodash__WEBPACK_IMPORTED_MODULE_1___default().isEmpty(allowedProperties)) {\n    return true;\n  } // For arrays\n\n\n  if (lodash__WEBPACK_IMPORTED_MODULE_1___default().includes(allowedProperties, property)) {\n    return true;\n  } // For objects\n\n\n  if (lodash__WEBPACK_IMPORTED_MODULE_1___default().has(allowedProperties, property) && allowedProperties[property]) {\n    return true;\n  }\n\n  return false;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-field-css-properties.js?")},"./src/_js/utils/get-font-field-css-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFieldCSSValue\": () => (/* binding */ getFontFieldCSSValue)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _get_font_family_fallback_stack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./get-font-family-fallback-stack */ \"./src/_js/utils/get-font-family-fallback-stack.js\");\n/* harmony import */ var _get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-font-subfield-unit */ \"./src/_js/utils/get-font-subfield-unit.js\");\n/* harmony import */ var _sanitize_font_family_css_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sanitize-font-family-css-value */ \"./src/_js/utils/sanitize-font-family-css-value/index.js\");\n// Mirror logic of server-side Utils\\Fonts::getCSSValue()\n\n\n\n\nvar getFontFieldCSSValue = function getFontFieldCSSValue(settingID, value) {\n  var CSSValue = {};\n\n  if (typeof value.font_family !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_family)) {\n    CSSValue['font-family'] = value.font_family; // \"Expand\" the font family by appending the fallback stack, if any is available.\n    // But only do this, if the value is not already a font stack!\n\n    if (CSSValue['font-family'].indexOf(',') === -1) {\n      var fallbackStack = (0,_get_font_family_fallback_stack__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyFallbackStack)(CSSValue['font-family']);\n\n      if (fallbackStack.length) {\n        CSSValue['font-family'] += ',' + fallbackStack;\n      }\n    }\n\n    CSSValue['font-family'] = (0,_sanitize_font_family_css_value__WEBPACK_IMPORTED_MODULE_2__.sanitizeFontFamilyCSSValue)(CSSValue['font-family']);\n  }\n\n  if (typeof value.font_variant !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_variant)) {\n    var variant = value.font_variant;\n\n    if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isString(variant)) {\n      // We may have a style in the variant; attempt to split.\n      if (variant.indexOf('italic') !== -1) {\n        CSSValue['font-style'] = 'italic';\n        variant = variant.replace('italic', '');\n      } else if (variant.indexOf('oblique') !== -1) {\n        CSSValue['font-style'] = 'oblique';\n        variant = variant.replace('oblique', '');\n      } // If anything remained, then we have a font weight also.\n\n\n      if (variant !== '') {\n        if (variant === 'regular' || variant === 'normal') {\n          variant = '400';\n        }\n\n        CSSValue['font-weight'] = variant;\n      }\n    } else if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isNumber(variant)) {\n      CSSValue['font-weight'] = String(variant);\n    }\n  }\n\n  if (typeof value.font_size !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_size)) {\n    var fontSizeUnit = false;\n    CSSValue['font-size'] = value.font_size; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.font_size)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.font_size.value !== 'undefined') {\n        CSSValue['font-size'] = value.font_size.value;\n\n        if (typeof value.font_size.unit !== 'undefined') {\n          fontSizeUnit = value.font_size.unit;\n        }\n      } else {\n        fontSizeUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'font-size');\n      }\n    } else {\n      fontSizeUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'font-size');\n    }\n\n    if (false !== fontSizeUnit) {\n      CSSValue['font-size'] += fontSizeUnit;\n    }\n  }\n\n  if (typeof value.letter_spacing !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.letter_spacing)) {\n    var letterSpacingUnit = false;\n    CSSValue['letter-spacing'] = value.letter_spacing; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.letter_spacing)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.letter_spacing.value !== 'undefined') {\n        CSSValue['letter-spacing'] = value.letter_spacing.value;\n\n        if (typeof value.letter_spacing.unit !== 'undefined') {\n          letterSpacingUnit = value.letter_spacing.unit;\n        }\n      } else {\n        letterSpacingUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'letter-spacing');\n      }\n    } else {\n      letterSpacingUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'letter-spacing');\n    }\n\n    if (false !== letterSpacingUnit) {\n      CSSValue['letter-spacing'] += letterSpacingUnit;\n    }\n  }\n\n  if (typeof value.line_height !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.line_height)) {\n    var lineHeightUnit = false;\n    CSSValue['line-height'] = value.line_height; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.line_height)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.line_height.value !== 'undefined') {\n        CSSValue['line-height'] = value.line_height.value;\n\n        if (!!value.line_height.unit !== 'undefined') {\n          lineHeightUnit = value.line_height.unit;\n        }\n      } else {\n        lineHeightUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'line-height');\n      }\n    } else {\n      lineHeightUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'line-height');\n    }\n\n    if (false !== lineHeightUnit) {\n      CSSValue['line-height'] += lineHeightUnit;\n    }\n  }\n\n  if (typeof value.text_align !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_align)) {\n    CSSValue['text-align'] = value.text_align;\n  }\n\n  if (typeof value.text_transform !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_transform)) {\n    CSSValue['text-transform'] = value.text_transform;\n  }\n\n  if (typeof value.text_decoration !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_decoration)) {\n    CSSValue['text-decoration'] = value.text_decoration;\n  }\n\n  return CSSValue;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-field-css-value.js?")},"./src/_js/utils/get-font-subfield-unit.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontSubfieldUnit\": () => (/* binding */ getFontSubfieldUnit)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n// This is a mirror logic of the server-side Utils\\Fonts::getSubFieldUnit()\n\nvar getFontSubfieldUnit = function getFontSubfieldUnit(settingID, field) {\n  if (typeof styleManager.config.settings[settingID] === 'undefined' || typeof styleManager.config.settings[settingID].fields[field] === 'undefined') {\n    // These fields don't have an unit, by default.\n    if (lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['font-family', 'font-weight', 'font-style', 'line-height', 'text-align', 'text-transform', 'text-decoration'], field)) {\n      return false;\n    } // The rest of the subfields have pixels as default units.\n\n\n    return 'px';\n  }\n\n  if (typeof styleManager.config.settings[settingID].fields[field].unit !== 'undefined') {\n    // Make sure that we convert all falsy unit values to the boolean false.\n    return lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], styleManager.config.settings[settingID].fields[field].unit) ? false : styleManager.config.settings[settingID].fields[field].unit;\n  }\n\n  if (typeof styleManager.config.settings[settingID].fields[field][3] !== 'undefined') {\n    // Make sure that we convert all falsy unit values to the boolean false.\n    return lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], styleManager.config.settings[settingID].fields[field][3]) ? false : styleManager.config.settings[settingID].fields[field][3];\n  }\n\n  return 'px';\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-subfield-unit.js?")},"./src/_js/utils/maybe-load-font-family.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeLoadFontFamily\": () => (/* binding */ maybeLoadFontFamily)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\nvar maybeLoadFontFamily = function maybeLoadFontFamily(font, settingID) {\n  var _window$fontsCache;\n\n  var styleManager = styleManager || parent.styleManager;\n  window.fontsCache = (_window$fontsCache = window.fontsCache) !== null && _window$fontsCache !== void 0 ? _window$fontsCache : [];\n\n  if (typeof font.font_family === 'undefined') {\n    return;\n  }\n\n  var fontConfig = styleManager.config.settings[settingID];\n  var family = font.font_family; // The font family may be a comma separated list like \"Roboto, sans\"\n\n  var fontType = parent.sm.customizer.determineFontType(family);\n\n  if ('system_font' === fontType) {\n    // Nothing to do for standard fonts\n    return;\n  }\n\n  var fontDetails = parent.sm.customizer.getFontDetails(family, fontType); // Handle theme defined fonts and cloud fonts together since they are very similar.\n\n  if (fontType === 'theme_font' || fontType === 'cloud_font') {\n    // Bail if we have no src.\n    if (_typeof(fontDetails.src) === undefined) {\n      return;\n    } // Handle the font variants.\n    // If there is a selected font variant and we haven't been instructed to load all, load only that,\n    // otherwise load all the available variants.\n\n\n    var variants = typeof font.font_variant !== 'undefined' && (typeof fontConfig['fields']['font-weight']['loadAllVariants'] === 'undefined' || !fontConfig['fields']['font-weight']['loadAllVariants']) && typeof fontDetails.variants !== 'undefined' // If the font has no variants, any variant value we may have received should be ignored.\n    && lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(fontDetails.variants, font.font_variant) // If the value variant is not amongst the available ones, load all available variants.\n    ? font.font_variant : typeof fontDetails.variants !== 'undefined' ? fontDetails.variants : [];\n\n    if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(variants)) {\n      variants = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_1__.standardizeToArray)(variants);\n\n      if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(variants)) {\n        family = family + ':' + variants.map(function (variant) {\n          return parent.sm.customizer.convertFontVariantToFVD(variant);\n        }).join(',');\n      }\n    }\n\n    if (window.fontsCache.indexOf(family) === -1) {\n      WebFont.load({\n        custom: {\n          families: [family],\n          urls: [fontDetails.src]\n        },\n        classes: false,\n        events: false\n      }); // Remember we've loaded this family (with it's variants) so we don't load it again.\n\n      window.fontsCache.push(family);\n    }\n  } // Handle Google fonts since Web Font Loader has a special module for them.\n  else if (fontType === 'google_font') {\n    // Handle the font variants\n    // If there is a selected font variant and we haven't been instructed to load all, load only that,\n    // otherwise load all the available variants.\n    var _variants = typeof font.font_variant !== 'undefined' && (typeof fontConfig['fields']['font-weight']['loadAllVariants'] === 'undefined' || !fontConfig['fields']['font-weight']['loadAllVariants']) && typeof fontDetails.variants !== 'undefined' // If the font has no variants, any variant value we may have received should be ignored.\n    && lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(fontDetails.variants, font.font_variant) // If the value variant is not amongst the available ones, load all available variants.\n    ? font.font_variant : typeof fontDetails.variants !== 'undefined' ? fontDetails.variants : [];\n\n    if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(_variants)) {\n      _variants = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_1__.standardizeToArray)(_variants);\n\n      if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(_variants)) {\n        family = family + ':' + _variants.join(',');\n      }\n    }\n\n    if (window.fontsCache.indexOf(family) === -1) {\n      WebFont.load({\n        google: {\n          families: [family]\n        },\n        classes: false,\n        events: false\n      }); // Remember we've loaded this family (with it's variants) so we don't load it again.\n\n      window.fontsCache.push(family);\n    }\n  } else {// Maybe Typekit, Fonts.com or Fontdeck fonts\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/maybe-load-font-family.js?")},"./src/_js/utils/maybe-load-font-loader-script.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeLoadWebfontloaderScript\": () => (/* binding */ maybeLoadWebfontloaderScript)\n/* harmony export */ });\nvar maybeLoadWebfontloaderScript = function maybeLoadWebfontloaderScript() {\n  if (typeof WebFont === 'undefined') {\n    var tk = document.createElement('script');\n    tk.src = parent.styleManager.config.webfontloader_url;\n    tk.type = 'text/javascript';\n    var s = document.getElementsByTagName('script')[0];\n    s.parentNode.insertBefore(tk, s);\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/maybe-load-font-loader-script.js?")},"./src/_js/utils/sanitize-font-family-css-value/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"sanitizeFontFamilyCSSValue\": () => (/* binding */ sanitizeFontFamilyCSSValue)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _maybe_explode_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./maybe-explode-list */ \"./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js\");\n/* harmony import */ var _maybe_implode_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./maybe-implode-list */ \"./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js\");\n// Mirror logic of server-side Utils\\Fonts::sanitizeFontFamilyCSSValue()\n\n\n\nvar sanitizeFontFamilyCSSValue = function sanitizeFontFamilyCSSValue(value) {\n  if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isUndefined(value)) {\n    return '';\n  } // Since we might get a stack, attempt to treat is a comma-delimited list.\n\n\n  var fontFamilies = (0,_maybe_explode_list__WEBPACK_IMPORTED_MODULE_1__.maybeExplodeList)(value);\n\n  if (!fontFamilies.length) {\n    return '';\n  }\n\n  lodash__WEBPACK_IMPORTED_MODULE_0___default().each(fontFamilies, function (fontFamily, key) {\n    // Make sure that the font family is free from \" or ' or whitespace, at the front.\n    fontFamily = fontFamily.replace(new RegExp(/^\\s*[\"'‘’“”]*\\s*/), ''); // Make sure that the font family is free from \" or ' or whitespace, at the back.\n\n    fontFamily = fontFamily.replace(new RegExp(/\\s*[\"'‘’“”]*\\s*$/), '');\n\n    if ('' === fontFamily) {\n      delete fontFamilies[key];\n      return;\n    } // Now, if the font family contains spaces, wrap it in \".\n\n\n    if (fontFamily.indexOf(' ') !== -1) {\n      fontFamily = '\"' + fontFamily + '\"';\n    } // Finally, put it back.\n\n\n    fontFamilies[key] = fontFamily;\n  });\n\n  return (0,_maybe_implode_list__WEBPACK_IMPORTED_MODULE_2__.maybeImplodeList)(fontFamilies);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/index.js?")},"./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeExplodeList\": () => (/* binding */ maybeExplodeList)\n/* harmony export */ });\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\nvar maybeExplodeList = function maybeExplodeList(str) {\n  var delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';\n\n  if (_typeof(str) === 'object') {\n    str = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_0__.standardizeToArray)(str);\n  } // If by any chance we are given an array, just return it\n\n\n  if (Array.isArray(str)) {\n    return str;\n  } // Anything else we coerce to a string\n\n\n  if (typeof str !== 'string') {\n    str = String(str);\n  } // Make sure we trim it\n\n\n  str = str.trim(); // Bail on empty string\n\n  if (!str.length) {\n    return [];\n  } // Return the whole string as an element if the delimiter is missing\n\n\n  if (str.indexOf(delimiter) === -1) {\n    return [str];\n  } // Explode it and return it\n\n\n  return explode(delimiter, str);\n};\n\nvar explode = function explode(delimiter, string, limit) {\n  //  discuss at: https://locutus.io/php/explode/\n  // original by: Kevin van Zonneveld (https://kvz.io)\n  //   example 1: explode(' ', 'Kevin van Zonneveld')\n  //   returns 1: [ 'Kevin', 'van', 'Zonneveld' ]\n  if (arguments.length < 2 || typeof delimiter === 'undefined' || typeof string === 'undefined') {\n    return null;\n  }\n\n  if (delimiter === '' || delimiter === false || delimiter === null) {\n    return false;\n  }\n\n  if (typeof delimiter === 'function' || _typeof(delimiter) === 'object' || typeof string === 'function' || _typeof(string) === 'object') {\n    return {\n      0: ''\n    };\n  }\n\n  if (delimiter === true) {\n    delimiter = '1';\n  } // Here we go...\n\n\n  delimiter += '';\n  string += '';\n  var s = string.split(delimiter);\n\n  if (typeof limit === 'undefined') {\n    return s;\n  } // Support for limit\n\n\n  if (limit === 0) {\n    limit = 1;\n  } // Positive limit\n\n\n  if (limit > 0) {\n    if (limit >= s.length) {\n      return s;\n    }\n\n    return s.slice(0, limit - 1).concat([s.slice(limit - 1).join(delimiter)]);\n  } // Negative limit\n\n\n  if (-limit >= s.length) {\n    return [];\n  }\n\n  s.splice(s.length + limit);\n  return s;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js?")},"./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeImplodeList\": () => (/* binding */ maybeImplodeList)\n/* harmony export */ });\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\nvar maybeImplodeList = function maybeImplodeList(value) {\n  var glue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';\n\n  // If by any chance we are given a string, just return it\n  if (typeof value === 'string' || typeof value === 'number') {\n    return String(value);\n  }\n\n  if (_typeof(value) === 'object') {\n    value = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_0__.standardizeToArray)(value);\n  }\n\n  if (Array.isArray(value)) {\n    return implode(glue, value);\n  } // For anything else we return an empty string.\n\n\n  return '';\n};\n\nvar implode = function implode(glue, pieces) {\n  //  discuss at: https://locutus.io/php/implode/\n  // original by: Kevin van Zonneveld (https://kvz.io)\n  // improved by: Waldo Malqui Silva (https://waldo.malqui.info)\n  // improved by: Itsacon (https://www.itsacon.net/)\n  // bugfixed by: Brett Zamir (https://brett-zamir.me)\n  //   example 1: implode(' ', ['Kevin', 'van', 'Zonneveld'])\n  //   returns 1: 'Kevin van Zonneveld'\n  //   example 2: implode(' ', {first:'Kevin', last: 'van Zonneveld'})\n  //   returns 2: 'Kevin van Zonneveld'\n  var i = '';\n  var retVal = '';\n  var tGlue = '';\n\n  if (arguments.length === 1) {\n    pieces = glue;\n    glue = '';\n  }\n\n  if (_typeof(pieces) === 'object') {\n    if (Object.prototype.toString.call(pieces) === '[object Array]') {\n      return pieces.join(glue);\n    }\n\n    for (i in pieces) {\n      retVal += tGlue + pieces[i];\n      tGlue = glue;\n    }\n\n    return retVal;\n  }\n\n  return pieces;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js?")},"./src/_js/utils/standardize-to-array.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "standardizeToArray": () => (/* binding */ standardizeToArray)\n/* harmony export */ });\nfunction _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }\n\nvar standardizeToArray = function standardizeToArray(value) {\n  if (typeof value === \'string\' || typeof value === \'number\') {\n    value = [value];\n  } else if (_typeof(value) === \'object\') {\n    value = Object.values(value);\n  }\n\n  return value;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/standardize-to-array.js?')},jquery:e=>{e.exports=window.jQuery},lodash:e=>{e.exports=window.lodash}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(n,{a:n}),n},__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./src/_js/customizer-preview/index.js");(window.sm=window.sm||{}).customizerPreview=__webpack_exports__})();

style-manager/trunk/dist/js/customizer-search.js

@@ -1 @@
-window.styleManager=window.styleManager||parent.styleManager||{},function(e,n,t){var a,i,s,c,o,r,l,u,d,m,p,h,f;void 0===n.search&&(n.search={}),_.extend(n.search,(a=t.customize,i="#accordion-section-style-manager-customizer-search",s="#style-manager-customizer-search-input",c=null,o=null,r=function(){var t=_.map(a.settings.controls,(function(e,t){if("string"!=typeof t&&(t=String(t)),void 0===_.find(n.search.excludedControls,(function(e){return-1!==t.indexOf(e)}))){var i={label:void 0===e.label||_.isEmpty(e.label)?"":e.label,description:void 0===e.description||_.isEmpty(e.description)?"":e.description,panelName:"",sectionName:"",panel:null,section:e.section};return _.map(a.settings.sections,(function(n,t){e.section===n.id&&_.map(_wpCustomizeSettings.panels,(function(e,t){""===n.panel&&(i.panelName=n.title),n.panel===e.id&&(i.sectionName=n.title,i.panel=n.panel,i.panelName=e.title)}))})),i}})).filter((function(e){return void 0!==e}));o=new Fuse(t,{includeScore:!0,includeMatches:!0,shouldSort:!0,minMatchCharLength:2,threshold:.3,keys:[{name:"label",weight:1},{name:"description",weight:.8},{name:"panelName",weight:.4},{name:"sectionName",weight:.4}]});var i=e("#customize-info");(c=e("#customize-theme-controls")).after('<div id="style-manager-search-results"></div>'),i.on("keyup",s,(function(n){n.preventDefault();var t=e(s).val();t.length>2?u(t):0===t.length&&f()})),i.on("click",".clear-search",(function(e){f()})),i.on("click",".close-search",(function(e){p()})),i.on("click",".customize-search-toggle",(function(e){p()})),a.previewer.targetWindow.bind(m),a.state("expandedSection").bind(l),a.state("expandedPanel").bind(l)},l=function(){if(!a.state("expandedSection").get()&&!a.state("expandedPanel").get()){var n=e(s).val();(null==n?void 0:n.length)>2&&setTimeout((function(){u(n)}),400)}},u=function(t){var a=o.search(t);if(0!==a.length){var i=a.map((function(t,a){if(!_.isEmpty(t.matches)&&""!==t.item.label){var i=e.extend(!0,{},t);_.each(t.matches,(function(e){void 0===e.indices||_.isEmpty(e.indices)||(i.item[e.key]=d(e.value,e.indices))}));var s=i.item.panelName;return""!==i.item.sectionName&&(s="".concat(s," ▸ ").concat(i.item.sectionName)),'\n                <li id="accordion-section-'.concat(t.item.section,'" class="accordion-section control-section control-section-default customizer-search-results" aria-owns="sub-accordion-section-').concat(t.item.section,'" data-section="').concat(t.item.section,'">\n                    <h3 class="accordion-section-title" tabindex="0">\n                        ').concat(i.item.label,'\n                        <span class="screen-reader-text">').concat(n.l10n.search.resultsSectionScreenReaderText,'</span>\n                    </h3>\n                    <span class="search-setting-path">').concat(s,"</i></span>\n                </li>\n                ")}})).join("");c.addClass("search-found"),document.getElementById("style-manager-search-results").innerHTML="<ul>".concat(i,"</ul>"),document.querySelectorAll("#style-manager-search-results .accordion-section").forEach((function(e){return e.addEventListener("click",h)}))}else c.removeClass("search-found")},d=function(e,n){if(!n)return e;for(var t=[],a=n.shift(),i=0;i<e.length;i++){var s=e.charAt(i);a&&i==a[0]&&t.push('<span class="hl">'),t.push(s),a&&i==a[1]&&(t.push("</span>"),a=n.shift())}return t.join("")},m=function(){var n=t.template("style-manager-search-button");0===e("#customize-info .accordion-section-title .customize-search-toggle").length&&e("#customize-info .accordion-section-title").append(n()),n=t.template("style-manager-search-form"),0===e("#customize-info "+i).length&&e("#customize-info .customize-panel-description").after(n())},p=function(){var n=e(i);n.hasClass("open")?(n.removeClass("open"),n.slideUp("fast"),f()):(e(".customize-panel-description").removeClass("open"),e(".customize-panel-description").slideUp("fast"),n.addClass("open"),n.slideDown("fast"),e(s).focus())},h=function(n){var t=this.getAttribute("data-section"),i=a.section(t);c.removeClass("search-found"),document.getElementById("style-manager-search-results").innerHTML="",e(s).focus(),i.expand()},f=function(){c.removeClass("search-found"),document.getElementById("style-manager-search-results").innerHTML="",document.getElementById("style-manager-customizer-search-input").value="",e(s).focus()},a.bind("ready",r),{init:r}))}(jQuery,styleManager,wp),(window.sm=window.sm||{}).customizerSearch={};
+/*! For license information please see customizer-search.js.LICENSE.txt */
+(()=>{var __webpack_modules__={"./src/_js/customizer-search/index.js":()=>{eval("/**\n * The logic for the Customizer controls search.\n *\n * Based on the logic from this WordPress plugin: https://wordpress.org/plugins/customizer-search/\n */\n\n/** @namespace styleManager */\nwindow.styleManager = window.styleManager || parent.styleManager || {};\n\n(function ($, styleManager, wp) {\n  /**\n   * Expose the API publicly on window.styleManager.search\n   *\n   * @namespace styleManager.search\n   */\n  if (typeof styleManager.search === 'undefined') {\n    styleManager.search = {};\n  }\n\n  _.extend(styleManager.search, function () {\n    var api = wp.customize;\n    var searchWrapperSelector = '#accordion-section-style-manager-customizer-search';\n    var searchInputSelector = '#style-manager-customizer-search-input';\n    var customizePanelsParent = null;\n    var fuse = null;\n\n    var init = function init() {\n      var searchableControls = _.map(api.settings.controls, function (control, controlId) {\n        if (typeof controlId !== 'string') {\n          controlId = String(controlId);\n        } // Determine if the control should be excluded from search results.\n\n\n        var excluded = _.find(styleManager.search.excludedControls, function (partial) {\n          return controlId.indexOf(partial) !== -1;\n        });\n\n        if (excluded !== undefined) {\n          return;\n        }\n\n        var searchableControl = {\n          \"label\": typeof control.label !== 'undefined' && !_.isEmpty(control.label) ? control.label : '',\n          \"description\": typeof control.description !== 'undefined' && !_.isEmpty(control.description) ? control.description : '',\n          \"panelName\": '',\n          \"sectionName\": '',\n          \"panel\": null,\n          \"section\": control.section // This is to know what section to expand when clicking on this result.\n\n        };\n\n        _.map(api.settings.sections, function (section, index) {\n          if (control.section === section.id) {\n            _.map(_wpCustomizeSettings.panels, function (panel, index) {\n              if ('' === section.panel) {\n                searchableControl.panelName = section.title;\n              }\n\n              if (section.panel === panel.id) {\n                searchableControl.sectionName = section.title;\n                searchableControl.panel = section.panel;\n                searchableControl.panelName = panel.title;\n              }\n            });\n          }\n        });\n\n        return searchableControl;\n      }).filter(function (item) {\n        // Make sure that we remove excluded controls entries.\n        return item !== undefined;\n      }); // Initialize the FuseJS search\n\n\n      var fuseOptions = {\n        includeScore: true,\n        includeMatches: true,\n        shouldSort: true,\n        minMatchCharLength: 2,\n        threshold: 0.3,\n        // The fussy search threshold. Lower for closer matches (less fuzzy).\n        keys: [{\n          name: 'label',\n          weight: 1\n        }, {\n          name: 'description',\n          weight: 0.8\n        }, {\n          name: 'panelName',\n          weight: 0.4\n        }, {\n          name: 'sectionName',\n          weight: 0.4\n        }]\n      }; // Create a new instance of Fuse\n\n      fuse = new Fuse(searchableControls, fuseOptions);\n      var $customizeInfo = $('#customize-info');\n      customizePanelsParent = $('#customize-theme-controls');\n      customizePanelsParent.after('<div id=\"style-manager-search-results\"></div>');\n      $customizeInfo.on('keyup', searchInputSelector, function (event) {\n        event.preventDefault();\n        var searchString = $(searchInputSelector).val(); // At least 3 characters required for search.\n\n        if (searchString.length > 2) {\n          displayResults(searchString);\n        } else if (searchString.length === 0) {\n          clearSearch();\n        }\n      });\n      $customizeInfo.on('click', '.clear-search', function (event) {\n        clearSearch();\n      });\n      $customizeInfo.on('click', '.close-search', function (event) {\n        toggleDisplaySearchForm();\n      });\n      $customizeInfo.on('click', '.customize-search-toggle', function (event) {\n        toggleDisplaySearchForm();\n      });\n      api.previewer.targetWindow.bind(showSearchButtonToggle); // Handle showing the current search results when returning to the top pane.\n\n      api.state('expandedSection').bind(showSearchResultsWhenTopPaneVisible);\n      api.state('expandedPanel').bind(showSearchResultsWhenTopPaneVisible);\n    };\n\n    var showSearchResultsWhenTopPaneVisible = function showSearchResultsWhenTopPaneVisible() {\n      if (!api.state('expandedSection').get() && !api.state('expandedPanel').get()) {\n        var searchString = $(searchInputSelector).val();\n\n        if ((searchString === null || searchString === void 0 ? void 0 : searchString.length) > 2) {\n          setTimeout(function () {\n            displayResults(searchString);\n          }, 400);\n        }\n      }\n    };\n\n    var displayResults = function displayResults(stringToSearch) {\n      var resultsArray = fuse.search(stringToSearch); // Bail if no results.\n\n      if (0 === resultsArray.length) {\n        customizePanelsParent.removeClass('search-found');\n        return;\n      }\n\n      var html = resultsArray.map(function (result, index) {\n        // Bail if no matches or empty label.\n        if (_.isEmpty(result.matches) || '' === result.item.label) {\n          return;\n        } // Make a copy for highlight.\n\n\n        var highlightedResult = $.extend(true, {}, result); // Highlight everything there is to highlight.\n\n        _.each(result.matches, function (match) {\n          if (typeof match.indices === 'undefined' || _.isEmpty(match.indices)) {\n            // No highlighting to do.\n            return;\n          } // The key is like `label` or `sectionName`.\n\n\n          highlightedResult.item[match.key] = generateHighlightedText(match.value, match.indices);\n        }); // Construct the control trail with panel > section.\n\n\n        var controlTrail = highlightedResult.item.panelName;\n\n        if ('' !== highlightedResult.item.sectionName) {\n          controlTrail = \"\".concat(controlTrail, \" \\u25B8 \").concat(highlightedResult.item.sectionName);\n        }\n\n        return \"\\n                <li id=\\\"accordion-section-\".concat(result.item.section, \"\\\" class=\\\"accordion-section control-section control-section-default customizer-search-results\\\" aria-owns=\\\"sub-accordion-section-\").concat(result.item.section, \"\\\" data-section=\\\"\").concat(result.item.section, \"\\\">\\n                    <h3 class=\\\"accordion-section-title\\\" tabindex=\\\"0\\\">\\n                        \").concat(highlightedResult.item.label, \"\\n                        <span class=\\\"screen-reader-text\\\">\").concat(styleManager.l10n.search.resultsSectionScreenReaderText, \"</span>\\n                    </h3>\\n                    <span class=\\\"search-setting-path\\\">\").concat(controlTrail, \"</i></span>\\n                </li>\\n                \");\n      }).join('');\n      customizePanelsParent.addClass('search-found');\n      document.getElementById('style-manager-search-results').innerHTML = \"<ul>\".concat(html, \"</ul>\");\n      var searchSettings = document.querySelectorAll('#style-manager-search-results .accordion-section');\n      searchSettings.forEach(function (setting) {\n        return setting.addEventListener('click', expandSection);\n      });\n    }; // Does not account for overlapping highlighted regions, if that exists at all O_o..\n\n\n    var generateHighlightedText = function generateHighlightedText(text, regions) {\n      if (!regions) {\n        return text;\n      }\n\n      var highlightedText = [];\n      var pair = regions.shift(); // Build the formatted string\n\n      for (var i = 0; i < text.length; i++) {\n        var _char = text.charAt(i);\n\n        if (pair && i == pair[0]) {\n          highlightedText.push('<span class=\"hl\">');\n        }\n\n        highlightedText.push(_char);\n\n        if (pair && i == pair[1]) {\n          highlightedText.push('</span>');\n          pair = regions.shift();\n        }\n      }\n\n      return highlightedText.join('');\n    };\n    /**\n     * Shows the message that is shown for when a header\n     * or footer is already set for this page.\n     */\n\n\n    var showSearchButtonToggle = function showSearchButtonToggle() {\n      var template = wp.template('style-manager-search-button');\n\n      if ($('#customize-info .accordion-section-title .customize-search-toggle').length === 0) {\n        $('#customize-info .accordion-section-title').append(template());\n      }\n\n      template = wp.template('style-manager-search-form');\n\n      if ($('#customize-info ' + searchWrapperSelector).length === 0) {\n        $('#customize-info .customize-panel-description').after(template());\n      }\n    };\n\n    var toggleDisplaySearchForm = function toggleDisplaySearchForm() {\n      var $wrapper = $(searchWrapperSelector);\n\n      if ($wrapper.hasClass('open')) {\n        // Close it\n        $wrapper.removeClass('open');\n        $wrapper.slideUp('fast'); // Also clear the search.\n\n        clearSearch();\n      } else {\n        // Open it\n        $('.customize-panel-description').removeClass('open');\n        $('.customize-panel-description').slideUp('fast');\n        $wrapper.addClass('open');\n        $wrapper.slideDown('fast');\n        $(searchInputSelector).focus();\n      }\n    };\n\n    var expandSection = function expandSection(event) {\n      var sectionName = this.getAttribute('data-section');\n      var section = api.section(sectionName);\n      customizePanelsParent.removeClass('search-found');\n      document.getElementById('style-manager-search-results').innerHTML = '';\n      $(searchInputSelector).focus();\n      section.expand();\n    };\n    /**\n     * Clear Search input and display all the options.\n     */\n\n\n    var clearSearch = function clearSearch() {\n      customizePanelsParent.removeClass('search-found');\n      document.getElementById('style-manager-search-results').innerHTML = '';\n      document.getElementById('style-manager-customizer-search-input').value = '';\n      $(searchInputSelector).focus();\n    }; // When the customizer is ready prepare the search logic.\n\n\n    api.bind('ready', init);\n    return {\n      init: init\n    };\n  }());\n})(jQuery, styleManager, wp);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer-search/index.js?")}},__webpack_exports__={};__webpack_modules__["./src/_js/customizer-search/index.js"](),(window.sm=window.sm||{}).customizerSearch=__webpack_exports__})();

style-manager/trunk/dist/js/customizer.css

@@ -1 @@
-:root{--sm-color-palette-neutral-color-1: #ffffff;--sm-color-palette-neutral-color-2: #f7f7f9;--sm-color-palette-neutral-color-3: #e4e6ec;--sm-color-palette-neutral-color-4: #c4c7d5;--sm-color-palette-neutral-color-5: #9c9fac;--sm-color-palette-neutral-color-6: #7c7f8c;--sm-color-palette-neutral-color-7: #696c78;--sm-color-palette-neutral-color-8: #565965;--sm-color-palette-neutral-color-9: #454853;--sm-color-palette-neutral-color-10: #333640;--sm-color-palette-neutral-color-11: #1f222b;--sm-color-palette-neutral-color-12: #101010;--sm-color-palette-neutral-text-color-1: #333640;--sm-color-palette-neutral-text-color-2: #1f222b}:root{--sm-color-palette-accent-color-1: #ffffff;--sm-color-palette-accent-color-2: #EDF1F6;--sm-color-palette-accent-color-3: #dfe6f4;--sm-color-palette-accent-color-4: #afc2e3;--sm-color-palette-accent-color-5: #7fa1d4;--sm-color-palette-accent-color-6: #4d82c1;--sm-color-palette-accent-color-7: #006fbb;--sm-color-palette-accent-color-8: #085ba2;--sm-color-palette-accent-color-9: #0b4889;--sm-color-palette-accent-color-10: #0e3470;--sm-color-palette-accent-color-11: #0b1d55;--sm-color-palette-accent-color-12: #101010;--sm-color-palette-accent-text-color-1: #0e3470;--sm-color-palette-accent-text-color-2: #0b1d55;--sm-customizer-box-shadow-0: none;--sm-customizer-box-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);--sm-customizer-box-shadow-2: 0 64px 128px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.1);--sm-customizer-box-shadow-3: 0 32px 128px rgba(0, 0, 0, 0.1), 0 16px 64px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);--sm-customizer-box-shadow-4: 0 64px 128px rgba(0, 0, 0, 0.1), 0 32px 64px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1);--sm-transition: all 0.2s ease}:root{--customizer-spacing: 20px;--customizer-border-color: var(--sm-color-palette-neutral-color-3);--customizer-background-color: var(--sm-color-palette-neutral-color-2);--customizer-text-color: var(--sm-color-palette-neutral-text-color-1);--customizer-field-padding-x: 1em;--customizer-field-padding-y: 0.75em;--customizer-field-border-width: 2px;--customizer-field-border-color: var(--customizer-border-color);--customizer-field-focus-border-color: var(--sm-color-palette-accent-color-7);--customizer-field-border-radius: 4px;--customizer-field-background-color: var(--sm-color-palette-neutral-color-1);--customizer-field-text-color: var(--sm-color-palette-neutral-text-color-1);--customizer-field-font-size: 14px;--customizer-field-font-weight: normal;--customizer-field-line-height: 1.5;--customizer-select-focus-background-color: var(--sm-color-palette-accent-color-7);--customizer-select-focus-text-color: var(--sm-color-palette-neutral-color-1);--customizer-field-height: 44px;--customizer-checkbox-size: 22px}.customize-control{--customize-control-spacing-x: var(--customizer-spacing);--customize-control-spacing-y: var(--customizer-spacing);padding:var(--customize-control-spacing-y) var(--customize-control-spacing-x);float:none}.customize-control:not([class*=customize-control-nav_menu_item]){margin:0}.customize-control:not(:last-child){padding-bottom:1px}.ui-sortable .customize-control{--customize-control-spacing-x: 0px}.customize-control label.sm-group__title{font-weight:600}.customize-section-description-container{margin-bottom:0}.customize-control-title{margin-bottom:calc(.5*var(--customizer-spacing))}.customize-control-description{margin-bottom:calc(.5*var(--customizer-spacing));font-style:normal;opacity:.8;clear:both}#customize-theme-controls li.customize-control-title{margin-bottom:0}#customize-theme-controls li.customize-control-title+.customize-control-checkbox,#customize-theme-controls li.customize-control-title+.customize-control-radio{margin-top:0}#customize-theme-controls .customize-control-textarea .customize-control-description{margin-top:initial}#customize-theme-controls .control-section.open{border-bottom:0;min-height:100%}#customize-theme-controls .customize-pane-child.ui-sortable{padding:0 20px}#customize-theme-controls .customize-pane-child.ui-sortable .customize-section-description-container{margin-left:-20px;margin-right:-20px}.customize-control-checkbox>.customize-control-notifications-container+.customize-inside-control-row:last-child{padding-top:0;padding-bottom:0}.style-manager-color-select__option-list{display:flex;margin-left:-5px}.style-manager-color-select__option-list>*{border-radius:50%;overflow:hidden;text-indent:-999em;flex:0 0 auto;width:30px;margin-left:5px;border:var(--customizer-field-border-width) solid var(--sm-color-palette-neutral-color-2)}.style-manager-color-select__option-list>*:before{content:"";padding-top:100%;display:block;background-color:currentColor}.style-manager-color-select__option-label{display:none}.style-manager-color-select__option--text{color:#333}.style-manager-color-select__option--titles{color:#222}.style-manager-color-select__option--accent{color:#a22}.style-manager-color-select__option--background{color:#eee}.style-manager-color-select__option--selected{box-shadow:var(--sm-color-palette-neutral-color-6) 0 0 0 var(--customizer-field-border-width)}.customize-control input[type=text],.customize-control input[type=password],.customize-control input[type=date],.customize-control input[type=datetime],.customize-control input[type=datetime-local],.customize-control input[type=email],.customize-control input[type=month],.customize-control input[type=number],.customize-control input[type=tel],.customize-control input[type=time],.customize-control input[type=url],.customize-control input[type=week],.customize-control input[type=search]{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0}.customize-control input[type=text]:focus,.customize-control input[type=password]:focus,.customize-control input[type=date]:focus,.customize-control input[type=datetime]:focus,.customize-control input[type=datetime-local]:focus,.customize-control input[type=email]:focus,.customize-control input[type=month]:focus,.customize-control input[type=number]:focus,.customize-control input[type=tel]:focus,.customize-control input[type=time]:focus,.customize-control input[type=url]:focus,.customize-control input[type=week]:focus,.customize-control input[type=search]:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.customize-control textarea{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0}.customize-control textarea:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.customize-control select,.customize-control.customize-control-select select{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0;max-width:100%;-moz-appearance:none;-webkit-appearance:none}.customize-control select:focus,.customize-control.customize-control-select select:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.customize-control select:not([multiple]),.customize-control.customize-control-select select:not([multiple]){padding-right:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:right var(--customizer-field-padding-x) top 50%}.customize-control select::-ms-expand,.customize-control.customize-control-select select::-ms-expand{display:none}.customize-control input[type=range]{--thumb-height: 22px;--thumb-border-width: 2px;--track-height: 6px;position:relative;height:var(--thumb-height);overflow:hidden;outline:none;background:none;-webkit-appearance:none;-moz-appearange:none}.customize-control input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:var(--sm-color-palette-neutral-color-4);border-radius:999em}.customize-control input[type=range]::-moz-range-track{width:100%;height:var(--track-height);background:var(--sm-color-palette-neutral-color-4);border-radius:999em}.customize-control input[type=range]::-webkit-slider-thumb{position:relative;z-index:3;box-sizing:border-box;width:var(--thumb-height);height:var(--thumb-height);margin-top:calc(var(--track-height)*.5 - var(--thumb-height)*.5);border:var(--thumb-border-width) solid var(--customizer-border-color);border-radius:var(--customizer-field-border-radius);background:var(--sm-color-palette-neutral-color-1);cursor:move;cursor:grab;-webkit-appearance:none}.customize-control input[type=range]::-moz-range-thumb{position:relative;z-index:3;box-sizing:border-box;width:var(--thumb-height);height:var(--thumb-height);margin-top:calc(var(--track-height)*.5 - var(--thumb-height)*.5);border:var(--thumb-border-width) solid var(--customizer-border-color);border-radius:var(--customizer-field-border-radius);background:var(--sm-color-palette-neutral-color-1);cursor:move;cursor:grab;-moz-appearance:none}.customize-control input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.customize-control input[type=range]:active::-moz-range-thumb{cursor:grabbing}.customize-control-checkbox .customize-inside-control-row,.customize-control-radio .customize-inside-control-row{margin-left:0}.customize-control-checkbox input[type=checkbox],.customize-control-radio input[type=radio]{display:none}.customize-control-checkbox input[type=checkbox]+label,.customize-control-radio input[type=radio]+label{display:flex;align-items:center}.customize-control-checkbox input[type=checkbox]+label:before,.customize-control-radio input[type=radio]+label:before{content:"";display:block;width:var(--customizer-checkbox-size);height:var(--customizer-checkbox-size);flex:0 0 auto;margin-right:calc(.5*var(--customizer-spacing));border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);background:var(--customizer-field-background-color) center 60% no-repeat}.customize-control-checkbox input[type=checkbox]:focus+label:before,.customize-control-radio input[type=radio]:focus+label:before{border-color:var(--customizer-field-focus-border-color)}.customize-control-checkbox input[type=checkbox]:checked+label:before,.customize-control-radio input[type=radio]:checked+label:before{border-color:var(--sm-color-palette-accent-color-7);background-color:var(--sm-color-palette-accent-color-7);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxMiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImNoZWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUgOSAxMiAyIDEwIDAgNSA1IDIgMiAtMS43NTkzMjk4M2UtMTUgNCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=")}.customize-control-checkbox input[type=checkbox]+label:before{border-radius:var(--customizer-field-border-radius)}.customize-control-radio input[type=radio]+label:before{border-radius:50%}.customize-control-radio#customize-control-changeset_status .customize-inside-control-row{margin-top:0;text-indent:0}.customize-control-font:last-child{margin-bottom:150px}.font-options__wrapper{position:relative}.font-options__wrapper:after{content:"";position:absolute;top:90%;left:0;right:0;z-index:0;display:block;height:30px}.font-options__wrapper .customize-control-range>label:first-child{flex-basis:100%}.font-options__head{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0;padding-right:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:right var(--customizer-field-padding-x) top 50%;display:flex;align-items:baseline;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none}.font-options__head:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.font-options__head:hover{border-color:var(--customizer-field-focus-border-color);background-color:var(--customizer-select-focus-background-color);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");color:var(--customizer-select-focus-text-color)}.font-options__head .font-options__option-title{margin-right:10px}.font-options__checkbox:checked~.font-options__head{border-color:var(--customizer-field-focus-border-color);background-color:var(--customizer-select-focus-background-color);background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg==");color:var(--customizer-select-focus-text-color)}.font-options__checkbox:not(:checked)~.font-options__head:not(:hover) .font-options__font-title{color:var(--sm-color-palette-neutral-color-4)}.font-options__font-title{font-size:12px;line-height:20px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-options__option[class]{margin-bottom:0}.font-options__option+.font-options__option{margin-top:calc(.5*var(--container-spacing))}.font-options__option label{display:block;margin-bottom:6px}input.font-options__checkbox{display:none}.font-options__options-list{position:absolute;top:100%;left:calc(-0.5*var(--customizer-spacing));right:calc(-0.5*var(--customizer-spacing));z-index:10;display:block;margin-top:5px;border:1px solid var(--sm-color-palette-neutral-color-3);border-radius:var(--customizer-field-border-radius);box-shadow:0 5px 10px 0 rgba(0,0,0,.125);background-color:var(--sm-color-palette-neutral-color-1)}.font-options__options-list:before,.font-options__options-list:after{content:"";position:absolute;bottom:100%;right:26px;border:10px solid transparent}.font-options__options-list:before{z-index:100;border-bottom-color:var(--sm-color-palette-neutral-color-3);border-width:11px}.font-options__options-list:after{z-index:101;border-bottom-color:var(--sm-color-palette-neutral-color-1);margin-right:1px}.font-options__options-list label{font-size:13px}.font-options__checkbox:not(:checked)~.font-options__options-list{display:none}.font-options__options-list .customize-control{--customize-control-spacing-x: calc( 0.5 * var(--customizer-spacing) );--customize-control-spacing-y: calc( 0.75 * var(--customizer-spacing) )}.customize-control-font-palette .customize-inside-control-row{position:relative;padding-top:52%;margin-left:0;overflow:hidden;background-color:var(--sm-color-palette-neutral-color-1);background-size:contain;background-repeat:no-repeat;background-position:right center;border-radius:var(--customizer-field-border-radius)}.customize-control-font-palette .customize-inside-control-row+.customize-inside-control-row{margin-top:calc(.5*var(--customizer-spacing))}.customize-control-font-palette .customize-inside-control-row input{display:none}.customize-control-font-palette .customize-inside-control-row input+label{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--customizer-field-border-width) solid var(--customizer-border-color);border-radius:inherit}.customize-control-font-palette .customize-inside-control-row:hover input+label{border-color:var(--sm-color-palette-neutral-color-3)}.customize-control-font-palette .customize-inside-control-row input:checked+label{border-color:var(--sm-color-palette-neutral-color-5)}.sm-radio-group{position:relative;overflow:hidden;height:2.7em;display:flex;flex-wrap:nowrap;align-items:stretch;color:var(--sm-color-palette-neutral-color-9);border-radius:999em;font-size:var(--customizer-field-font-size);font-weight:600;line-height:1.142em;-webkit-font-smoothing:antialiased}.sm-radio-group>*{flex:1 1 0}.sm-radio-group:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-7);border-radius:999em;pointer-events:none}.sm-radio-group input[type=radio]{display:none}.sm-radio-group input[type=radio]:checked+label{background-color:var(--sm-color-palette-accent-color-7);color:var(--sm-color-palette-neutral-color-1)}.sm-radio-group input[type=radio]:checked+label:before{content:"";display:inline-block;color:inherit;position:relative;top:.285em;margin-right:.45em;height:.8em;width:.55em;border-right:2px solid;border-bottom:2px solid;transform:translateY(-50%) rotate(45deg)}.sm-radio-group label{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;color:inherit;background:var(--sm-color-palette-neutral-color-1)}.sm-radio-group label:nth-of-type(2){border:solid var(--sm-color-palette-accent-color-7);border-width:0 var(--customizer-field-border-width)}[id=customize-control-sm_font_sizing_control] .sm-radio-group{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start}[id=customize-control-sm_font_sizing_control] .sm-radio-group>*{flex:0 0 33.33%}[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:first-of-type:checked+label{background:linear-gradient(90deg, #D557BE 0%, #3DAAE0 100%)}[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:last-of-type:checked+label{background:linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%)}[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(1):checked~label:last-of-type,[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(2):checked~label:last-of-type{margin-right:-66.66%}[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(3):checked~label:last-of-type{margin-right:-33.33%}[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(1){order:4}[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(2){order:3;border-left:2px solid var(--sm-color-palette-accent-color-7);border-right:2px solid var(--sm-color-palette-accent-color-7)}[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(3){order:2}[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(4){order:1;border-left:2px solid var(--sm-color-palette-accent-color-7)}[id=customize-control-sm_coloration_level_control] .sm-radio-group{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start}[id=customize-control-sm_coloration_level_control] .sm-radio-group>*{flex:0 0 33.33%}[id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:last-of-type:checked+label{background:linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%)}[id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:nth-of-type(1):checked~label:last-of-type,[id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:nth-of-type(2):checked~label:last-of-type{margin-right:-33.33%}[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(1){order:4}[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(2){order:3;border-left:2px solid var(--sm-color-palette-accent-color-7);border-right:2px solid var(--sm-color-palette-accent-color-7)}[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(3){order:2}[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(4){order:1;border-left:2px solid var(--sm-color-palette-accent-color-7)}.sm-radio-group+.description{margin-top:10px;margin-bottom:0}.style-manager_radio_html{display:flex;flex-wrap:wrap;align-items:stretch;margin-top:calc(-0.5*var(--customizer-spacing));margin-left:calc(-0.5*var(--customizer-spacing))}.style-manager_radio_html>*{padding-top:calc(.5*var(--customizer-spacing));padding-left:calc(.5*var(--customizer-spacing));flex:0 0 50%}.style-manager_radio_html label{display:block;height:100%}.style-manager_radio_html label>input+div{border-color:var(--customizer-field-border-color);height:100%}.style-manager_radio_html label:hover>input+div{background-color:var(--customizer-field-background-color)}.style-manager_radio_html input{display:none}.style-manager_radio_html input+div{display:flex;align-items:center;justify-content:center;border:var(--customizer-field-border-width) solid transparent;border-radius:var(--customizer-field-border-radius);padding:var(--customizer-spacing)}.style-manager_radio_html input:checked+div{background-color:var(--customizer-field-background-color);border-color:var(--customizer-field-focus-border-color);cursor:default}.customize-control-range{--customizer-field-padding-x: 0.4em;--customizer-field-padding-y: 0.4em;display:flex;flex-wrap:wrap;align-items:center;width:auto}.customize-control-range[class]{margin-left:calc(-1*var(--customize-control-spacing-x))}.customize-control-range[class][class]>*{margin-left:var(--customize-control-spacing-x)}.customize-control-range .customize-control-title,.customize-control-range .customize-control-notifications-container{width:100%}.customize-control-range .customize-control-description{flex:0 0 100%}.customize-control-range input[type=range]{flex:1 1 0}.customize-control-range .range-value{flex:0 0 4em;text-align:center}.customize-control-range label{font-size:15px;font-weight:500}.customize-control-sm_switch{display:flex;align-items:center;justify-content:space-between}.customize-control-sm_switch .customize-control-title{margin-bottom:0}.sm-switch{position:relative;z-index:10;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;overflow:hidden;height:2.428em;max-width:5.5em;border-radius:999em;color:var(--sm-color-palette-neutral-color-1);font-size:14px;font-weight:600;line-height:1.142;-webkit-font-smoothing:antialiased}.sm-switch input[type=radio]{display:none}.sm-switch input[type=radio]+label{display:flex;align-items:center;flex:0 0 100%}.sm-switch input[type=radio]+label,.sm-switch input[type=radio]+label:after{transition:all .2s ease-out}.sm-switch input[type=radio]:checked+label{pointer-events:none}.sm-switch input[type=radio]:nth-of-type(1)+label{padding-left:1.214em}.sm-switch input[type=radio]:nth-of-type(1)+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sm-color-palette-accent-color-7);z-index:-1}.sm-switch input[type=radio]:nth-of-type(1):not(:checked)+label{transform:translateX(-100%) translateX(2.125em)}.sm-switch input[type=radio]:nth-of-type(1):not(:checked)+label:after{transform:translateX(100%) translateX(-2.125em);background:var(--sm-color-palette-neutral-text-color-2);opacity:.25}.sm-switch input[type=radio]:nth-of-type(1):not(:checked)+label~label{transform:translateX(-100%)}.sm-switch input[type=radio]:nth-of-type(1):checked+label~label{transform:translateX(-2.4em)}.sm-switch input[type=radio]:nth-of-type(1):checked+label~label:before{transform:translateX(-100%) translateX(2.125em)}.sm-switch input[type=radio]:nth-of-type(2)+label{flex-direction:row-reverse;padding-right:1em}.sm-switch input[type=radio]:nth-of-type(2)+label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.sm-switch input[type=radio]:nth-of-type(2)+label:after{content:"";display:block;height:2.142em;width:2.142em;margin-right:auto;margin-left:.125em;border-radius:50%;background-color:var(--sm-color-palette-neutral-color-1);pointer-events:none}.sm-tabs{display:flex;justify-content:space-between;padding-left:calc(.5*var(--customizer-spacing));padding-right:var(--customizer-spacing);border-bottom:1px solid var(--customizer-border-color);text-align:center}.sm-tabs__item{position:relative;flex:1 1 0;padding:1em 0;margin-left:calc(.5*var(--customizer-spacing));margin-bottom:-1px;color:var(--sm-color-palette-neutral-text-color-1);transition:all .2s ease;transition-property:opacity,color;cursor:pointer}.sm-tabs__item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--sm-color-palette-neutral-color-5);transform-origin:50% 100%;transition:all .2s ease;transition-property:transform}.sm-tabs__item:not(.sm-tabs__item--active){opacity:.4}.sm-tabs__item:not(.sm-tabs__item--active):not(:hover):after{transform:scaleY(0)}[id=sub-accordion-section-sm_font_palettes_section]{display:flex !important;flex-direction:column !important}[id=sub-accordion-section-sm_font_palettes_section]:after{content:"";flex:1 0 auto;background-color:var(--sm-color-palette-neutral-color-1);height:var(--customizer-spacing)}[id=customize-control-sm_current_font_palette_control]{padding-left:0;padding-right:0}[id=customize-control-sm_current_font_palette_control]~.customize-control{background-color:var(--sm-color-palette-neutral-color-1)}[id]#sub-accordion-section-rosa2_options\[colors_section\]{background:var(--sm-color-palette-accent-color-1)}[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-description]{margin-top:var(--customize-control-spacing-y);padding-bottom:var(--customize-control-spacing-y);border:solid var(--customizer-border-color);border-width:1px 0;background:var(--sm-color-palette-accent-color-2)}[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-section-description-container+[id*=sm-description]{margin-top:0;border-top-width:0}[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-group-separator]{margin-top:var(--customize-control-spacing-y);border:solid var(--customizer-border-color);border-width:1px 0;background:var(--sm-color-palette-accent-color-2)}[id]#sub-accordion-section-rosa2_options\[colors_section\] .sm-group__title{font-size:15px;line-height:1.4;font-weight:700;letter-spacing:-0.01em}.customize-control-sm_toggle+.customize-control-sm_toggle{padding-top:9px}.sm-toggle__checkbox{display:none !important}.sm-toggle__label,.sm-toggle__switch,.sm-toggle__switch:before{transition:all .2s ease-out}.sm-toggle__label{display:flex;align-items:center;padding:8px 6px;background:var(--sm-color-palette-accent-color-2);border-radius:9em;transition-property:background-color}.sm-toggle__checkbox:checked+.sm-toggle__label{background:#fcf8ef}.sm-toggle__checkbox:checked+.sm-toggle__label .sm-toggle__switch{background:var(--sm-color-palette-accent-color-6)}.sm-toggle__checkbox:checked+.sm-toggle__label .sm-toggle__switch:before{transform:translate(20px, 0)}.sm-toggle__checkbox:checked+.sm-toggle__label .sm-toggle__label-text{color:#105f97}.sm-toggle__switch{position:relative;width:40px;height:20px;border-radius:9em;background:#c6c9cd;transition-property:background-color}.sm-toggle__switch:before{content:"";position:absolute;top:2px;left:2px;display:block;width:16px;height:16px;background:var(--sm-color-palette-accent-color-1);border-radius:9em;transition-property:background-color,transform}.sm-toggle__label-text{margin-left:10px;transition-property:color}#accordion-section-style-manager-customizer-search{margin-bottom:0;color:#555d66;background:#fff;border-top:1px solid #ddd}#accordion-section-style-manager-customizer-search .accordion-section-title:after{content:none}#accordion-section-style-manager-customizer-search .search-field-wrapper{display:flex;flex-direction:row;justify-content:flex-start}#accordion-section-style-manager-customizer-search .search-field-wrapper .search-field-button-wrapper{display:flex;align-items:stretch}#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search{margin-left:6px;height:36px;font-weight:500}#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search.has-next-sibling{border-radius:3px 0 0 3px}#accordion-section-style-manager-customizer-search .search-field-wrapper .close-search{text-indent:0;border-radius:0 3px 3px 0;padding-left:0;padding-right:0;font-size:19px;height:36px;width:38px;float:left;transform:none;margin-top:0;line-height:2}#accordion-section-style-manager-customizer-search .search-field-wrapper .button-primary.has-next-sibling{border-right:1px solid #98c6dd}#accordion-section-style-manager-customizer-search .customizer-search-input{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0;width:83%;height:38px;padding:8px 8px}#accordion-section-style-manager-customizer-search .customizer-search-input:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}#accordion-section-style-manager-customizer-search input::-webkit-input-placeholder{font-size:14px;color:#999;opacity:1;line-height:1.5}#accordion-section-style-manager-customizer-search input:-moz-placeholder{font-size:14px;color:#999;opacity:1;line-height:1.5}#accordion-section-style-manager-customizer-search input::-moz-placeholder{font-size:14px;color:#999;opacity:1;line-height:1.5}#accordion-section-style-manager-customizer-search input:-ms-input-placeholder{font-size:14px;color:#999;opacity:1;line-height:1.5}#accordion-section-style-manager-customizer-search .search-input-label{display:block;margin-bottom:8px}#customize-controls .customize-info .customize-search-toggle{padding:20px;position:absolute;bottom:4px;right:1px;width:20px;height:20px;cursor:pointer;box-shadow:none;background:transparent;color:#555d66;border:none}#customize-controls .customize-info .customize-search-toggle:focus{outline:none}#customize-controls .customize-info .customize-search-toggle:before{padding:4px;position:absolute;top:5px;left:6px}#customize-controls .customize-info .customize-search-toggle:focus:before{border-radius:100%;box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.search-found{height:0;visibility:hidden;opacity:0;display:none}#style-manager-search-results .accordion-section{border-left:none;border-right:none;padding:10px 10px 11px 14px;background:#fff;color:#416b7e;position:relative;font-weight:400;font-size:14px;line-height:21px;border-top:1px solid var(--customizer-border-color);border-bottom:none}#style-manager-search-results .accordion-section:last-of-type{border-bottom:1px solid var(--customizer-border-color)}#style-manager-search-results .accordion-section:hover{background:#f7fbff;cursor:pointer}#style-manager-search-results .accordion-section:hover h3.accordion-section-title{background:#f7fbff}#style-manager-search-results .accordion-section:after{font:normal 20px/1 dashicons;speak:none;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none !important;content:"";color:#a0a5aa;position:absolute;top:calc(50% - 10px);right:10px;z-index:1}#style-manager-search-results .accordion-section h3.accordion-section-title{padding:0;margin:0}#style-manager-search-results .accordion-section h3.accordion-section-title:after{content:none;background:inherit}#style-manager-search-results .accordion-section h3.accordion-section-title:hover{background:#f7fbff;cursor:pointer}.search-setting-path{cursor:pointer}#customize-controls .hl{background:#ffcd1724}.select2-container{position:relative;z-index:999999;display:block;margin:0;vertical-align:middle}.select2-container,.select2-container *,.select2-container *:before,.select2-container *:after{box-sizing:border-box}.select2-selection__rendered{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-selection--single{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0;padding-right:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:right var(--customizer-field-padding-x) top 50%;cursor:pointer}.select2-selection--single:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.select2-selection--single:hover,.select2-container--focus .select2-selection--single{border-color:var(--customizer-field-focus-border-color);background-color:var(--customizer-select-focus-background-color);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");color:var(--customizer-select-focus-text-color)}.select2-container--open .select2-selection--single{border-color:var(--customizer-field-focus-border-color);background-color:var(--customizer-select-focus-background-color);background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg==");color:var(--customizer-select-focus-text-color)}.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-selection--single .select2-selection__clear{position:relative}.select2-selection--multiple{cursor:pointer;display:block}.select2-selection--multiple .select2-selection__rendered{display:inline-block}.select2-search--inline{float:left}.select2-search--inline .select2-search__field{border:none;font-size:100%;margin-top:5px;padding:0}.select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{position:absolute;left:-100000px;z-index:1051;display:block;width:100%;border:1px solid var(--customizer-border-color);border-radius:4px;background-color:var(--sm-color-palette-neutral-color-1)}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-results{display:block}.select2-results>.select2-results__options{max-height:15em;overflow-y:auto}.select2-results__group{display:block;border-width:1px 0;border-style:solid;border-color:var(--customizer-border-color);background:var(--sm-color-palette-neutral-color-2)}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__group,.select2-results__option:not([role=group]){padding:calc(.5*var(--customizer-spacing))}.select2-results__option{margin:0}.select2-results__option[aria-selected]{cursor:pointer}.select2-results__option--highlighted{background-color:var(--sm-color-palette-accent-color-7);color:var(--sm-color-palette-neutral-color-1)}.select2-search--dropdown{display:block;padding:calc(.5*var(--customizer-spacing))}.select2-search--dropdown .select2-search__field{display:flex;align-items:center;width:100%;padding:var(--customizer-field-padding-y) var(--customizer-field-padding-x);border:var(--customizer-field-border-width) solid var(--customizer-field-border-color);border-radius:var(--customizer-field-border-radius);background:var(--customizer-field-background-color);color:var(--customizer-field-text-color);font-size:var(--customizer-field-font-size);font-weight:var(--customizer-field-font-weight);line-height:var(--customizer-field-line-height);transition:all .2s ease-out;transition-property:color,background-color,border-color;outline:0}.select2-search--dropdown .select2-search__field:focus{border-color:var(--customizer-field-focus-border-color);box-shadow:none}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{position:fixed;left:0;top:0;z-index:99;display:block;min-width:100%;min-height:100%;width:auto;height:auto;border:0;margin:0;padding:0;opacity:0;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;border:0 !important;padding:0 !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important}body.modal-open{overflow:hidden}body.feedback-modal-open #style-manager-user-feedback-modal .modal{overflow-x:hidden;overflow-y:auto;visibility:visible;opacity:1;transform:translate(0, 0)}#style-manager-user-feedback-modal{height:100%}#style-manager-user-feedback-modal .modal{position:relative;height:100%;display:flex;align-items:center;top:0;right:0;bottom:0;left:0;z-index:1050;opacity:0;visibility:hidden;overflow:hidden;outline:0;transition:all .3s ease;transform:translate(0, -10%);font-family:"Galano Grotesque Alt",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:400;font-size:16px;line-height:1.7}#style-manager-user-feedback-modal .modal-dialog{position:relative;width:auto;margin:10px;text-align:left}#style-manager-user-feedback-modal .modal-content{position:relative;display:flex;flex-direction:column;background-color:#fff;background-clip:padding-box;border:none;border-radius:4px;box-shadow:0 4px 4px 0 rgba(42,54,52,.1),0 8px 8px 0 rgba(42,54,52,.1),0 16px 16px 0 rgba(42,54,52,.1),0 16px 32px 0 rgba(42,54,52,.1),0 32px 64px 0 rgba(42,54,52,.1),0 64px 128px 0 rgba(42,54,52,.1);outline:0}#style-manager-user-feedback-modal .modal-content p{color:#000}#style-manager-user-feedback-modal .modal-content p a{font-weight:500;color:#9660c6;border-bottom:1px solid #9660c6}#style-manager-user-feedback-modal .modal-content>form{margin-bottom:20px}#style-manager-user-feedback-modal .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;opacity:0;visibility:hidden;transition:all .3s ease}.feedback-modal-open #style-manager-user-feedback-modal .modal-backdrop{opacity:.8;visibility:visible}#style-manager-user-feedback-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 48px 10px 48px}#style-manager-user-feedback-modal .modal-header .close.button{top:-10px}#style-manager-user-feedback-modal .modal-header .close.icon{opacity:.5}#style-manager-user-feedback-modal .modal-header .close:hover{opacity:1}#style-manager-user-feedback-modal .modal-title{margin-bottom:10px;line-height:1.5}#style-manager-user-feedback-modal .modal-title.modal-title--small{font-weight:500}#style-manager-user-feedback-modal .modal-body{position:relative;flex:1 1 auto;padding:30px 30px 0 30px}#style-manager-user-feedback-modal .modal-body.full{padding:0}#style-manager-user-feedback-modal .modal-body.full .box{padding-top:0;padding-bottom:0;margin-top:0}#style-manager-user-feedback-modal .modal-body.full+.modal-footer.full .box{padding-top:18px}#style-manager-user-feedback-modal .modal-footer{padding:30px;text-align:center}#style-manager-user-feedback-modal .modal-footer .box .button:last-child{margin-bottom:0}#style-manager-user-feedback-modal .modal-footer.full{padding:0}#style-manager-user-feedback-modal .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}#style-manager-user-feedback-modal .modal-state{display:none}#style-manager-user-feedback-modal .modal-state:checked+.modal{opacity:1;visibility:visible}#style-manager-user-feedback-modal .modal-state:checked+.modal .modal__inner{top:0}@media(min-width: 576px){#style-manager-user-feedback-modal .modal-dialog{max-width:655px;margin:30px auto}#style-manager-user-feedback-modal .modal-sm{max-width:300px}}@media(min-width: 576px){#style-manager-user-feedback-modal .modal-lg{max-width:800px}}#style-manager-user-feedback .modal-body .box{position:relative;flex-direction:column;display:flex;flex-wrap:nowrap;align-items:center;margin:20px 0;padding:16px 52px;border-radius:4px}#style-manager-user-feedback .modal-body .box>*{width:100%}#style-manager-user-feedback .modal-body p{font-size:16px;margin-bottom:20px}#style-manager-user-feedback .modal-body textarea{width:100%;margin:0;padding:11px 18px;border:1px solid #ddd;border-radius:4px;box-shadow:none;font-family:"Galano Grotesque Alt",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:26px;color:#473850}#style-manager-user-feedback .modal-title{margin-top:0;margin-bottom:34px;font-family:"Galano Classic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:600;font-size:28px;line-height:1.4;text-align:center}#style-manager-user-feedback .button{text-decoration:none;cursor:pointer;-webkit-font-smoothing:antialiased;position:relative;transition-duration:.2s;transition-timing-function:cubic-bezier(0, 0, 0.58, 1);transition-property:transform,background,background-color,color,box-shadow;display:inline-block;padding:15px 50px;font-family:"Galano Classic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:23px;font-weight:600;text-align:center;background-color:#9660c6;color:#fff;border-radius:4px;box-shadow:none;height:auto;width:100%;margin-top:20px}#style-manager-user-feedback .button:hover{background-color:#9660c6;color:#fff;transform:scale(1.05) translateY(-3px);box-shadow:0 10px 20px -10px rgba(0,0,0,.7)}#style-manager-user-feedback .second-step{margin-top:18px}#style-manager-user-feedback .thanks-step,#style-manager-user-feedback .error-step{text-align:center}#style-manager-user-feedback .thanks-step .modal-title,#style-manager-user-feedback .error-step .modal-title{margin-bottom:0}#style-manager-user-feedback .thanks-step p:last-child,#style-manager-user-feedback .error-step p:last-child{margin-bottom:10px}.scorecard{display:flex;align-items:baseline;justify-content:space-evenly;color:#9660c6;font-family:"Galano Classic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:18px;font-weight:600;text-align:center}.scorecard>label{font-size:20px}.scorecard>label span{display:block;width:46px;border:2px solid #9660c6;line-height:46px;border-radius:100%;background:#fff;transition:all .25s ease}.scorecard>label input[type=radio]{display:none}.scorecard>label span:hover,.scorecard>label input[type=radio]:checked~span{background:#9660c6;color:#fff}#customize-theme-controls [id=sub-accordion-panel-style_manager_panel]>li:not(.customize-info)+li>.accordion-section-title{margin-top:calc(.5*var(--customizer-spacing))}#customize-theme-controls [id=sub-accordion-panel-style_manager_panel]>li:not(.customize-info)>.accordion-section-title{display:flex;align-items:center;justify-content:space-between;justify-content:flex-start;border-top-width:1px;border-bottom-width:1px;padding-top:calc(.75*var(--customizer-spacing));padding-bottom:calc(.75*var(--customizer-spacing));font-size:18px;letter-spacing:-0.01em}#customize-theme-controls [id=sub-accordion-panel-style_manager_panel]>li:not(.customize-info)>.accordion-section-title:before{font-family:dashicons;font-size:17px;-webkit-font-smoothing:antialiased}#customize-theme-controls [id=sub-accordion-panel-style_manager_panel]>li:not(.customize-info)>.accordion-section-title:before{content:"";width:2em;height:2em;margin-right:15px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:var(--sm-color-palette-neutral-color-2);transform:rotate(0deg);transition:all .3s}#customize-theme-controls #accordion-section-sm_color_palettes_section>.accordion-section-title:before{background:conic-gradient(from 180deg at 50% 50%, #020031 0deg, #090035 4.68deg, #2B045E 29.09deg, #3E0578 37.08deg, #7708BE 64.88deg, #C80EEC 108.66deg, #E839DE 147.4deg, #F35AAA 159.09deg, #F8668A 168.49deg, #FFA290 179.83deg, #FE8E68 180.64deg, #FF8134 191.01deg, #FFB97D 199.96deg, #F7BD4F 206.51deg, #F3C07A 219.02deg, #EBD4C3 226.4deg, #DEDFE3 246.49deg, #D8E7F8 269.42deg, #94D7FC 277.72deg, rgba(0, 156, 233, 0.87) 306.55deg, #0058AA 322.31deg, #02205D 343.18deg, #020031 360deg)}#customize-theme-controls #accordion-section-sm_color_palettes_section:hover>.accordion-section-title:before{transform:rotate(30deg)}#customize-theme-controls #accordion-section-sm_font_palettes_section>.accordion-section-title:before{background-color:var(--sm-color-palette-accent-color-10);background-image:url("../../images/section-fonts.svg");background-size:20px 20px;background-repeat:no-repeat;background-position:50% 50%}#customize-theme-controls #accordion-section-sm_tweak_board_section>.accordion-section-title:before{background-color:var(--sm-color-palette-accent-color-6);background-image:url("../../images/section-tweak-board.svg");background-size:20px 20px;background-repeat:no-repeat;background-position:50% 50%}#customize-theme-controls #accordion-section-sm_spacing_section>.accordion-section-title:before{background:linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 35%, transparent 35%, transparent 65%, var(--sm-color-palette-accent-color-6) 65%)}#customize-theme-controls #accordion-section-sm_spacing_section:hover .accordion-section-title:before{background:linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 45%, transparent 45%, transparent 55%, var(--sm-color-palette-accent-color-6) 55%)}.wp-full-overlay-sidebar,.wp-full-overlay-sidebar *,.wp-full-overlay-sidebar *:before,.wp-full-overlay-sidebar *:after{box-sizing:border-box}.sm-control+.sm-control{margin-top:calc(2*var(--customizer-spacing))}.sm-control__header+.sm-control__body{margin-top:var(--customizer-spacing)}.sm-control__body+.sm-control__footer{margin-top:var(--customizer-spacing)}.sm-control__label{font-size:16px;font-weight:500;letter-spacing:-0.01em}.customize-control[id*=sm_dark_color_switch_slider],.customize-control[id*=sm_dark_color_select_slider],.customize-control[id*=sm_advanced_palette_output],.customize-control[id*=sm_text_color_switch_master],.customize-control[id*=sm_accent_color_switch_master],.customize-control[id*=sm_text_color_select_master],.customize-control[id*=sm_accent_color_select_master]{display:none}#sub-accordion-section-sm_color_palettes_section,#customize-control-sm_advanced_palette_source_control,#customize-control-sm_advanced_palette_source_control>div,#customize-control-sm_advanced_palette_source_control>div>.sm-group:last-child{display:flex !important;flex-direction:column;flex-grow:1}#customize-control-sm_advanced_palette_source_control>div>.sm-group:last-child>.sm-blinds--open{display:flex;flex-direction:column;flex-grow:1}#customize-control-sm_advanced_palette_source_control>div>.sm-group:last-child>.sm-blinds--open>.sm-blinds__body{flex:1 0 0;overflow:auto;min-height:400px}.remove-customizer-transitions .customize-pane-parent,.remove-customizer-transitions .customize-pane-child{transition-duration:1ms !important}.remove-customizer-transitions .customize-pane-parent,.remove-customizer-transitions [id=sub-accordion-panel-style_manager_panel]{opacity:0 !important}@media(min-width: 782px){.customize-control-sidebar_block_editor .customize-widgets-header{margin-bottom:0}}#customize-theme-controls .control-section[class] .accordion-section-title{font-weight:normal;padding:calc(.5*var(--customizer-spacing)) var(--customizer-spacing);padding-right:calc(2*var(--customizer-spacing));color:var(--customizer-text-color);background:var(--sm-color-palette-neutral-color-1);border:0 solid var(--customizer-border-color);border-top-width:1px}#customize-theme-controls .control-section[class] .accordion-section-title:after{color:var(--sm-color-palette-neutral-color-3)}#customize-theme-controls .control-section[class]:last-child>.accordion-section-title{border-bottom-width:1px}#customize-theme-controls .control-section[class]:hover>.accordion-section-title{background:var(--sm-color-palette-accent-color-2);color:var(--sm-color-palette-accent-color-7)}#customize-theme-controls .control-section[class]:hover>.accordion-section-title:after{color:currentColor}#customize-controls #customize-theme-controls .accordion-section[id*=theme_options_panel]>.accordion-section-title,#customize-controls #customize-theme-controls .accordion-section[id*=accordion-section-pro__section]>.accordion-section-title{border-bottom-width:1px;margin-bottom:10px}#customize-theme-controls #accordion-section-title_tagline .accordion-section-title,#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title,#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title{display:flex;align-items:center;justify-content:space-between}#customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before,#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before,#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before{font-family:dashicons;font-size:17px;-webkit-font-smoothing:antialiased}#customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before,#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before,#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before{color:var(--sm-color-palette-neutral-color-3);order:2}#customize-theme-controls #accordion-section-title_tagline>.accordion-section-title:before{content:"";color:var(--sm-color-palette-neutral-color-4)}#customize-theme-controls #accordion-section-title_tagline>.accordion-section-title img{display:none !important}#customize-theme-controls #accordion-panel-style_manager_panel>.accordion-section-title:before{content:"";font-size:18px;line-height:1;color:#f8bc30}#customize-theme-controls #accordion-panel-theme_options_panel>.accordion-section-title:before{content:""}#customize-save-button-wrapper{display:flex;align-items:stretch;margin-top:6px}.customize-controls-close{width:45px;height:45px;padding:0;border-top:0;color:var(--sm-color-palette-neutral-color-3);background:var(--sm-color-palette-neutral-color-1);border-color:var(--customizer-border-color)}.customize-controls-close:focus,.customize-controls-close:hover{background:var(--sm-color-palette-neutral-color-2)}.customize-controls-close:before{top:0}#customize-controls #customize-theme-controls .customize-info,#customize-controls #customize-theme-controls .customize-section-title{display:flex;flex-wrap:wrap;flex-grow:1}#customize-controls #customize-theme-controls .customize-info>.customize-control-notifications-container,#customize-controls #customize-theme-controls .customize-section-title>.customize-control-notifications-container{flex-basis:100%}#customize-controls #customize-theme-controls .customize-info>.accordion-section-title,#customize-controls #customize-theme-controls .customize-section-title>h3{flex-grow:1;margin-left:0}#customize-controls #customize-theme-controls .customize-panel-back,#customize-controls #customize-theme-controls .customize-section-back{position:relative;width:45px;height:auto;padding:0;color:var(--sm-color-palette-neutral-color-3);border-color:var(--customizer-border-color);border-left:0}#customize-controls #customize-theme-controls .customize-panel-back:before,#customize-controls #customize-theme-controls .customize-section-back:before{position:absolute;top:50%;left:50%;transform:translate(-40%, -50%);line-height:1}#customize-controls #customize-theme-controls .customize-panel-back:focus,#customize-controls #customize-theme-controls .customize-section-back:focus{background:var(--sm-color-palette-neutral-color-1)}#customize-controls #customize-theme-controls .customize-panel-back:hover,#customize-controls #customize-theme-controls .customize-section-back:hover{background:var(--sm-color-palette-neutral-color-2);color:var(--sm-color-palette-neutral-color-6)}#customize-controls .customize-pane-child .customize-section-title h3,#customize-controls .customize-pane-child h3.customize-section-title,#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,#customize-controls .customize-info .panel-title{font-weight:400}.customize-controls-preview-toggle{background-color:var(--customizer-background-color);border-color:var(--customizer-border-color)}.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header{padding-left:45px}.wp-full-overlay-sidebar .wp-full-overlay-header{height:46px}#customize-theme-controls .separator.label{display:block;font-size:14px;line-height:24px;font-weight:500}#customize-theme-controls .separator.large{margin-top:calc(.5*var(--customizer-spacing));font-size:16px}#customize-theme-controls .separator.section:before,#customize-theme-controls .separator.sub-section:before{content:"";position:absolute;top:0;bottom:0;left:calc(-1*var(--customizer-spacing));right:calc(-1*var(--customizer-spacing));z-index:-1;border-width:1px 0;border-style:solid;border-color:var(--customizer-border-color);background-color:var(--customizer-background-color)}#customize-theme-controls .separator.section+.customize-control-description,#customize-theme-controls .separator.sub-section+.customize-control-description{margin-top:var(--customizer-spacing)}#customize-theme-controls .separator.section{position:relative;padding:14px 0;margin-bottom:0;background:none;border:none}#customize-theme-controls .separator.section:before{border-width:1px 0}#customize-theme-controls .separator.sub-section{position:relative;padding:12px 0}#customize-theme-controls .separator.sub-section:before{border-width:1px 0;background-color:var(--sm-color-palette-neutral-color-1)}.customize-control.menu-item .menu-item-settings{background-color:var(--customizer-background-color)}.customize-section-description-container+#customize-control-custom_css:last-child{margin:0;padding:0;width:auto}.customize-section-title{margin:0;background:var(--sm-color-palette-neutral-color-1);border-color:var(--customizer-border-color)}.customize-section-description[class]{margin-top:0;padding:var(--customizer-spacing)}#customize-controls[id]{color:var(--sm-color-palette-neutral-text-color-1);background:var(--customizer-background-color);border-color:var(--customizer-border-color)}#customize-controls[id] .customize-info.is-in-view,#customize-controls[id] .customize-section-title.is-in-view{z-index:100;box-shadow:none}#customize-controls[id] .description{color:inherit}#customize-controls[id] .accordion-section-content{color:inherit}#customize-controls[id] .accordion-section-content:not(.ui-sortable){padding:0}#customize-controls[id] .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),#customize-controls[id] .control-panel-nav_menus .control-section-nav_menu,#customize-controls[id] .control-section-nav_menu_locations .accordion-section-title{border-top:0}#customize-controls[id] .customize-info{border-color:var(--customizer-border-color)}#customize-controls[id] .customize-info .customize-panel-description,#customize-controls[id] .customize-info .customize-section-description{padding:var(--customizer-spacing);border-color:var(--customizer-border-color);background:var(--sm-color-palette-neutral-color-1);color:var(--customizer-text-color)}#customize-header-actions,#customize-footer-actions{background:var(--sm-color-palette-neutral-color-1);border-color:var(--customizer-border-color)}
-[id][id=customize-control-sm_advanced_palette_source_control]{padding:0}.c-palette-builder>*+*{margin-top:var(--sm-customizer-spacing)}.c-palette-builder__source-list+.c-palette-builder__source-list{margin-top:10px}.c-palette-builder__source-item-label[class][class]{display:block;flex:1 1 auto;padding:0;border:0;font-size:inherit;line-height:inherit;background:none}.c-palette-builder__source-item-color{position:relative}.c-palette-builder__source-item-color--active .c-palette-builder__source-item-preview{box-shadow:var(--sm-color-palette-accent-color-6) 0 0 0 var(--customizer-field-border-width)}.c-palette-builder__source-item-color:not(.c-palette-builder__source-item-color--active) .c-palette-builder__source-item-picker{transform:translateY(-1em);opacity:0;pointer-events:none}.c-palette-builder__source-item-picker{position:absolute;top:100%;left:0;z-index:100;margin-top:.66em;transition:var(--sm-transition);transition-property:opacity,transform}.c-palette-builder__source-item-preview{width:2.4em;height:2.4em;margin-right:.4em;background-color:currentColor;border-radius:50%;flex:0 0 auto;position:relative;border:var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-2)}.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:before,.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;border-radius:50%}.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:before{background-image:conic-gradient(from 90deg, var(--sm-source-main-color), currentColor);transform:scale(0.8)}.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:after{transform:scale(0.3)}[class][class] .c-palette-builder__source-group:not(:last-child){margin-bottom:.6em}[class][class] .c-palette-builder__source-item{display:flex;align-items:center;font-size:15px;line-height:1.5;padding:.6em;background:var(--sm-color-palette-accent-color-2);transition:var(--sm-transition);transition-property:box-shadow;cursor:pointer}[class][class] .c-palette-builder__source-item:not(:last-child){padding-bottom:.4em}[class][class] .c-palette-builder__source-item:not(:first-child){padding-top:.4em}[class][class] .c-palette-builder__source-item:first-child{border-top-left-radius:1.75em;border-top-right-radius:1.75em}[class][class] .c-palette-builder__source-item:last-child{border-bottom-left-radius:1.75em;border-bottom-right-radius:1.75em}[class][class] .c-palette-builder__source-item:hover{box-shadow:var(--sm-customizer-box-shadow-1)}[class][class] .c-palette-builder__source-item .c-contextual-menu{transition:var(--sm-transition);transition-property:opacity}[class][class] .c-palette-builder__source-item:not(.c-palette-builder__source-item--active) .c-contextual-menu{opacity:0}[class][class] .c-palette-builder__source-item>*+*{margin-left:5px}.c-palette-builder__source-item-picker{padding:10px;background:var(--sm-color-palette-accent-color-1);box-shadow:var(--sm-customizer-box-shadow-2);border-radius:.25em}.c-palette-builder__source-item-picker .react-colorful__saturation,.c-palette-builder__source-item-picker .react-colorful__hue{border-radius:0;margin-bottom:10px}.c-palette-builder__source-item-picker .react-colorful__saturation{border-bottom:0}.c-palette-builder__source-item-picker .react-colorful__hue{height:.5em}.c-palette-builder__source-item-picker .react-colorful__pointer{height:1.2em;width:1.2em}
-.c-contextual-menu{position:relative}.c-contextual-menu__toggle{width:2.4em;height:2.4em;border-radius:999em;color:var(--sm-color-palette-accent-text-color-1);outline:0;transition:var(--sm-transition);transition-property:background-color}.c-contextual-menu__toggle:before{content:"";position:absolute;top:50%;left:50%;width:.2em;height:.2em;border-radius:999em;background-color:currentColor;box-shadow:currentColor .4em 0 0 0,currentColor -0.4em 0 0 0;transform:translate(-50%, -50%)}.c-contextual-menu__toggle span{display:block;text-indent:-999em}.c-contextual-menu--visible .c-contextual-menu__toggle,.c-contextual-menu:hover .c-contextual-menu__toggle{background-color:var(--sm-color-palette-accent-color-3)}.c-contextual-menu__list{position:absolute;top:100%;right:0;z-index:100;width:15em;margin-top:.66em;padding:.75em 0;border-radius:.25em;background:var(--sm-color-palette-accent-color-1);box-shadow:var(--sm-customizer-box-shadow-2);transition:var(--sm-transition);transition-property:opacity,transform,box-shadow}.c-contextual-menu--hidden .c-contextual-menu__list{box-shadow:var(--sm-customizer-box-shadow-0);transform:translateY(-1em);opacity:0;pointer-events:none}.c-contextual-menu__list-item{padding:.75em 1.25em;cursor:pointer}.c-contextual-menu__list-item:hover{background:var(--sm-color-palette-accent-color-2)}.c-contextual-menu__list-item--danger{color:red}
+/*!****************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/style.scss ***!
+  \****************************************************************************************************************************************************/
+:root {
+  --sm-color-palette-neutral-color-1: #ffffff;
+  --sm-color-palette-neutral-color-2: #f7f7f9;
+  --sm-color-palette-neutral-color-3: #e4e6ec;
+  --sm-color-palette-neutral-color-4: #c4c7d5;
+  --sm-color-palette-neutral-color-5: #9c9fac;
+  --sm-color-palette-neutral-color-6: #7c7f8c;
+  --sm-color-palette-neutral-color-7: #696c78;
+  --sm-color-palette-neutral-color-8: #565965;
+  --sm-color-palette-neutral-color-9: #454853;
+  --sm-color-palette-neutral-color-10: #333640;
+  --sm-color-palette-neutral-color-11: #1f222b;
+  --sm-color-palette-neutral-color-12: #101010;
+  --sm-color-palette-neutral-text-color-1: #333640;
+  --sm-color-palette-neutral-text-color-2: #1f222b;
+}
+
+:root {
+  --sm-color-palette-accent-color-1: #ffffff;
+  --sm-color-palette-accent-color-2: #EDF1F6;
+  --sm-color-palette-accent-color-3: #dfe6f4;
+  --sm-color-palette-accent-color-4: #afc2e3;
+  --sm-color-palette-accent-color-5: #7fa1d4;
+  --sm-color-palette-accent-color-6: #4d82c1;
+  --sm-color-palette-accent-color-7: #006fbb;
+  --sm-color-palette-accent-color-8: #085ba2;
+  --sm-color-palette-accent-color-9: #0b4889;
+  --sm-color-palette-accent-color-10: #0e3470;
+  --sm-color-palette-accent-color-11: #0b1d55;
+  --sm-color-palette-accent-color-12: #101010;
+  --sm-color-palette-accent-text-color-1: #0e3470;
+  --sm-color-palette-accent-text-color-2: #0b1d55;
+  --sm-customizer-box-shadow-0:
+    none;
+  --sm-customizer-box-shadow-1:
+    0 1px 3px rgba(0, 0, 0, 0.1),
+    0 1px 2px rgba(0, 0, 0, 0.1);
+  --sm-customizer-box-shadow-2:
+    0 64px 128px rgba(0, 0, 0, 0.1),
+    0 16px 32px rgba(0, 0, 0, 0.1);
+  --sm-customizer-box-shadow-3:
+    0 32px 128px rgba(0, 0, 0, 0.1),
+    0 16px 64px rgba(0, 0, 0, 0.1),
+    0 8px 16px rgba(0, 0, 0, 0.1);
+  --sm-customizer-box-shadow-4:
+    0 64px 128px rgba(0, 0, 0, 0.1),
+    0 32px 64px rgba(0, 0, 0, 0.1),
+    0 16px 32px rgba(0, 0, 0, 0.1),
+    0 16px 16px rgba(0, 0, 0, 0.1),
+    0 8px 8px rgba(0, 0, 0, 0.1),
+    0 4px 4px rgba(0, 0, 0, 0.1);
+  --sm-transition: all 0.2s ease;
+}
+
+:root {
+  --customizer-spacing: 20px;
+  --customizer-border-color: var(--sm-color-palette-neutral-color-3);
+  --customizer-background-color: var(--sm-color-palette-neutral-color-2);
+  --customizer-text-color: var(--sm-color-palette-neutral-text-color-1);
+  --customizer-field-padding-x: 1em;
+  --customizer-field-padding-y: 0.75em;
+  --customizer-field-border-width: 2px;
+  --customizer-field-border-color: var(--customizer-border-color);
+  --customizer-field-focus-border-color: var(--sm-color-palette-accent-color-7);
+  --customizer-field-border-radius: 4px;
+  --customizer-field-background-color: var(--sm-color-palette-neutral-color-1);
+  --customizer-field-text-color: var(--sm-color-palette-neutral-text-color-1);
+  --customizer-field-font-size: 14px;
+  --customizer-field-font-weight: normal;
+  --customizer-field-line-height: 1.5;
+  --customizer-select-focus-background-color: var(--sm-color-palette-accent-color-7);
+  --customizer-select-focus-text-color: var(--sm-color-palette-neutral-color-1);
+  --customizer-field-height: 44px;
+  --customizer-checkbox-size: 22px;
+}
+
+.customize-control {
+  --customize-control-spacing-x: var(--customizer-spacing);
+  --customize-control-spacing-y: var(--customizer-spacing);
+  padding: var(--customize-control-spacing-y) var(--customize-control-spacing-x);
+  float: none;
+}
+.customize-control:not([class*=customize-control-nav_menu_item]) {
+  margin: 0;
+}
+.customize-control:not(:last-child) {
+  padding-bottom: 1px;
+}
+.ui-sortable .customize-control {
+  --customize-control-spacing-x: 0px;
+}
+.customize-control label.sm-group__title {
+  font-weight: 600;
+}
+
+.customize-section-description-container {
+  margin-bottom: 0;
+}
+
+.customize-control-title {
+  margin-bottom: calc(0.5 * var(--customizer-spacing));
+}
+
+.customize-control-description {
+  margin-bottom: calc(0.5 * var(--customizer-spacing));
+  font-style: normal;
+  opacity: 0.8;
+  clear: both;
+}
+
+#customize-theme-controls li.customize-control-title {
+  margin-bottom: 0;
+}
+#customize-theme-controls li.customize-control-title + .customize-control-checkbox,
+#customize-theme-controls li.customize-control-title + .customize-control-radio {
+  margin-top: 0;
+}
+#customize-theme-controls .customize-control-textarea .customize-control-description {
+  margin-top: initial;
+}
+#customize-theme-controls .control-section.open {
+  border-bottom: 0;
+  min-height: 100%;
+}
+#customize-theme-controls .customize-pane-child.ui-sortable {
+  padding: 0 20px;
+}
+#customize-theme-controls .customize-pane-child.ui-sortable .customize-section-description-container {
+  margin-left: -20px;
+  margin-right: -20px;
+}
+
+.customize-control-checkbox > .customize-control-notifications-container + .customize-inside-control-row:last-child {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.style-manager-color-select__option-list {
+  display: flex;
+  margin-left: -5px;
+}
+.style-manager-color-select__option-list > * {
+  border-radius: 50%;
+  overflow: hidden;
+  text-indent: -999em;
+  flex: 0 0 auto;
+  width: 30px;
+  margin-left: 5px;
+  border: var(--customizer-field-border-width) solid var(--sm-color-palette-neutral-color-2);
+}
+.style-manager-color-select__option-list > *:before {
+  content: "";
+  padding-top: 100%;
+  display: block;
+  background-color: currentColor;
+}
+.style-manager-color-select__option-label {
+  display: none;
+}
+.style-manager-color-select__option--text {
+  color: #333;
+}
+.style-manager-color-select__option--titles {
+  color: #222;
+}
+.style-manager-color-select__option--accent {
+  color: #A22;
+}
+.style-manager-color-select__option--background {
+  color: #EEE;
+}
+.style-manager-color-select__option--selected {
+  box-shadow: var(--sm-color-palette-neutral-color-6) 0 0 0 var(--customizer-field-border-width);
+}
+
+.customize-control input[type=text],
+.customize-control input[type=password],
+.customize-control input[type=date],
+.customize-control input[type=datetime],
+.customize-control input[type=datetime-local],
+.customize-control input[type=email],
+.customize-control input[type=month],
+.customize-control input[type=number],
+.customize-control input[type=tel],
+.customize-control input[type=time],
+.customize-control input[type=url],
+.customize-control input[type=week],
+.customize-control input[type=search] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+}
+.customize-control input[type=text]:focus,
+.customize-control input[type=password]:focus,
+.customize-control input[type=date]:focus,
+.customize-control input[type=datetime]:focus,
+.customize-control input[type=datetime-local]:focus,
+.customize-control input[type=email]:focus,
+.customize-control input[type=month]:focus,
+.customize-control input[type=number]:focus,
+.customize-control input[type=tel]:focus,
+.customize-control input[type=time]:focus,
+.customize-control input[type=url]:focus,
+.customize-control input[type=week]:focus,
+.customize-control input[type=search]:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.customize-control textarea {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+}
+.customize-control textarea:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.customize-control select, .customize-control.customize-control-select select {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+  max-width: 100%;
+  /* for Firefox */
+  -moz-appearance: none;
+  /* for Chrome */
+  -webkit-appearance: none;
+  /* For IE10 */
+}
+.customize-control select:focus, .customize-control.customize-control-select select:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.customize-control select:not([multiple]), .customize-control.customize-control-select select:not([multiple]) {
+  padding-right: calc(2 * var(--customizer-field-padding-x) + 15px);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+  background-repeat: no-repeat;
+  background-position: right var(--customizer-field-padding-x) top 50%;
+}
+.customize-control select::-ms-expand, .customize-control.customize-control-select select::-ms-expand {
+  display: none;
+}
+.customize-control input[type=range] {
+  --thumb-height: 22px;
+  --thumb-border-width: 2px;
+  --track-height: 6px;
+  position: relative;
+  height: var(--thumb-height);
+  overflow: hidden;
+  outline: none;
+  background: none;
+  -webkit-appearance: none;
+  -moz-appearange: none;
+}
+.customize-control input[type=range]::-webkit-slider-runnable-track {
+  width: 100%;
+  height: var(--track-height);
+  background: var(--sm-color-palette-neutral-color-4);
+  border-radius: 999em;
+}
+.customize-control input[type=range]::-moz-range-track {
+  width: 100%;
+  height: var(--track-height);
+  background: var(--sm-color-palette-neutral-color-4);
+  border-radius: 999em;
+}
+.customize-control input[type=range]::-webkit-slider-thumb {
+  position: relative;
+  z-index: 3;
+  box-sizing: border-box;
+  width: var(--thumb-height);
+  height: var(--thumb-height);
+  margin-top: calc(var(--track-height) * 0.5 - var(--thumb-height) * 0.5);
+  border: var(--thumb-border-width) solid var(--customizer-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--sm-color-palette-neutral-color-1);
+  cursor: move;
+  /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  -webkit-appearance: none;
+}
+.customize-control input[type=range]::-moz-range-thumb {
+  position: relative;
+  z-index: 3;
+  box-sizing: border-box;
+  width: var(--thumb-height);
+  height: var(--thumb-height);
+  margin-top: calc(var(--track-height) * 0.5 - var(--thumb-height) * 0.5);
+  border: var(--thumb-border-width) solid var(--customizer-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--sm-color-palette-neutral-color-1);
+  cursor: move;
+  /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  -moz-appearance: none;
+}
+.customize-control input[type=range]:active::-webkit-slider-thumb {
+  cursor: grabbing;
+}
+.customize-control input[type=range]:active::-moz-range-thumb {
+  cursor: grabbing;
+}
+
+.customize-control-checkbox .customize-inside-control-row,
+.customize-control-radio .customize-inside-control-row {
+  margin-left: 0;
+}
+
+.customize-control-checkbox input[type=checkbox],
+.customize-control-radio input[type=radio] {
+  display: none;
+}
+.customize-control-checkbox input[type=checkbox] + label,
+.customize-control-radio input[type=radio] + label {
+  display: flex;
+  align-items: center;
+}
+.customize-control-checkbox input[type=checkbox] + label:before,
+.customize-control-radio input[type=radio] + label:before {
+  content: "";
+  display: block;
+  width: var(--customizer-checkbox-size);
+  height: var(--customizer-checkbox-size);
+  flex: 0 0 auto;
+  margin-right: calc(0.5 * var(--customizer-spacing));
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  background: var(--customizer-field-background-color) center 60% no-repeat;
+}
+.customize-control-checkbox input[type=checkbox]:focus + label:before,
+.customize-control-radio input[type=radio]:focus + label:before {
+  border-color: var(--customizer-field-focus-border-color);
+}
+.customize-control-checkbox input[type=checkbox]:checked + label:before,
+.customize-control-radio input[type=radio]:checked + label:before {
+  border-color: var(--sm-color-palette-accent-color-7);
+  background-color: var(--sm-color-palette-accent-color-7);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxMiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImNoZWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUgOSAxMiAyIDEwIDAgNSA1IDIgMiAtMS43NTkzMjk4M2UtMTUgNCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+}
+
+.customize-control-checkbox input[type=checkbox] + label:before {
+  border-radius: var(--customizer-field-border-radius);
+}
+
+.customize-control-radio input[type=radio] + label:before {
+  border-radius: 50%;
+}
+.customize-control-radio#customize-control-changeset_status .customize-inside-control-row {
+  margin-top: 0;
+  text-indent: 0;
+}
+
+.customize-control-font:last-child {
+  margin-bottom: 150px;
+}
+
+.font-options__wrapper {
+  position: relative;
+}
+.font-options__wrapper:after {
+  content: "";
+  position: absolute;
+  top: 90%;
+  left: 0;
+  right: 0;
+  z-index: 0;
+  display: block;
+  height: 30px;
+}
+.font-options__wrapper .customize-control-range > label:first-child {
+  flex-basis: 100%;
+}
+
+.font-options__head {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+  padding-right: calc(2 * var(--customizer-field-padding-x) + 15px);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+  background-repeat: no-repeat;
+  background-position: right var(--customizer-field-padding-x) top 50%;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-appearance: none;
+}
+.font-options__head:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.font-options__head:hover {
+  border-color: var(--customizer-field-focus-border-color);
+  background-color: var(--customizer-select-focus-background-color);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+  color: var(--customizer-select-focus-text-color);
+}
+.font-options__head .font-options__option-title {
+  margin-right: 10px;
+}
+.font-options__checkbox:checked ~ .font-options__head {
+  border-color: var(--customizer-field-focus-border-color);
+  background-color: var(--customizer-select-focus-background-color);
+  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg==");
+  color: var(--customizer-select-focus-text-color);
+}
+.font-options__checkbox:not(:checked) ~ .font-options__head:not(:hover) .font-options__font-title {
+  color: var(--sm-color-palette-neutral-color-4);
+}
+
+.font-options__font-title {
+  font-size: 12px;
+  line-height: 20px;
+  font-weight: 300;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.font-options__option[class] {
+  margin-bottom: 0;
+}
+.font-options__option + .font-options__option {
+  margin-top: calc(0.5 * var(--container-spacing));
+}
+.font-options__option label {
+  display: block;
+  margin-bottom: 6px;
+}
+
+input.font-options__checkbox {
+  display: none;
+}
+
+.font-options__options-list {
+  position: absolute;
+  top: 100%;
+  left: calc(-0.5 * var(--customizer-spacing));
+  right: calc(-0.5 * var(--customizer-spacing));
+  z-index: 10;
+  display: block;
+  margin-top: 5px;
+  border: 1px solid var(--sm-color-palette-neutral-color-3);
+  border-radius: var(--customizer-field-border-radius);
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.125);
+  background-color: var(--sm-color-palette-neutral-color-1);
+}
+.font-options__options-list:before, .font-options__options-list:after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  right: 26px;
+  border: 10px solid transparent;
+}
+.font-options__options-list:before {
+  z-index: 100;
+  border-bottom-color: var(--sm-color-palette-neutral-color-3);
+  border-width: 11px;
+}
+.font-options__options-list:after {
+  z-index: 101;
+  border-bottom-color: var(--sm-color-palette-neutral-color-1);
+  margin-right: 1px;
+}
+.font-options__options-list label {
+  font-size: 13px;
+}
+.font-options__checkbox:not(:checked) ~ .font-options__options-list {
+  display: none;
+}
+.font-options__options-list .customize-control {
+  --customize-control-spacing-x: calc( 0.5 * var(--customizer-spacing) );
+  --customize-control-spacing-y: calc( 0.75 * var(--customizer-spacing) );
+}
+
+.customize-control-font-palette .customize-inside-control-row {
+  position: relative;
+  padding-top: 52%;
+  margin-left: 0;
+  overflow: hidden;
+  background-color: var(--sm-color-palette-neutral-color-1);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: right center;
+  border-radius: var(--customizer-field-border-radius);
+}
+.customize-control-font-palette .customize-inside-control-row + .customize-inside-control-row {
+  margin-top: calc(0.5 * var(--customizer-spacing));
+}
+.customize-control-font-palette .customize-inside-control-row input {
+  display: none;
+}
+.customize-control-font-palette .customize-inside-control-row input + label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: var(--customizer-field-border-width) solid var(--customizer-border-color);
+  border-radius: inherit;
+}
+.customize-control-font-palette .customize-inside-control-row:hover input + label {
+  border-color: var(--sm-color-palette-neutral-color-3);
+}
+.customize-control-font-palette .customize-inside-control-row input:checked + label {
+  border-color: var(--sm-color-palette-neutral-color-5);
+}
+
+.sm-radio-group {
+  position: relative;
+  overflow: hidden;
+  height: 2.7em;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  color: var(--sm-color-palette-neutral-color-9);
+  border-radius: 999em;
+  font-size: var(--customizer-field-font-size);
+  font-weight: 600;
+  line-height: 1.142em;
+  -webkit-font-smoothing: antialiased;
+}
+.sm-radio-group > * {
+  flex: 1 1 0;
+}
+.sm-radio-group:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-7);
+  border-radius: 999em;
+  pointer-events: none;
+}
+.sm-radio-group input[type=radio] {
+  display: none;
+}
+.sm-radio-group input[type=radio]:checked + label {
+  background-color: var(--sm-color-palette-accent-color-7);
+  color: var(--sm-color-palette-neutral-color-1);
+}
+.sm-radio-group input[type=radio]:checked + label:before {
+  content: "";
+  display: inline-block;
+  color: inherit;
+  position: relative;
+  top: 0.285em;
+  margin-right: 0.45em;
+  height: 0.8em;
+  width: 0.55em;
+  border-right: 2px solid;
+  border-bottom: 2px solid;
+  transform: translateY(-50%) rotate(45deg);
+}
+.sm-radio-group label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  color: inherit;
+  background: var(--sm-color-palette-neutral-color-1);
+}
+.sm-radio-group label:nth-of-type(2) {
+  border: solid var(--sm-color-palette-accent-color-7);
+  border-width: 0 var(--customizer-field-border-width);
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group {
+  display: flex;
+  flex-direction: row-reverse;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group > * {
+  flex: 0 0 33.33%;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:first-of-type:checked + label {
+  background: linear-gradient(90deg, #D557BE 0%, #3DAAE0 100%);
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:last-of-type:checked + label {
+  background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%);
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(1):checked ~ label:last-of-type, [id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(2):checked ~ label:last-of-type {
+  margin-right: -66.66%;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(3):checked ~ label:last-of-type {
+  margin-right: -33.33%;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(1) {
+  order: 4;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(2) {
+  order: 3;
+  border-left: 2px solid var(--sm-color-palette-accent-color-7);
+  border-right: 2px solid var(--sm-color-palette-accent-color-7);
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(3) {
+  order: 2;
+}
+[id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(4) {
+  order: 1;
+  border-left: 2px solid var(--sm-color-palette-accent-color-7);
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group {
+  display: flex;
+  flex-direction: row-reverse;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group > * {
+  flex: 0 0 33.33%;
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:last-of-type:checked + label {
+  background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%);
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:nth-of-type(1):checked ~ label:last-of-type, [id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:nth-of-type(2):checked ~ label:last-of-type {
+  margin-right: -33.33%;
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(1) {
+  order: 4;
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(2) {
+  order: 3;
+  border-left: 2px solid var(--sm-color-palette-accent-color-7);
+  border-right: 2px solid var(--sm-color-palette-accent-color-7);
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(3) {
+  order: 2;
+}
+[id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(4) {
+  order: 1;
+  border-left: 2px solid var(--sm-color-palette-accent-color-7);
+}
+.sm-radio-group + .description {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+.style-manager_radio_html {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  margin-top: calc(-0.5 * var(--customizer-spacing));
+  margin-left: calc(-0.5 * var(--customizer-spacing));
+}
+.style-manager_radio_html > * {
+  padding-top: calc(0.5 * var(--customizer-spacing));
+  padding-left: calc(0.5 * var(--customizer-spacing));
+  flex: 0 0 50%;
+}
+.style-manager_radio_html label {
+  display: block;
+  height: 100%;
+}
+.style-manager_radio_html label > input + div {
+  border-color: var(--customizer-field-border-color);
+  height: 100%;
+}
+.style-manager_radio_html label:hover > input + div {
+  background-color: var(--customizer-field-background-color);
+}
+.style-manager_radio_html input {
+  display: none;
+}
+.style-manager_radio_html input + div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--customizer-field-border-width) solid transparent;
+  border-radius: var(--customizer-field-border-radius);
+  padding: var(--customizer-spacing);
+}
+.style-manager_radio_html input:checked + div {
+  background-color: var(--customizer-field-background-color);
+  border-color: var(--customizer-field-focus-border-color);
+  cursor: default;
+}
+
+.customize-control-range {
+  --customizer-field-padding-x: 0.4em;
+  --customizer-field-padding-y: 0.4em;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  width: auto;
+}
+.customize-control-range[class] {
+  margin-left: calc(-1 * var(--customize-control-spacing-x));
+}
+.customize-control-range[class][class] > * {
+  margin-left: var(--customize-control-spacing-x);
+}
+.customize-control-range .customize-control-title,
+.customize-control-range .customize-control-notifications-container {
+  width: 100%;
+}
+.customize-control-range .customize-control-description {
+  flex: 0 0 100%;
+}
+.customize-control-range input[type=range] {
+  flex: 1 1 0;
+}
+.customize-control-range .range-value {
+  flex: 0 0 4em;
+  text-align: center;
+}
+.customize-control-range label {
+  font-size: 15px;
+  font-weight: 500;
+}
+
+.customize-control-sm_switch {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.customize-control-sm_switch .customize-control-title {
+  margin-bottom: 0;
+}
+
+.sm-switch {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  overflow: hidden;
+  height: 2.428em;
+  max-width: 5.5em;
+  border-radius: 999em;
+  color: var(--sm-color-palette-neutral-color-1);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.142;
+  -webkit-font-smoothing: antialiased;
+}
+.sm-switch input[type=radio] {
+  display: none;
+}
+.sm-switch input[type=radio] + label {
+  display: flex;
+  align-items: center;
+  flex: 0 0 100%;
+}
+.sm-switch input[type=radio] + label, .sm-switch input[type=radio] + label:after {
+  transition: all 0.2s ease-out;
+}
+.sm-switch input[type=radio]:checked + label {
+  pointer-events: none;
+}
+.sm-switch input[type=radio]:nth-of-type(1) + label {
+  padding-left: 1.214em;
+}
+.sm-switch input[type=radio]:nth-of-type(1) + label:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: var(--sm-color-palette-accent-color-7);
+  z-index: -1;
+}
+.sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label {
+  transform: translateX(-100%) translateX(2.125em);
+}
+.sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label:after {
+  transform: translateX(100%) translateX(-2.125em);
+  background: var(--sm-color-palette-neutral-text-color-2);
+  opacity: 0.25;
+}
+.sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label ~ label {
+  transform: translateX(-100%);
+}
+.sm-switch input[type=radio]:nth-of-type(1):checked + label ~ label {
+  transform: translateX(-2.4em);
+}
+.sm-switch input[type=radio]:nth-of-type(1):checked + label ~ label:before {
+  transform: translateX(-100%) translateX(2.125em);
+}
+.sm-switch input[type=radio]:nth-of-type(2) + label {
+  flex-direction: row-reverse;
+  padding-right: 1em;
+}
+.sm-switch input[type=radio]:nth-of-type(2) + label:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.sm-switch input[type=radio]:nth-of-type(2) + label:after {
+  content: "";
+  display: block;
+  height: 2.142em;
+  width: 2.142em;
+  margin-right: auto;
+  margin-left: 0.125em;
+  border-radius: 50%;
+  background-color: var(--sm-color-palette-neutral-color-1);
+  pointer-events: none;
+}
+
+.sm-tabs {
+  display: flex;
+  justify-content: space-between;
+  padding-left: calc(0.5 * var(--customizer-spacing));
+  padding-right: var(--customizer-spacing);
+  border-bottom: 1px solid var(--customizer-border-color);
+  text-align: center;
+}
+.sm-tabs__item {
+  position: relative;
+  flex: 1 1 0;
+  padding: 1em 0;
+  margin-left: calc(0.5 * var(--customizer-spacing));
+  margin-bottom: -1px;
+  color: var(--sm-color-palette-neutral-text-color-1);
+  transition: all 0.2s ease;
+  transition-property: opacity, color;
+  cursor: pointer;
+}
+.sm-tabs__item:after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 3px;
+  background-color: var(--sm-color-palette-neutral-color-5);
+  transform-origin: 50% 100%;
+  transition: all 0.2s ease;
+  transition-property: transform;
+}
+.sm-tabs__item:not(.sm-tabs__item--active) {
+  opacity: 0.4;
+}
+.sm-tabs__item:not(.sm-tabs__item--active):not(:hover):after {
+  transform: scaleY(0);
+}
+
+[id=sub-accordion-section-sm_font_palettes_section] {
+  display: flex !important;
+  flex-direction: column !important;
+}
+[id=sub-accordion-section-sm_font_palettes_section]:after {
+  content: "";
+  flex: 1 0 auto;
+  background-color: var(--sm-color-palette-neutral-color-1);
+  height: var(--customizer-spacing);
+}
+
+[id=customize-control-sm_current_font_palette_control] {
+  padding-left: 0;
+  padding-right: 0;
+}
+[id=customize-control-sm_current_font_palette_control] ~ .customize-control {
+  background-color: var(--sm-color-palette-neutral-color-1);
+}
+
+[id]#sub-accordion-section-rosa2_options\[colors_section\] {
+  background: var(--sm-color-palette-accent-color-1);
+}
+[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-description] {
+  margin-top: var(--customize-control-spacing-y);
+  padding-bottom: var(--customize-control-spacing-y);
+  border: solid var(--customizer-border-color);
+  border-width: 1px 0;
+  background: var(--sm-color-palette-accent-color-2);
+}
+[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-section-description-container + [id*=sm-description] {
+  margin-top: 0;
+  border-top-width: 0;
+}
+[id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-group-separator] {
+  margin-top: var(--customize-control-spacing-y);
+  border: solid var(--customizer-border-color);
+  border-width: 1px 0;
+  background: var(--sm-color-palette-accent-color-2);
+}
+[id]#sub-accordion-section-rosa2_options\[colors_section\] .sm-group__title {
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+}
+
+.customize-control-sm_toggle + .customize-control-sm_toggle {
+  padding-top: 9px;
+}
+
+.sm-toggle__checkbox {
+  display: none !important;
+}
+
+.sm-toggle__label,
+.sm-toggle__switch,
+.sm-toggle__switch:before {
+  transition: all 0.2s ease-out;
+}
+
+.sm-toggle__label {
+  display: flex;
+  align-items: center;
+  padding: 8px 6px;
+  background: var(--sm-color-palette-accent-color-2);
+  border-radius: 9em;
+  transition-property: background-color;
+}
+.sm-toggle__checkbox:checked + .sm-toggle__label {
+  background: #fcf8ef;
+}
+.sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__switch {
+  background: var(--sm-color-palette-accent-color-6);
+}
+.sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__switch:before {
+  transform: translate(20px, 0);
+}
+.sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__label-text {
+  color: #105f97;
+}
+
+.sm-toggle__switch {
+  position: relative;
+  width: 40px;
+  height: 20px;
+  border-radius: 9em;
+  background: #c6c9cd;
+  transition-property: background-color;
+}
+.sm-toggle__switch:before {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  display: block;
+  width: 16px;
+  height: 16px;
+  background: var(--sm-color-palette-accent-color-1);
+  border-radius: 9em;
+  transition-property: background-color, transform;
+}
+
+.sm-toggle__label-text {
+  margin-left: 10px;
+  transition-property: color;
+}
+
+#accordion-section-style-manager-customizer-search {
+  margin-bottom: 0;
+  color: #555d66;
+  background: #fff;
+  border-top: 1px solid #ddd;
+}
+#accordion-section-style-manager-customizer-search .accordion-section-title:after {
+  content: none;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper .search-field-button-wrapper {
+  display: flex;
+  align-items: stretch;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search {
+  margin-left: 6px;
+  height: 36px;
+  font-weight: 500;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search.has-next-sibling {
+  border-radius: 3px 0 0 3px;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper .close-search {
+  text-indent: 0;
+  border-radius: 0 3px 3px 0;
+  padding-left: 0;
+  padding-right: 0;
+  font-size: 19px;
+  height: 36px;
+  width: 38px;
+  float: left;
+  transform: none;
+  margin-top: 0;
+  line-height: 2;
+}
+#accordion-section-style-manager-customizer-search .search-field-wrapper .button-primary.has-next-sibling {
+  border-right: 1px solid #98c6dd;
+}
+#accordion-section-style-manager-customizer-search .customizer-search-input {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+  width: 83%;
+  height: 38px;
+  padding: 8px 8px;
+}
+#accordion-section-style-manager-customizer-search .customizer-search-input:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+#accordion-section-style-manager-customizer-search input::-webkit-input-placeholder {
+  font-size: 14px;
+  color: #999;
+  opacity: 1;
+  line-height: 1.5;
+}
+#accordion-section-style-manager-customizer-search input:-moz-placeholder {
+  /* Firefox 18- */
+  font-size: 14px;
+  color: #999;
+  opacity: 1;
+  line-height: 1.5;
+}
+#accordion-section-style-manager-customizer-search input::-moz-placeholder {
+  /* Firefox 19+ */
+  font-size: 14px;
+  color: #999;
+  opacity: 1;
+  line-height: 1.5;
+}
+#accordion-section-style-manager-customizer-search input:-ms-input-placeholder {
+  font-size: 14px;
+  color: #999;
+  opacity: 1;
+  line-height: 1.5;
+}
+#accordion-section-style-manager-customizer-search .search-input-label {
+  display: block;
+  margin-bottom: 8px;
+}
+
+#customize-controls .customize-info .customize-search-toggle {
+  padding: 20px;
+  position: absolute;
+  bottom: 4px;
+  right: 1px;
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  box-shadow: none;
+  background: transparent;
+  color: #555d66;
+  border: none;
+}
+#customize-controls .customize-info .customize-search-toggle:focus {
+  outline: none;
+}
+#customize-controls .customize-info .customize-search-toggle:before {
+  padding: 4px;
+  position: absolute;
+  top: 5px;
+  left: 6px;
+}
+#customize-controls .customize-info .customize-search-toggle:focus:before {
+  border-radius: 100%;
+  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+}
+
+.search-found {
+  height: 0;
+  visibility: hidden;
+  opacity: 0;
+  display: none;
+}
+
+#style-manager-search-results .accordion-section {
+  border-left: none;
+  border-right: none;
+  padding: 10px 10px 11px 14px;
+  background: #fff;
+  color: #416b7e;
+  position: relative;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 21px;
+  border-top: 1px solid var(--customizer-border-color);
+  border-bottom: none;
+}
+#style-manager-search-results .accordion-section:last-of-type {
+  border-bottom: 1px solid var(--customizer-border-color);
+}
+#style-manager-search-results .accordion-section:hover {
+  background: #f7fbff;
+  cursor: pointer;
+}
+#style-manager-search-results .accordion-section:hover h3.accordion-section-title {
+  background: #f7fbff;
+}
+#style-manager-search-results .accordion-section:after {
+  font: normal 20px/1 dashicons;
+  speak: none;
+  display: block;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-decoration: none !important;
+  content: "\f345";
+  color: #a0a5aa;
+  position: absolute;
+  top: calc(50% - 10px);
+  right: 10px;
+  z-index: 1;
+}
+#style-manager-search-results .accordion-section h3.accordion-section-title {
+  padding: 0;
+  margin: 0;
+}
+#style-manager-search-results .accordion-section h3.accordion-section-title:after {
+  content: none;
+  background: inherit;
+}
+#style-manager-search-results .accordion-section h3.accordion-section-title:hover {
+  background: #f7fbff;
+  cursor: pointer;
+}
+
+.search-setting-path {
+  cursor: pointer;
+}
+
+#customize-controls .hl {
+  background: #ffcd1724;
+}
+
+.select2-container {
+  position: relative;
+  z-index: 999999;
+  display: block;
+  margin: 0;
+  vertical-align: middle;
+}
+.select2-container, .select2-container *, .select2-container *:before, .select2-container *:after {
+  box-sizing: border-box;
+}
+
+.select2-selection__rendered {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.select2-selection--single {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+  padding-right: calc(2 * var(--customizer-field-padding-x) + 15px);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+  background-repeat: no-repeat;
+  background-position: right var(--customizer-field-padding-x) top 50%;
+  cursor: pointer;
+}
+.select2-selection--single:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.select2-selection--single:hover, .select2-container--focus .select2-selection--single {
+  border-color: var(--customizer-field-focus-border-color);
+  background-color: var(--customizer-select-focus-background-color);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");
+  color: var(--customizer-select-focus-text-color);
+}
+.select2-container--open .select2-selection--single {
+  border-color: var(--customizer-field-focus-border-color);
+  background-color: var(--customizer-select-focus-background-color);
+  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg==");
+  color: var(--customizer-select-focus-text-color);
+}
+.select2-container--open.select2-container--below .select2-selection--single {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.select2-container--open.select2-container--above .select2-selection--single {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.select2-selection--single .select2-selection__clear {
+  position: relative;
+}
+
+.select2-selection--multiple {
+  cursor: pointer;
+  display: block;
+}
+.select2-selection--multiple .select2-selection__rendered {
+  display: inline-block;
+}
+
+.select2-search--inline {
+  float: left;
+}
+.select2-search--inline .select2-search__field {
+  border: none;
+  font-size: 100%;
+  margin-top: 5px;
+  padding: 0;
+}
+.select2-search--inline .select2-search__field::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+.select2-dropdown {
+  position: absolute;
+  left: -100000px;
+  z-index: 1051;
+  display: block;
+  width: 100%;
+  border: 1px solid var(--customizer-border-color);
+  border-radius: 4px;
+  background-color: var(--sm-color-palette-neutral-color-1);
+}
+.select2-container--open .select2-dropdown {
+  left: 0;
+}
+.select2-container--open .select2-dropdown--above {
+  border-bottom: none;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.select2-container--open .select2-dropdown--below {
+  border-top: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-results {
+  display: block;
+}
+.select2-results > .select2-results__options {
+  max-height: 15em;
+  overflow-y: auto;
+}
+
+.select2-results__group {
+  display: block;
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: var(--customizer-border-color);
+  background: var(--sm-color-palette-neutral-color-2);
+}
+
+.select2-results__options {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.select2-results__group,
+.select2-results__option:not([role=group]) {
+  padding: calc(0.5 * var(--customizer-spacing));
+}
+
+.select2-results__option {
+  margin: 0;
+}
+.select2-results__option[aria-selected] {
+  cursor: pointer;
+}
+.select2-results__option--highlighted {
+  background-color: var(--sm-color-palette-accent-color-7);
+  color: var(--sm-color-palette-neutral-color-1);
+}
+
+.select2-search--dropdown {
+  display: block;
+  padding: calc(0.5 * var(--customizer-spacing));
+}
+.select2-search--dropdown .select2-search__field {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x);
+  border: var(--customizer-field-border-width) solid var(--customizer-field-border-color);
+  border-radius: var(--customizer-field-border-radius);
+  background: var(--customizer-field-background-color);
+  color: var(--customizer-field-text-color);
+  font-size: var(--customizer-field-font-size);
+  font-weight: var(--customizer-field-font-weight);
+  line-height: var(--customizer-field-line-height);
+  transition: all 0.2s ease-out;
+  transition-property: color, background-color, border-color;
+  outline: 0;
+}
+.select2-search--dropdown .select2-search__field:focus {
+  border-color: var(--customizer-field-focus-border-color);
+  box-shadow: none;
+}
+.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+.select2-search--dropdown.select2-search--hide {
+  display: none;
+}
+
+.select2-close-mask {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 99;
+  display: block;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  opacity: 0;
+  background-color: #FFFFFF;
+  filter: alpha(opacity=0);
+}
+
+.select2-hidden-accessible {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  border: 0 !important;
+  padding: 0 !important;
+  clip: rect(0 0 0 0) !important;
+  clip-path: inset(50%) !important;
+  white-space: nowrap !important;
+}
+
+/* ==========================================================================
+   #FEEDBACK MODAL
+   ========================================================================== */
+body.modal-open {
+  overflow: hidden;
+}
+
+body.feedback-modal-open #style-manager-user-feedback-modal .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+  visibility: visible;
+  opacity: 1;
+  transform: translate(0, 0);
+}
+
+#style-manager-user-feedback-modal {
+  height: 100%;
+}
+#style-manager-user-feedback-modal .modal {
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  opacity: 0;
+  visibility: hidden;
+  overflow: hidden;
+  outline: 0;
+  transition: all 0.3s ease;
+  transform: translate(0, -10%);
+  font-family: "Galano Grotesque Alt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 1.7;
+}
+#style-manager-user-feedback-modal .modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+  text-align: left;
+}
+#style-manager-user-feedback-modal .modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 4px 4px 0 rgba(42, 54, 52, 0.1), 0 8px 8px 0 rgba(42, 54, 52, 0.1), 0 16px 16px 0 rgba(42, 54, 52, 0.1), 0 16px 32px 0 rgba(42, 54, 52, 0.1), 0 32px 64px 0 rgba(42, 54, 52, 0.1), 0 64px 128px 0 rgba(42, 54, 52, 0.1);
+  outline: 0;
+}
+#style-manager-user-feedback-modal .modal-content p {
+  color: #000;
+}
+#style-manager-user-feedback-modal .modal-content p a {
+  font-weight: 500;
+  color: #9660C6;
+  border-bottom: 1px solid #9660C6;
+}
+#style-manager-user-feedback-modal .modal-content > form {
+  margin-bottom: 20px;
+}
+#style-manager-user-feedback-modal .modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000;
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.3s ease;
+}
+.feedback-modal-open #style-manager-user-feedback-modal .modal-backdrop {
+  opacity: 0.8;
+  visibility: visible;
+}
+#style-manager-user-feedback-modal .modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 30px 48px 10px 48px;
+}
+#style-manager-user-feedback-modal .modal-header .close.button {
+  top: -10px;
+}
+#style-manager-user-feedback-modal .modal-header .close.icon {
+  opacity: 0.5;
+}
+#style-manager-user-feedback-modal .modal-header .close:hover {
+  opacity: 1;
+}
+#style-manager-user-feedback-modal .modal-title {
+  margin-bottom: 10px;
+  line-height: 1.5;
+}
+#style-manager-user-feedback-modal .modal-title.modal-title--small {
+  font-weight: 500;
+}
+#style-manager-user-feedback-modal .modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: 30px 30px 0 30px;
+}
+#style-manager-user-feedback-modal .modal-body.full {
+  padding: 0;
+}
+#style-manager-user-feedback-modal .modal-body.full .box {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 0;
+}
+#style-manager-user-feedback-modal .modal-body.full + .modal-footer.full .box {
+  padding-top: 18px;
+}
+#style-manager-user-feedback-modal .modal-footer {
+  padding: 30px;
+  text-align: center;
+}
+#style-manager-user-feedback-modal .modal-footer .box .button:last-child {
+  margin-bottom: 0;
+}
+#style-manager-user-feedback-modal .modal-footer.full {
+  padding: 0;
+}
+#style-manager-user-feedback-modal .modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+#style-manager-user-feedback-modal .modal-state {
+  display: none;
+}
+#style-manager-user-feedback-modal .modal-state:checked + .modal {
+  opacity: 1;
+  visibility: visible;
+}
+#style-manager-user-feedback-modal .modal-state:checked + .modal .modal__inner {
+  top: 0;
+}
+
+@media (min-width: 576px) {
+  #style-manager-user-feedback-modal .modal-dialog {
+    max-width: 655px;
+    margin: 30px auto;
+  }
+  #style-manager-user-feedback-modal .modal-sm {
+    max-width: 300px;
+  }
+}
+@media (min-width: 576px) {
+  #style-manager-user-feedback-modal .modal-lg {
+    max-width: 800px;
+  }
+}
+#style-manager-user-feedback .modal-body .box {
+  position: relative;
+  flex-direction: column;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  margin: 20px 0;
+  padding: 16px 52px;
+  border-radius: 4px;
+}
+#style-manager-user-feedback .modal-body .box > * {
+  width: 100%;
+}
+#style-manager-user-feedback .modal-body p {
+  font-size: 16px;
+  margin-bottom: 20px;
+}
+#style-manager-user-feedback .modal-body textarea {
+  width: 100%;
+  margin: 0;
+  padding: 11px 18px;
+  border: 1px solid #dddddd;
+  border-radius: 4px;
+  box-shadow: none;
+  font-family: "Galano Grotesque Alt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 26px;
+  color: #473850;
+}
+#style-manager-user-feedback .modal-title {
+  margin-top: 0;
+  margin-bottom: 34px;
+  font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-weight: 600;
+  font-size: 28px;
+  line-height: 1.4;
+  text-align: center;
+}
+#style-manager-user-feedback .button {
+  text-decoration: none;
+  cursor: pointer;
+  -webkit-font-smoothing: antialiased;
+  position: relative;
+  transition-duration: 0.2s;
+  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
+  transition-property: transform, background, background-color, color, box-shadow;
+  display: inline-block;
+  padding: 15px 50px;
+  font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 23px;
+  font-weight: 600;
+  text-align: center;
+  background-color: #9660c6;
+  color: #ffffff;
+  border-radius: 4px;
+  box-shadow: none;
+  height: auto;
+  width: 100%;
+  margin-top: 20px;
+}
+#style-manager-user-feedback .button:hover {
+  background-color: #9660c6;
+  color: #ffffff;
+  transform: scale(1.05) translateY(-3px);
+  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.7);
+}
+#style-manager-user-feedback .second-step {
+  margin-top: 18px;
+}
+#style-manager-user-feedback .thanks-step,
+#style-manager-user-feedback .error-step {
+  text-align: center;
+}
+#style-manager-user-feedback .thanks-step .modal-title,
+#style-manager-user-feedback .error-step .modal-title {
+  margin-bottom: 0;
+}
+#style-manager-user-feedback .thanks-step p:last-child,
+#style-manager-user-feedback .error-step p:last-child {
+  margin-bottom: 10px;
+}
+
+.scorecard {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-evenly;
+  color: #9660C6;
+  font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+}
+.scorecard > label {
+  font-size: 20px;
+}
+.scorecard > label span {
+  display: block;
+  width: 46px;
+  border: 2px solid #9660C6;
+  line-height: 46px;
+  border-radius: 100%;
+  background: #FFF;
+  transition: all 0.25s ease;
+}
+.scorecard > label input[type=radio] {
+  display: none;
+}
+.scorecard > label span:hover,
+.scorecard > label input[type=radio]:checked ~ span {
+  background: #9660C6;
+  color: #FFF;
+}
+
+#customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) + li > .accordion-section-title {
+  margin-top: calc(0.5 * var(--customizer-spacing));
+}
+#customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  justify-content: flex-start;
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  padding-top: calc(0.75 * var(--customizer-spacing));
+  padding-bottom: calc(0.75 * var(--customizer-spacing));
+  font-size: 18px;
+  letter-spacing: -0.01em;
+}
+#customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title:before {
+  font-family: dashicons;
+  font-size: 17px;
+  -webkit-font-smoothing: antialiased;
+}
+#customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title:before {
+  content: "";
+  width: 2em;
+  height: 2em;
+  margin-right: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border-radius: 50%;
+  color: var(--sm-color-palette-neutral-color-2);
+  transform: rotate(0deg);
+  transition: all 0.3s;
+}
+#customize-theme-controls #accordion-section-sm_color_palettes_section > .accordion-section-title:before {
+  background: conic-gradient(from 180deg at 50% 50%, #020031 0deg, #090035 4.68deg, #2B045E 29.09deg, #3E0578 37.08deg, #7708BE 64.88deg, #C80EEC 108.66deg, #E839DE 147.4deg, #F35AAA 159.09deg, #F8668A 168.49deg, #FFA290 179.83deg, #FE8E68 180.64deg, #FF8134 191.01deg, #FFB97D 199.96deg, #F7BD4F 206.51deg, #F3C07A 219.02deg, #EBD4C3 226.4deg, #DEDFE3 246.49deg, #D8E7F8 269.42deg, #94D7FC 277.72deg, rgba(0, 156, 233, 0.87) 306.55deg, #0058AA 322.31deg, #02205D 343.18deg, #020031 360deg);
+}
+#customize-theme-controls #accordion-section-sm_color_palettes_section:hover > .accordion-section-title:before {
+  transform: rotate(30deg);
+}
+#customize-theme-controls #accordion-section-sm_font_palettes_section > .accordion-section-title:before {
+  background-color: var(--sm-color-palette-accent-color-10);
+  background-image: url("../../images/section-fonts.svg");
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+}
+#customize-theme-controls #accordion-section-sm_tweak_board_section > .accordion-section-title:before {
+  background-color: var(--sm-color-palette-accent-color-6);
+  background-image: url("../../images/section-tweak-board.svg");
+  background-size: 20px 20px;
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+}
+#customize-theme-controls #accordion-section-sm_spacing_section > .accordion-section-title:before {
+  background: linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 35%, transparent 35%, transparent 65%, var(--sm-color-palette-accent-color-6) 65%);
+}
+#customize-theme-controls #accordion-section-sm_spacing_section:hover .accordion-section-title:before {
+  background: linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 45%, transparent 45%, transparent 55%, var(--sm-color-palette-accent-color-6) 55%);
+}
+
+:where([id*="sm_coloration_level"],
+  [id*="sm_dark_mode_advanced"],
+  [id*="sm_color_fine_tune_intro"],
+  [id*="sm_color_fine_tune_presets"],
+  [id*="sm_color_grades_number"],
+  [id*="sm_potential_color_contrast"],
+  [id*="sm_color_grade_balancer"],
+  [id*="sm_site_color_variation"],
+  [id*="sm_elements_color_contrast"],
+  [id*="sm_color_promotion"],
+  [id*="sm_font_sizing"],
+  [id*="sm_font_palette"],
+  [id*="sm_font_primary_intro"],
+  [id*="sm_font_primary"],
+  [id*="sm_font_primary_elevation"],
+  [id*="sm_font_primary_pitch"],
+  [id*="sm_font_secondary_intro"],
+  [id*="sm_font_secondary"],
+  [id*="sm_font_secondary_elevation"],
+  [id*="sm_font_secondary_pitch"],
+  [id*="sm_font_body_intro"],
+  [id*="sm_font_body"],
+  [id*="sm_font_body_elevation"],
+  [id*="sm_font_body_pitch"],
+  [id*="sm_font_accent_intro"],
+  [id*="sm_font_accent"],
+  [id*="sm_fonts_connected_fields_preset"]) {
+  border: 0 solid var(--customizer-border-color);
+  background: var(--sm-color-palette-accent-color-1);
+}
+:where([id*="sm_coloration_level"],
+  [id*="sm_dark_mode_advanced"],
+  [id*="sm_color_fine_tune_intro"],
+  [id*="sm_color_fine_tune_presets"],
+  [id*="sm_color_grades_number"],
+  [id*="sm_potential_color_contrast"],
+  [id*="sm_color_grade_balancer"],
+  [id*="sm_site_color_variation"],
+  [id*="sm_elements_color_contrast"],
+  [id*="sm_color_promotion"],
+  [id*="sm_font_sizing"],
+  [id*="sm_font_palette"],
+  [id*="sm_font_primary_intro"],
+  [id*="sm_font_primary"],
+  [id*="sm_font_primary_elevation"],
+  [id*="sm_font_primary_pitch"],
+  [id*="sm_font_secondary_intro"],
+  [id*="sm_font_secondary"],
+  [id*="sm_font_secondary_elevation"],
+  [id*="sm_font_secondary_pitch"],
+  [id*="sm_font_body_intro"],
+  [id*="sm_font_body"],
+  [id*="sm_font_body_elevation"],
+  [id*="sm_font_body_pitch"],
+  [id*="sm_font_accent_intro"],
+  [id*="sm_font_accent"],
+  [id*="sm_fonts_connected_fields_preset"]) .customize-control-title {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 1.3;
+  letter-spacing: -0.02em;
+}
+
+:where([id*="main_content_section_title_control"],
+  [id*="page_title_control"],
+  [id*="body_color_control"],
+  [id*="links_color_control"],
+  [id*="heading_links_color_control"],
+  [id*="colors_header_section_title_control"],
+  [id*="menu_item_color_control"],
+  [id*="menu_active_item_color_control"],
+  [id*="colors_headings_section_title_control"],
+  [id*="super_display_color_control"],
+  [id*="display_color_control"],
+  [id*="heading_1_color_control"],
+  [id*="heading_2_color_control"],
+  [id*="heading_3_color_control"],
+  [id*="heading_4_color_control"],
+  [id*="heading_5_color_control"],
+  [id*="heading_6_color_control"],
+  [id*="colors_buttons_section_title_control"],
+  [id*="solid_button_control"],
+  [id*="colors_novablocks_headline_section_title_control"],
+  [id*="novablocks_headline_primary_control"],
+  [id*="novablocks_headline_secondary_control"],
+  [id*="colors_novablocks_card_section_title_control"],
+  [id*="novablocks_card_meta_first_control"],
+  [id*="novablocks_card_title_control"],
+  [id*="colors_post_meta_section_title_control"],
+  [id*="colors_post_meta_author_control"]) {
+  background: var(--sm-color-palette-accent-color-1);
+}
+
+:is([id*=main_content_section_title_control],
+#specific) {
+  margin-top: var(--customize-control-spacing-y);
+}
+
+:is([id*=novablocks_card_section_title_control],
+[id*=colors_post_meta_section_title_control],
+#specific) {
+  margin-top: var(--customize-control-spacing-y);
+  border-top: 1px solid var(--customizer-border-color);
+}
+
+:where([id*="main_content_section_title"],
+  [id*="colors_header_section_title"],
+  [id*="colors_headings_section_title"],
+  [id*="colors_buttons_section_title"],
+  [id*="colors_novablocks_headline_section_title"]) {
+  border-top: 1px solid var(--customizer-border-color);
+}
+
+:is([id*=heading_links_color_control],
+[id*=menu_active_item_color_control],
+[id*=heading_6_color_control],
+[id*=solid_button_control],
+[id*=novablocks_headline_secondary_control],
+[id*=novablocks_card_title_control],
+[id*=colors_post_meta_author_control],
+#specific) {
+  padding-bottom: var(--customize-control-spacing-y);
+  border-bottom: 1px solid var(--customizer-border-color);
+}
+
 :where(#customize-control-sm_coloration_level_control,
-  #customize-control-sm_dark_mode_advanced_control,
-  #customize-control-sm_color_fine_tune_intro_control,
-  #customize-control-sm_color_fine_tune_presets_control,
-  #customize-control-sm_color_grades_number_control,
-  #customize-control-sm_potential_color_contrast_control,
-  #customize-control-sm_color_grade_balancer_control,
-  #customize-control-sm_site_color_variation_control,
-  #customize-control-sm_elements_color_contrast_control,
-  [id*="customize-control-sm_color_promotion_"],
-  #customize-control-sm_font_sizing_control,
-  #customize-control-sm_font_palette_control,
-  #customize-control-sm_font_primary_intro_control,
-  #customize-control-sm_font_primary_control,
-  #customize-control-sm_font_primary_elevation_control,
-  #customize-control-sm_font_primary_pitch_control,
-  #customize-control-sm_font_secondary_intro_control,
-  #customize-control-sm_font_secondary_control,
-  #customize-control-sm_font_secondary_elevation_control,
-  #customize-control-sm_font_secondary_pitch_control,
-  #customize-control-sm_font_body_intro_control,
-  #customize-control-sm_font_body_control,
-  #customize-control-sm_font_body_elevation_control,
-  #customize-control-sm_font_body_pitch_control,
-  #customize-control-sm_font_accent_intro_control,
-  #customize-control-sm_font_accent_control,
-  #customize-control-sm_fonts_connected_fields_preset_control){border:0 solid var(--customizer-border-color);background:var(--sm-color-palette-accent-color-1)}:where(#customize-control-sm_coloration_level_control,
-  #customize-control-sm_dark_mode_advanced_control,
-  #customize-control-sm_color_fine_tune_intro_control,
-  #customize-control-sm_color_fine_tune_presets_control,
-  #customize-control-sm_color_grades_number_control,
-  #customize-control-sm_potential_color_contrast_control,
-  #customize-control-sm_color_grade_balancer_control,
-  #customize-control-sm_site_color_variation_control,
-  #customize-control-sm_elements_color_contrast_control,
-  [id*="customize-control-sm_color_promotion_"],
-  #customize-control-sm_font_sizing_control,
-  #customize-control-sm_font_palette_control,
-  #customize-control-sm_font_primary_intro_control,
-  #customize-control-sm_font_primary_control,
-  #customize-control-sm_font_primary_elevation_control,
-  #customize-control-sm_font_primary_pitch_control,
-  #customize-control-sm_font_secondary_intro_control,
-  #customize-control-sm_font_secondary_control,
-  #customize-control-sm_font_secondary_elevation_control,
-  #customize-control-sm_font_secondary_pitch_control,
-  #customize-control-sm_font_body_intro_control,
-  #customize-control-sm_font_body_control,
-  #customize-control-sm_font_body_elevation_control,
-  #customize-control-sm_font_body_pitch_control,
-  #customize-control-sm_font_accent_intro_control,
-  #customize-control-sm_font_accent_control,
-  #customize-control-sm_fonts_connected_fields_preset_control) .customize-control-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.02em}:where(#customize-control-sm_coloration_level_control,
   #customize-control-sm_dark_mode_advanced_control,
   #customize-control-sm_color_grades_number_control,
@@ -64 +1871 @@
   #customize-control-sm_font_body_intro_control,
   #customize-control-sm_font_accent_intro_control,
-  #customize-control-sm_fonts_connected_fields_preset_control){border-top-width:1px}[id*=customize-control-sm_color_promotion_]{border-top-width:1px}[id*=customize-control-sm_color_promotion_]+[id*=customize-control-sm_color_promotion_]{border-top-width:0}:where(#customize-control-sm_coloration_level_control,
+  #customize-control-sm_fonts_connected_fields_preset_control) {
+  border-top-width: 1px;
+}
+
+[id*=customize-control-sm_color_promotion_] {
+  border-top-width: 1px;
+}
+[id*=customize-control-sm_color_promotion_] + [id*=customize-control-sm_color_promotion_] {
+  border-top-width: 0;
+}
+
+:where(#customize-control-sm_coloration_level_control,
   #customize-control-sm_dark_mode_advanced_control,
   #customize-control-sm_color_fine_tune_intro_control,
@@ -76 +1894 @@
   #customize-control-sm_font_secondary_pitch_control,
   #customize-control-sm_font_body_pitch_control,
-  #customize-control-sm_font_accent_control){border-bottom-width:1px}:where(#customize-control-sm_coloration_level_control,
+  #customize-control-sm_font_accent_control) {
+  border-bottom-width: 1px;
+}
+:where(#customize-control-sm_coloration_level_control,
   #customize-control-sm_dark_mode_advanced_control,
   #customize-control-sm_color_fine_tune_intro_control,
@@ -88 +1909 @@
   #customize-control-sm_font_secondary_pitch_control,
   #customize-control-sm_font_body_pitch_control,
-  #customize-control-sm_font_accent_control).customize-control[class]{padding-bottom:var(--customize-control-spacing-y)}:is(#customize-control-sm_font_primary_control,#customize-control-sm_font_secondary_control,#customize-control-sm_font_body_control,#customize-control-sm_font_accent_control){padding-top:0}[id=customize-control-sm_colorize_elements_button_control]{padding:0}[id=customize-control-sm_colorize_elements_button_control] .sm-panel-toggle{border-top:0}.sm-blinds,.sm-group__body,.sm-blinds__header,.sm-blinds__body,.sm-panel-toggle{border:0 solid var(--customizer-border-color)}.sm-group__body,.sm-blinds__header,.sm-blinds__body,.sm-panel-toggle{padding:var(--customize-control-spacing-y) var(--customize-control-spacing-x);background:var(--sm-color-palette-accent-color-1);border-top-width:1px}.sm-group__body:last-child,.sm-blinds:last-child,.sm-panel-toggle:last-child{border-bottom-width:1px}.sm-panel-toggle{display:flex;align-items:center;width:100%;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-0.02em;cursor:pointer;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}.sm-panel-toggle:after{content:"";font:normal 20px/1 dashicons;speak:never;display:block;margin-left:auto;color:var(--sm-color-palette-accent-color-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.15s color ease-in-out,.15s background-color ease-in-out,.15s border-color ease-in-out}.sm-panel-toggle:hover{background:var(--sm-color-palette-accent-color-2)}.sm-panel-toggle:hover:after{color:var(--sm-color-palette-accent-color-8)}.sm-panel-toggle__icon+.sm-panel-toggle__label{margin-left:10px}.sm-panel-toggle__icon svg{display:block;width:24px}.customize-control-html[id=sm-group__separator]{background:var(--sm-color-palette-accent-color-2)}.sm-group{margin-top:var(--customize-control-spacing-y)}.sm-blinds__header{display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:1.4;letter-spacing:-0.03em;cursor:pointer}.sm-blinds:not(:first-child) .sm-blinds__header{border-top:1px solid var(--customizer-border-color)}.sm-blinds__body{border-top:1px solid var(--customizer-border-color)}.sm-blinds--closed .sm-blinds__body{display:none}.sm-blinds__toggle{position:relative;width:14px}.sm-blinds__toggle:before,.sm-blinds__toggle:after{content:"";display:block;width:14px;height:14px;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-7px;background:var(--sm-color-palette-accent-color-5)}.sm-blinds__toggle:before{height:2px;margin-top:-1px}.sm-blinds__toggle:after{width:2px;margin-left:-1px}.sm-blinds--open .sm-blinds__toggle:after{display:none}
-.sm-presets-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px}.sm-presets-preview{position:relative;background-position:center center;background-size:cover;cursor:pointer}.sm-presets-preview.sm-presets-preview--active .sm-presets-preview__pixel,.sm-presets-preview:hover .sm-presets-preview__pixel{top:0}.sm-presets-preview:not(:hover):not(.sm-presets-preview--active) .sm-presets-preview__pixel{--moveY: calc( 100% * var(--p) / 10 );--scaleY: calc( var(--w) / 10 );transform:translateY(var(--moveY)) scaleY(var(--scaleY)) scaleX(1.1)}.sm-presets-preview:before{content:"";display:block;padding-top:100%}.sm-presets-preview__quote{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;padding:.5em;font-size:15px;font-weight:600;line-height:1.2;opacity:0;transition:opacity .2s ease-out}.sm-presets-preview__stripes{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row-reverse}.sm-presets-preview--active .sm-presets-preview__quote{opacity:1;transition-delay:.3s}.sm-presets-preview--active .sm-presets-preview__stripe-w4{width:100%}.sm-presets-preview--active .sm-presets-preview__stripe:not(.sm-presets-preview__stripe-w4){width:0}.sm-presets-preview__stripe{position:relative;overflow:hidden;width:calc(10%*var(--w));transition:all .5s cubic-bezier(0.54, -0.47, 0.1, 1)}.sm-presets-preview__pixel{position:absolute;width:100%;height:100%;background:currentColor;transition:all .5s cubic-bezier(0.54, -0.47, 0.1, 1);transform:scaleX(1.1);transform-origin:50% 0;pointer-events:none}.sm-presets-preview__stripe-p0{--p: 0}.sm-presets-preview__stripe-p1{--p: 1}.sm-presets-preview__stripe-p2{--p: 2}.sm-presets-preview__stripe-p3{--p: 3}.sm-presets-preview__stripe-p4{--p: 4}.sm-presets-preview__stripe-p5{--p: 5}.sm-presets-preview__stripe-p6{--p: 6}.sm-presets-preview__stripe-p7{--p: 7}.sm-presets-preview__stripe-p8{--p: 8}.sm-presets-preview__stripe-p9{--p: 9}.sm-presets-preview__stripe-w1{--w: 1}.sm-presets-preview__stripe-w2{--w: 2}.sm-presets-preview__stripe-w4{--w: 4}
-.dropzone>:not(:first-child){margin-top:var(--customizer-spacing)}.dropzone-container{position:relative;margin:0;text-align:center}.dropzone-container:before{content:"";display:block;padding-top:100%}.dropzone-container .sm-presets-preview{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}.dropzone-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--sm-color-palette-accent-color-4);border-radius:.5em;background:var(--sm-color-palette-accent-color-2)}.dropzone-info{padding:1em}.dropzone-info-icon{margin-bottom:10px}.dropzone-info-icon svg{display:block;width:32px;max-width:100%;margin-left:auto;margin-right:auto}.dropzone-info-title{font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-0.03em}.dropzone-info-anchor{color:var(--sm-color-palette-accent-color-6);text-decoration:underline}.dropzone-image-source{display:none}.dropzone-canvas{display:none}img:not([src]){display:none}.dropzone-image-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
-.wp-full-overlay-main{background:var(--sm-color-palette-accent-color-2)}.sm-preview{display:flex;flex-direction:column;position:absolute;top:0;right:18px;bottom:0;left:18px;z-index:10;pointer-events:none}.sm-preview *,.sm-preview *:before,.sm-preview *:after{box-sizing:border-box}.sm-preview:not(.sm-preview--visible) .sm-preview__header{transform:translateY(-100%);opacity:0}.sm-preview:not(.sm-preview--visible) .sm-preview__content{display:none}.sm-preview__header{display:flex;justify-content:center;padding:.75em 1em;background:var(--sm-color-palette-accent-color-2);pointer-events:auto}.sm-preview__tabs{display:flex;border:2px solid var(--sm-color-palette-accent-color-6);color:var(--sm-color-palette-accent-color-10);border-radius:4px}.sm-preview__tab{padding:.3em 1.2em .35em;cursor:pointer}.sm-preview__tab+.sm-preview__tab{border-left:2px solid var(--sm-color-palette-accent-color-6)}.sm-preview__tab--active{color:var(--sm-color-palette-accent-color-1);background:var(--sm-color-palette-accent-color-6)}.sm-preview__content{flex-grow:1;position:relative}
-.sm-overlay{position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;transition:all .2s ease;transition-property:opacity;overflow:auto;pointer-events:auto}.sm-overlay:not(.sm-overlay--visible){opacity:0;pointer-events:none}.sm-overlay__container{padding:0 80px}.sm-overlay__wrap{max-width:1080px;margin:0 auto}
-.palette-preview-header{padding:1.5em 0;background:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.palette-preview-header-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-left:-60px}.palette-preview-header-wrap>*{flex:1 1 400px;max-width:100%;padding-left:60px}.palette-preview-title{font-size:36px;font-weight:400;line-height:1;color:inherit;flex:1 0 auto}.palette-preview-description{font-size:15px;line-height:1.4;letter-spacing:-0.02em;max-width:480px}.palette-preview{padding:5em 0;background:var(--sm-current-bg-color);transition:background-color .15s ease-out}.palette-preview-set{position:relative;display:flex;width:100%;margin:0 auto;--swatch-gap: 0.25em;padding:2em 0}.palette-preview-swatches{display:flex;align-items:stretch;flex-direction:column;flex:1 1 auto;width:8.3333333333%}.palette-preview-swatches__text{display:flex;justify-content:center;position:absolute;left:0;bottom:100%;width:100%;margin-bottom:.5em;font-size:14px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;text-align:center;pointer-events:none}.palette-preview-swatches__wrap{position:relative;color:var(--sm-current-fg2-color)}.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-background{pointer-events:none}.palette-preview-swatches__wrap-surface,.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-background{transition:all .15s ease-out}.palette-preview-swatches__wrap-surface{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-2em 0}.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__wrap-surface .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground{opacity:0;transition-delay:.15s}.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground{top:1.5em;bottom:0;opacity:0}.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap:not(.show-accent):not(.show-fg) .palette-preview-swatches__wrap-accent{top:1.5em;bottom:0}.palette-preview-swatches__wrap:not(.show-accent) .palette-preview-swatches__wrap-accent .palette-preview-swatches__text{opacity:0}.palette-preview-swatches__wrap-background:before{content:"";display:block;height:1.5em;background:var(--sm-current-accent-color)}.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-foreground,.palette-preview-swatches__wrap-background{position:absolute;top:0;left:0;right:0;bottom:0;background-color:currentColor}.palette-preview-swatches__wrap-accent,.palette-preview-swatches__wrap-foreground{top:-2em;bottom:-2em}.palette-preview-swatches__title{font-size:26px;font-weight:500;margin:0;color:var(--sm-current-fg1-color)}.palette-preview-swatches__card{background-color:var(--sm-current-bg-color);box-shadow:var(--sm-customizer-box-shadow-2);pointer-events:none}.palette-preview-swatches__card:before,.palette-preview-swatches__card:after{content:"";display:block;height:1.5em;background-color:var(--sm-current-accent-color)}.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__card{opacity:0}.palette-preview-swatches__card-content{position:relative;min-width:13em;padding:2em 1.5em}.palette-preview-swatches__card-content>*+*+*{margin-top:21px}.palette-preview-swatches__row{height:1.05em;background-color:currentColor}.palette-preview-swatches__row:last-child{width:70%}.palette-preview-swatches__row+.palette-preview-swatches__row{margin-top:10px}.palette-preview-swatches__buttons{display:flex;flex-wrap:wrap;gap:.2em}.palette-preview-swatches__button{padding:.3em .7em;border-radius:.25em;font-size:1.25em;background:var(--sm-current-accent-color);color:var(--sm-current-bg-color)}.palette-preview-swatches__button--style-2{background:var(--sm-current-accent2-color)}.palette-preview-swatches__button--style-3{background:var(--sm-current-accent3-color)}.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{content:"";position:absolute;top:.85em;right:.75em;width:1.3em;height:1.3em;background:var(--sm-current-accent-color);border-radius:50%}@supports(mask-size: contain){.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{mask-image:url("../../images/star.svg");mask-size:contain;border-radius:0}}@supports(-webkit-mask-size: contain){.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge{-webkit-mask-image:url("../../images/star.svg");-webkit-mask-size:contain;border-radius:0}}.palette-preview-swatches__wrap.is-source .palette-preview-swatches__wrap-accent .palette-preview-swatches__source-badge{top:50%;right:50%;transform:translate(50%, -50%)}
-*{--theme-super-display-color: var(--sm-current-fg2-color)}*{--theme-display-color: var(--sm-current-fg2-color)}*{--theme-heading-1-color: var(--sm-current-fg2-color)}*{--theme-heading-2-color: var(--sm-current-fg2-color)}*{--theme-heading-3-color: var(--sm-current-fg2-color)}*{--theme-heading-4-color: var(--sm-current-fg2-color)}*{--theme-heading-5-color: var(--sm-current-fg2-color)}*{--theme-heading-6-color: var(--sm-current-fg2-color)}*{--sm-button-background-color: var(--sm-current-accent-color)}*{--theme-button-x-padding: 1.35em;--theme-button-y-padding: .7em;--theme-button-padding: calc(var(--theme-button-y-padding) - var(--theme-button-border-width)) var(--theme-button-x-padding)}.wp-block-button *{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.sm-typography-preview{max-width:1000px;margin:0 auto;padding:50px;display:grid;gap:25px;grid-template-columns:min-content auto min-content;line-height:1.25}.sm-typography-preview__separator{grid-column-end:span 3;border:0 dashed var(--sm-color-palette-accent-color-4);border-top-width:1px}.sm-typography-preview__separator--head{border-style:solid;border-top-width:2px}.sm-typography-preview__cell--head{font-family:SF Mono,monospace;font-size:14px;font-weight:600;font-feature-settings:"calt" off;color:var(--sm-color-palette-accent-text-color-2)}.sm-typography-preview__cell--category{align-self:center}.sm-typography-preview__cell--category span{display:block;background:#777;border-radius:9999em;padding:.35em .8em .2em;font-family:SF Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.03em;text-align:center;text-transform:uppercase;color:#fff}.sm-typography-preview__cell--category span.sm_font_primary{background:var(--sm-color-palette-accent-color-6, #5c6ac4)}.sm-typography-preview__cell--category span.sm_font_secondary{background:#e06749}.sm-typography-preview__cell--category span.sm_font_body{background:#1d7e70}.sm-typography-preview__cell--category span.sm_font_accent{background:#9c9cdd}.sm-typography-preview__cell--preview{min-width:0}.sm-typography-preview__cell--preview:is(.display_font,.heading_1_font,.heading_2_font,.accent_font)>div{max-width:100%;white-space:nowrap;overflow-x:clip;text-overflow:ellipsis}.sm-typography-preview__cell--preview p{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.sm-typography-preview__cell--preview p+p{margin-top:1.5em}.sm-typography-preview__cell--size{align-self:center;text-align:right;font-family:SF Mono,monospace;font-size:14px}.customize-control-title:is(.font_primary,.font_secondary,.font_body,.font_accent){display:inline-block;padding:.25em .75em .25em;background:#777;border-radius:9999em;color:#fff;font-size:16px;font-weight:500}.customize-control-title.font_primary{background:var(--sm-color-palette-accent-color-6, #5c6ac4)}.customize-control-title.font_secondary{background:#e06749}.customize-control-title.font_body{background:#1d7e70}.customize-control-title.font_accent{background:#9c9cdd}
+  #customize-control-sm_font_accent_control).customize-control[class] {
+  padding-bottom: var(--customize-control-spacing-y);
+}
+
+:is(#customize-control-sm_font_primary_control,
+#customize-control-sm_font_secondary_control,
+#customize-control-sm_font_body_control,
+#customize-control-sm_font_accent_control) {
+  padding-top: 0;
+}
+
+[id=customize-control-sm_colorize_elements_button_control] {
+  padding: 0;
+}
+[id=customize-control-sm_colorize_elements_button_control] .sm-panel-toggle {
+  border-top: 0;
+}
+
+.sm-blinds,
+.sm-group__body,
+.sm-blinds__header,
+.sm-blinds__body,
+.sm-panel-toggle {
+  border: 0 solid var(--customizer-border-color);
+}
+
+.sm-group__body,
+.sm-blinds__header,
+.sm-blinds__body,
+.sm-panel-toggle {
+  padding: var(--customize-control-spacing-y) var(--customize-control-spacing-x);
+  background: var(--sm-color-palette-accent-color-1);
+  border-top-width: 1px;
+}
+
+.sm-group__body:last-child,
+.sm-blinds:last-child,
+.sm-panel-toggle:last-child {
+  border-bottom-width: 1px;
+}
+
+.sm-panel-toggle {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 1.3;
+  letter-spacing: -0.02em;
+  cursor: pointer;
+  transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border-color ease-in-out;
+}
+.sm-panel-toggle:after {
+  content: "\f345";
+  font: normal 20px/1 dashicons;
+  speak: never;
+  display: block;
+  margin-left: auto;
+  color: var(--sm-color-palette-accent-color-5);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border-color ease-in-out;
+}
+.sm-panel-toggle:hover {
+  background: var(--sm-color-palette-accent-color-2);
+}
+.sm-panel-toggle:hover:after {
+  color: var(--sm-color-palette-accent-color-8);
+}
+
+.sm-panel-toggle__icon + .sm-panel-toggle__label {
+  margin-left: 10px;
+}
+
+.sm-panel-toggle__icon svg {
+  display: block;
+  width: 24px;
+}
+
+.customize-control-html[id=sm-group__separator] {
+  background: var(--sm-color-palette-accent-color-2);
+}
+
+.sm-group {
+  margin-top: var(--customize-control-spacing-y);
+}
+
+.wp-full-overlay-sidebar, .wp-full-overlay-sidebar *, .wp-full-overlay-sidebar *:before, .wp-full-overlay-sidebar *:after {
+  box-sizing: border-box;
+}
+
+.sm-control + .sm-control {
+  margin-top: calc(2 * var(--customizer-spacing));
+}
+.sm-control__header + .sm-control__body {
+  margin-top: var(--customizer-spacing);
+}
+.sm-control__body + .sm-control__footer {
+  margin-top: var(--customizer-spacing);
+}
+.sm-control__label {
+  font-size: 16px;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+}
+
+.customize-control:is([id*=dark_color_switch_slider],
+[id*=dark_color_select_slider],
+[id*=advanced_palette_output],
+[id*=text_color_switch_master],
+[id*=accent_color_switch_master],
+[id*=text_color_select_master],
+[id*=accent_color_select_master]) {
+  display: none;
+}
+
+/* prototype for having brand colors always visible
+and other section use the available space
+ */
+#sub-accordion-section-sm_color_palettes_section,
+#customize-control-sm_advanced_palette_source_control,
+#customize-control-sm_advanced_palette_source_control > div,
+#customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child {
+  display: flex !important;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+#customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child > .sm-blinds--open {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+#customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child > .sm-blinds--open > .sm-blinds__body {
+  flex: 1 0 0;
+  overflow: auto;
+  min-height: 400px;
+}
+
+/* Remove customizer transitions on complex navigation to avoid confusing the user */
+.sm-customizer-shortcut-busy .customize-pane-child,
+.sm-customizer-shortcut-busy .customize-pane-parent {
+  opacity: 0.25 !important;
+  cursor: progress !important;
+}
+.sm-customizer-shortcut-busy .customize-pane-child > *,
+.sm-customizer-shortcut-busy .customize-pane-parent > * {
+  pointer-events: none;
+}
+
+@media (min-width: 782px) {
+  .customize-control-sidebar_block_editor .customize-widgets-header {
+    margin-bottom: 0;
+  }
+}
+#customize-theme-controls .control-section[class] .accordion-section-title {
+  font-weight: normal;
+  padding: calc(0.5 * var(--customizer-spacing)) var(--customizer-spacing);
+  padding-right: calc(2 * var(--customizer-spacing));
+  color: var(--customizer-text-color);
+  background: var(--sm-color-palette-neutral-color-1);
+  border: 0 solid var(--customizer-border-color);
+  border-top-width: 1px;
+}
+#customize-theme-controls .control-section[class] .accordion-section-title:after {
+  color: var(--sm-color-palette-neutral-color-3);
+}
+#customize-theme-controls .control-section[class]:last-child > .accordion-section-title {
+  border-bottom-width: 1px;
+}
+#customize-theme-controls .control-section[class]:hover > .accordion-section-title {
+  background: var(--sm-color-palette-accent-color-2);
+  color: var(--sm-color-palette-accent-color-7);
+}
+#customize-theme-controls .control-section[class]:hover > .accordion-section-title:after {
+  color: currentColor;
+}
+
+#customize-controls #customize-theme-controls .accordion-section[id*=theme_options_panel] > .accordion-section-title, #customize-controls #customize-theme-controls .accordion-section[id*=accordion-section-pro__section] > .accordion-section-title {
+  border-bottom-width: 1px;
+  margin-bottom: 10px;
+}
+
+#customize-theme-controls #accordion-section-title_tagline .accordion-section-title,
+#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title,
+#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+#customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before,
+#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before,
+#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before {
+  font-family: dashicons;
+  font-size: 17px;
+  -webkit-font-smoothing: antialiased;
+}
+#customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before,
+#customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before,
+#customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before {
+  color: var(--sm-color-palette-neutral-color-3);
+  order: 2;
+}
+#customize-theme-controls #accordion-section-title_tagline > .accordion-section-title:before {
+  content: "\f110";
+  color: var(--sm-color-palette-neutral-color-4);
+}
+#customize-theme-controls #accordion-section-title_tagline > .accordion-section-title img {
+  display: none !important;
+}
+#customize-theme-controls #accordion-panel-style_manager_panel > .accordion-section-title:before {
+  content: "\f155";
+  font-size: 18px;
+  line-height: 1;
+  color: #F8BC30;
+}
+#customize-theme-controls #accordion-panel-theme_options_panel > .accordion-section-title:before {
+  content: "\f538";
+}
+
+#customize-save-button-wrapper {
+  display: flex;
+  align-items: stretch;
+  margin-top: 6px;
+}
+
+.customize-controls-close {
+  width: 45px;
+  height: 45px;
+  padding: 0;
+  border-top: 0;
+  color: var(--sm-color-palette-neutral-color-3);
+  background: var(--sm-color-palette-neutral-color-1);
+  border-color: var(--customizer-border-color);
+}
+.customize-controls-close:focus, .customize-controls-close:hover {
+  background: var(--sm-color-palette-neutral-color-2);
+}
+.customize-controls-close:before {
+  top: 0;
+}
+
+#customize-controls #customize-theme-controls .customize-info,
+#customize-controls #customize-theme-controls .customize-section-title {
+  display: flex;
+  flex-wrap: wrap;
+  flex-grow: 1;
+}
+#customize-controls #customize-theme-controls .customize-info > .customize-control-notifications-container,
+#customize-controls #customize-theme-controls .customize-section-title > .customize-control-notifications-container {
+  flex-basis: 100%;
+}
+#customize-controls #customize-theme-controls .customize-info > .accordion-section-title,
+#customize-controls #customize-theme-controls .customize-section-title > h3 {
+  flex-grow: 1;
+  margin-left: 0;
+}
+#customize-controls #customize-theme-controls .customize-panel-back,
+#customize-controls #customize-theme-controls .customize-section-back {
+  position: relative;
+  width: 45px;
+  height: auto;
+  padding: 0;
+  color: var(--sm-color-palette-neutral-color-3);
+  border-color: var(--customizer-border-color);
+  border-left: 0;
+}
+#customize-controls #customize-theme-controls .customize-panel-back:before,
+#customize-controls #customize-theme-controls .customize-section-back:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-40%, -50%);
+  line-height: 1;
+}
+#customize-controls #customize-theme-controls .customize-panel-back:focus,
+#customize-controls #customize-theme-controls .customize-section-back:focus {
+  background: var(--sm-color-palette-neutral-color-1);
+}
+#customize-controls #customize-theme-controls .customize-panel-back:hover,
+#customize-controls #customize-theme-controls .customize-section-back:hover {
+  background: var(--sm-color-palette-neutral-color-2);
+  color: var(--sm-color-palette-neutral-color-6);
+}
+
+#customize-controls .customize-pane-child .customize-section-title h3,
+#customize-controls .customize-pane-child h3.customize-section-title,
+#customize-outer-theme-controls .customize-pane-child .customize-section-title h3,
+#customize-outer-theme-controls .customize-pane-child h3.customize-section-title,
+#customize-controls .customize-info .panel-title {
+  font-weight: 400;
+}
+
+.customize-controls-preview-toggle {
+  background-color: var(--customizer-background-color);
+  border-color: var(--customizer-border-color);
+}
+
+.in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header {
+  padding-left: 45px;
+}
+
+.wp-full-overlay-sidebar .wp-full-overlay-header {
+  height: 46px;
+}
+
+#customize-theme-controls .separator.label {
+  display: block;
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 500;
+}
+#customize-theme-controls .separator.large {
+  margin-top: calc(0.5 * var(--customizer-spacing));
+  font-size: 16px;
+}
+#customize-theme-controls .separator.section:before, #customize-theme-controls .separator.sub-section:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: calc(-1 * var(--customizer-spacing));
+  right: calc(-1 * var(--customizer-spacing));
+  z-index: -1;
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: var(--customizer-border-color);
+  background-color: var(--customizer-background-color);
+}
+#customize-theme-controls .separator.section + .customize-control-description, #customize-theme-controls .separator.sub-section + .customize-control-description {
+  margin-top: var(--customizer-spacing);
+}
+#customize-theme-controls .separator.section {
+  position: relative;
+  padding: 14px 0;
+  margin-bottom: 0;
+  background: none;
+  border: none;
+}
+#customize-theme-controls .separator.section:before {
+  border-width: 1px 0;
+}
+#customize-theme-controls .separator.sub-section {
+  position: relative;
+  padding: 12px 0;
+}
+#customize-theme-controls .separator.sub-section:before {
+  border-width: 1px 0;
+  background-color: var(--sm-color-palette-neutral-color-1);
+}
+
+.customize-control.menu-item .menu-item-settings {
+  background-color: var(--customizer-background-color);
+}
+
+.customize-section-description-container + #customize-control-custom_css:last-child {
+  margin: 0;
+  padding: 0;
+  width: auto;
+}
+
+.customize-section-title {
+  margin: 0;
+  background: var(--sm-color-palette-neutral-color-1);
+  border-color: var(--customizer-border-color);
+}
+
+.customize-section-description[class] {
+  margin-top: 0;
+  padding: var(--customizer-spacing);
+}
+
+#customize-controls[id] {
+  color: var(--sm-color-palette-neutral-text-color-1);
+  background: var(--customizer-background-color);
+  border-color: var(--customizer-border-color);
+}
+#customize-controls[id] .customize-info.is-in-view,
+#customize-controls[id] .customize-section-title.is-in-view {
+  z-index: 100;
+  box-shadow: none;
+}
+#customize-controls[id] .description {
+  color: inherit;
+}
+#customize-controls[id] .accordion-section-content {
+  color: inherit;
+}
+#customize-controls[id] .accordion-section-content:not(.ui-sortable) {
+  padding: 0;
+}
+#customize-controls[id] .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2),
+#customize-controls[id] .control-panel-nav_menus .control-section-nav_menu,
+#customize-controls[id] .control-section-nav_menu_locations .accordion-section-title {
+  border-top: 0;
+}
+#customize-controls[id] .customize-info {
+  border-color: var(--customizer-border-color);
+}
+#customize-controls[id] .customize-info .customize-panel-description,
+#customize-controls[id] .customize-info .customize-section-description {
+  padding: var(--customizer-spacing);
+  border-color: var(--customizer-border-color);
+  background: var(--sm-color-palette-neutral-color-1);
+  color: var(--customizer-text-color);
+}
+
+#customize-header-actions,
+#customize-footer-actions {
+  background: var(--sm-color-palette-neutral-color-1);
+  border-color: var(--customizer-border-color);
+}
+/*!*****************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/source-colors/style.scss ***!
+  \*****************************************************************************************************************************************************************************/
+[id][id=customize-control-sm_advanced_palette_source_control] {
+  padding: 0;
+}
+
+.c-palette-builder > * + * {
+  margin-top: var(--sm-customizer-spacing);
+}
+
+.c-palette-builder__source-list + .c-palette-builder__source-list {
+  margin-top: 10px;
+}
+
+.c-palette-builder__source-item-label[class][class] {
+  display: block;
+  flex: 1 1 auto;
+  padding: 0;
+  border: 0;
+  font-size: inherit;
+  line-height: inherit;
+  background: none;
+}
+
+.c-palette-builder__source-item-color {
+  position: relative;
+}
+.c-palette-builder__source-item-color--active .c-palette-builder__source-item-preview {
+  box-shadow: var(--sm-color-palette-accent-color-6) 0 0 0 var(--customizer-field-border-width);
+}
+.c-palette-builder__source-item-color:not(.c-palette-builder__source-item-color--active) .c-palette-builder__source-item-picker {
+  transform: translateY(-1em);
+  opacity: 0;
+  pointer-events: none;
+}
+
+.c-palette-builder__source-item-picker {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 100;
+  margin-top: 0.66em;
+  transition: var(--sm-transition);
+  transition-property: opacity, transform;
+}
+
+.c-palette-builder__source-item-preview {
+  width: 2.4em;
+  height: 2.4em;
+  margin-right: 0.4em;
+  background-color: currentColor;
+  border-radius: 50%;
+  flex: 0 0 auto;
+  position: relative;
+  border: var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-2);
+}
+.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:before, .c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: currentColor;
+  border-radius: 50%;
+}
+.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:before {
+  background-image: conic-gradient(from 90deg, var(--sm-source-main-color), currentColor);
+  transform: scale(0.8);
+}
+.c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:after {
+  transform: scale(0.3);
+}
+
+[class][class] .c-palette-builder__source-group:not(:last-child) {
+  margin-bottom: 0.6em;
+}
+[class][class] .c-palette-builder__source-item {
+  display: flex;
+  align-items: center;
+  font-size: 15px;
+  line-height: 1.5;
+  padding: 0.6em;
+  background: var(--sm-color-palette-accent-color-2);
+  transition: var(--sm-transition);
+  transition-property: box-shadow;
+  cursor: pointer;
+}
+[class][class] .c-palette-builder__source-item:not(:last-child) {
+  padding-bottom: 0.4em;
+}
+[class][class] .c-palette-builder__source-item:not(:first-child) {
+  padding-top: 0.4em;
+}
+[class][class] .c-palette-builder__source-item:first-child {
+  border-top-left-radius: 1.75em;
+  border-top-right-radius: 1.75em;
+}
+[class][class] .c-palette-builder__source-item:last-child {
+  border-bottom-left-radius: 1.75em;
+  border-bottom-right-radius: 1.75em;
+}
+[class][class] .c-palette-builder__source-item:hover {
+  box-shadow: var(--sm-customizer-box-shadow-1);
+}
+[class][class] .c-palette-builder__source-item .c-contextual-menu {
+  transition: var(--sm-transition);
+  transition-property: opacity;
+}
+[class][class] .c-palette-builder__source-item:not(.c-palette-builder__source-item--active) .c-contextual-menu {
+  opacity: 0;
+}
+[class][class] .c-palette-builder__source-item > * + * {
+  margin-left: 5px;
+}
+
+.c-palette-builder__source-item-picker {
+  padding: 10px;
+  background: var(--sm-color-palette-accent-color-1);
+  box-shadow: var(--sm-customizer-box-shadow-2);
+  border-radius: 0.25em;
+}
+.c-palette-builder__source-item-picker .react-colorful__saturation,
+.c-palette-builder__source-item-picker .react-colorful__hue {
+  border-radius: 0;
+  margin-bottom: 10px;
+}
+.c-palette-builder__source-item-picker .react-colorful__saturation {
+  border-bottom: 0;
+}
+.c-palette-builder__source-item-picker .react-colorful__hue {
+  height: 0.5em;
+}
+.c-palette-builder__source-item-picker .react-colorful__pointer {
+  height: 1.2em;
+  width: 1.2em;
+}
+/*!*******************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/contextual-menu/style.scss ***!
+  \*******************************************************************************************************************************************************************************/
+.c-contextual-menu {
+  position: relative;
+}
+
+.c-contextual-menu__toggle {
+  width: 2.4em;
+  height: 2.4em;
+  border-radius: 999em;
+  color: var(--sm-color-palette-accent-text-color-1);
+  outline: 0;
+  transition: var(--sm-transition);
+  transition-property: background-color;
+}
+.c-contextual-menu__toggle:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0.2em;
+  height: 0.2em;
+  border-radius: 999em;
+  background-color: currentColor;
+  box-shadow: currentColor 0.4em 0 0 0, currentColor -0.4em 0 0 0;
+  transform: translate(-50%, -50%);
+}
+.c-contextual-menu__toggle span {
+  display: block;
+  text-indent: -999em;
+}
+.c-contextual-menu--visible .c-contextual-menu__toggle, .c-contextual-menu:hover .c-contextual-menu__toggle {
+  background-color: var(--sm-color-palette-accent-color-3);
+}
+
+.c-contextual-menu__list {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  z-index: 100;
+  width: 15em;
+  margin-top: 0.66em;
+  padding: 0.75em 0;
+  border-radius: 0.25em;
+  background: var(--sm-color-palette-accent-color-1);
+  box-shadow: var(--sm-customizer-box-shadow-2);
+  transition: var(--sm-transition);
+  transition-property: opacity, transform, box-shadow;
+}
+.c-contextual-menu--hidden .c-contextual-menu__list {
+  box-shadow: var(--sm-customizer-box-shadow-0);
+  transform: translateY(-1em);
+  opacity: 0;
+  pointer-events: none;
+}
+
+.c-contextual-menu__list-item {
+  padding: 0.75em 1.25em;
+  cursor: pointer;
+}
+.c-contextual-menu__list-item:hover {
+  background: var(--sm-color-palette-accent-color-2);
+}
+
+.c-contextual-menu__list-item--danger {
+  color: red;
+}
+/*!*************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/accordion/style.scss ***!
+  \*************************************************************************************************************************************************************************/
+.sm-blinds__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 15px;
+  line-height: 1.4;
+  letter-spacing: -0.03em;
+  cursor: pointer;
+}
+.sm-blinds:not(:first-child) .sm-blinds__header {
+  border-top: 1px solid var(--customizer-border-color);
+}
+
+.sm-blinds__body {
+  border-top: 1px solid var(--customizer-border-color);
+}
+.sm-blinds--closed .sm-blinds__body {
+  display: none;
+}
+
+.sm-blinds__toggle {
+  position: relative;
+  width: 14px;
+}
+.sm-blinds__toggle:before, .sm-blinds__toggle:after {
+  content: "";
+  display: block;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -7px;
+  margin-left: -7px;
+  background: var(--sm-color-palette-accent-color-5);
+}
+.sm-blinds__toggle:before {
+  height: 2px;
+  margin-top: -1px;
+}
+.sm-blinds__toggle:after {
+  width: 2px;
+  margin-left: -1px;
+}
+.sm-blinds--open .sm-blinds__toggle:after {
+  display: none;
+}
+/*!****************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/palette-list/style.scss ***!
+  \****************************************************************************************************************************************************************************/
+.sm-presets-list {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 10px;
+}
+
+.sm-presets-preview {
+  position: relative;
+  background-position: center center;
+  background-size: cover;
+  cursor: pointer;
+}
+.sm-presets-preview.sm-presets-preview--active .sm-presets-preview__pixel, .sm-presets-preview:hover .sm-presets-preview__pixel {
+  top: 0;
+}
+.sm-presets-preview:not(:hover):not(.sm-presets-preview--active) .sm-presets-preview__pixel {
+  --moveY: calc( 100% * var(--p) / 10 );
+  --scaleY: calc( var(--w) / 10 );
+  transform: translateY(var(--moveY)) scaleY(var(--scaleY)) scaleX(1.1);
+}
+.sm-presets-preview:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+
+.sm-presets-preview__quote {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  padding: 0.5em;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.2;
+  opacity: 0;
+  transition: opacity 0.2s ease-out;
+}
+
+.sm-presets-preview__stripes {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.sm-presets-preview--active .sm-presets-preview__quote {
+  opacity: 1;
+  transition-delay: 0.3s;
+}
+.sm-presets-preview--active .sm-presets-preview__stripe-w4 {
+  width: 100%;
+}
+.sm-presets-preview--active .sm-presets-preview__stripe:not(.sm-presets-preview__stripe-w4) {
+  width: 0;
+}
+
+.sm-presets-preview__stripe {
+  position: relative;
+  overflow: hidden;
+  width: calc(10% * var(--w));
+  transition: all 0.5s cubic-bezier(0.54, -0.47, 0.1, 1);
+}
+
+.sm-presets-preview__pixel {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: currentColor;
+  transition: all 0.5s cubic-bezier(0.54, -0.47, 0.1, 1);
+  transform: scaleX(1.1);
+  transform-origin: 50% 0;
+  pointer-events: none;
+}
+
+.sm-presets-preview__stripe-p0 {
+  --p: 0;
+}
+
+.sm-presets-preview__stripe-p1 {
+  --p: 1;
+}
+
+.sm-presets-preview__stripe-p2 {
+  --p: 2;
+}
+
+.sm-presets-preview__stripe-p3 {
+  --p: 3;
+}
+
+.sm-presets-preview__stripe-p4 {
+  --p: 4;
+}
+
+.sm-presets-preview__stripe-p5 {
+  --p: 5;
+}
+
+.sm-presets-preview__stripe-p6 {
+  --p: 6;
+}
+
+.sm-presets-preview__stripe-p7 {
+  --p: 7;
+}
+
+.sm-presets-preview__stripe-p8 {
+  --p: 8;
+}
+
+.sm-presets-preview__stripe-p9 {
+  --p: 9;
+}
+
+.sm-presets-preview__stripe-w1 {
+  --w: 1;
+}
+
+.sm-presets-preview__stripe-w2 {
+  --w: 2;
+}
+
+.sm-presets-preview__stripe-w4 {
+  --w: 4;
+}
+/*!************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/dropzone/style.scss ***!
+  \************************************************************************************************************************************************************************/
+.dropzone > :not(:first-child) {
+  margin-top: var(--customizer-spacing);
+}
+
+.dropzone-container {
+  position: relative;
+  margin: 0;
+  text-align: center;
+}
+.dropzone-container:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+.dropzone-container .sm-presets-preview {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+}
+
+.dropzone-placeholder {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px dashed var(--sm-color-palette-accent-color-4);
+  border-radius: 0.5em;
+  background: var(--sm-color-palette-accent-color-2);
+}
+
+.dropzone-info {
+  padding: 1em;
+}
+
+.dropzone-info-icon {
+  margin-bottom: 10px;
+}
+.dropzone-info-icon svg {
+  display: block;
+  width: 32px;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.dropzone-info-title {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.5;
+  letter-spacing: -0.03em;
+}
+
+.dropzone-info-anchor {
+  color: var(--sm-color-palette-accent-color-6);
+  text-decoration: underline;
+}
+
+.dropzone-image-source {
+  display: none;
+}
+
+.dropzone-canvas {
+  display: none;
+}
+
+img:not([src]) {
+  display: none;
+}
+
+.dropzone-image-preview {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+/*!****************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/preview-tabs/style.scss ***!
+  \****************************************************************************************************************************************************************************/
+.wp-full-overlay-main {
+  background: var(--sm-color-palette-accent-color-2);
+}
+
+.sm-preview {
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  top: 0;
+  right: 18px;
+  bottom: 0;
+  left: 18px;
+  z-index: 10;
+  pointer-events: none;
+}
+.sm-preview *, .sm-preview *:before, .sm-preview *:after {
+  box-sizing: border-box;
+}
+.sm-preview:not(.sm-preview--visible) .sm-preview__header {
+  transform: translateY(-100%);
+  opacity: 0;
+}
+.sm-preview:not(.sm-preview--visible) .sm-preview__content {
+  display: none;
+}
+
+.sm-preview__header {
+  display: flex;
+  justify-content: center;
+  padding: 0.75em 1em;
+  background: var(--sm-color-palette-accent-color-2);
+  pointer-events: auto;
+}
+
+.sm-preview__tabs {
+  display: flex;
+  border: 2px solid var(--sm-color-palette-accent-color-6);
+  color: var(--sm-color-palette-accent-color-10);
+  border-radius: 4px;
+}
+
+.sm-preview__tab {
+  padding: 0.3em 1.2em 0.35em;
+  cursor: pointer;
+}
+.sm-preview__tab + .sm-preview__tab {
+  border-left: 2px solid var(--sm-color-palette-accent-color-6);
+}
+
+.sm-preview__tab--active {
+  color: var(--sm-color-palette-accent-color-1);
+  background: var(--sm-color-palette-accent-color-6);
+}
+
+.sm-preview__content {
+  flex-grow: 1;
+  position: relative;
+}
+/*!***********************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/overlay/style.scss ***!
+  \***********************************************************************************************************************************************************************/
+.sm-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  width: 100%;
+  height: 100%;
+  background: #FFFFFF;
+  transition: all 0.2s ease;
+  transition-property: opacity;
+  overflow: auto;
+  pointer-events: auto;
+}
+.sm-overlay:not(.sm-overlay--visible) {
+  opacity: 0;
+  pointer-events: none;
+}
+.sm-overlay__container {
+  padding: 0 80px;
+}
+
+.sm-overlay__wrap {
+  max-width: 1080px;
+  margin: 0 auto;
+}
+/*!******************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/colors-preview/style.scss ***!
+  \******************************************************************************************************************************************************************************/
+.palette-preview-header {
+  padding: 1.5em 0;
+  background: var(--sm-current-bg-color);
+  color: var(--sm-current-fg1-color);
+}
+
+.palette-preview-header-wrap {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-left: -60px;
+}
+.palette-preview-header-wrap > * {
+  flex: 1 1 400px;
+  max-width: 100%;
+  padding-left: 60px;
+}
+
+.palette-preview-title {
+  font-size: 36px;
+  font-weight: 400;
+  line-height: 1;
+  color: inherit;
+  flex: 1 0 auto;
+}
+
+.palette-preview-description {
+  font-size: 15px;
+  line-height: 1.4;
+  letter-spacing: -0.02em;
+  max-width: 480px;
+}
+
+.palette-preview {
+  padding: 5em 0;
+  background: var(--sm-current-bg-color);
+  transition: background-color 0.15s ease-out;
+}
+
+.palette-preview-set {
+  position: relative;
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+  --swatch-gap: 0.25em;
+  padding: 2em 0;
+}
+
+.palette-preview-swatches {
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  flex: 1 1 auto;
+  width: 8.3333333333%;
+}
+
+.palette-preview-swatches__text {
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  left: 0;
+  bottom: 100%;
+  width: 100%;
+  margin-bottom: 0.5em;
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  text-transform: uppercase;
+  text-align: center;
+  pointer-events: none;
+}
+
+.palette-preview-swatches__wrap {
+  position: relative;
+  color: var(--sm-current-fg2-color);
+}
+
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-background {
+  pointer-events: none;
+}
+
+.palette-preview-swatches__wrap-surface,
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-background {
+  transition: all 0.15s ease-out;
+}
+
+.palette-preview-swatches__wrap-surface {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin: -2em 0;
+}
+.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__wrap-surface .palette-preview-swatches__text {
+  opacity: 0;
+}
+
+.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground {
+  opacity: 0;
+  transition-delay: 0.15s;
+}
+.palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text {
+  opacity: 0;
+}
+
+.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground {
+  top: 1.5em;
+  bottom: 0;
+  opacity: 0;
+}
+.palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text {
+  opacity: 0;
+}
+
+.palette-preview-swatches__wrap:not(.show-accent):not(.show-fg) .palette-preview-swatches__wrap-accent {
+  top: 1.5em;
+  bottom: 0;
+}
+
+.palette-preview-swatches__wrap:not(.show-accent) .palette-preview-swatches__wrap-accent .palette-preview-swatches__text {
+  opacity: 0;
+}
+
+.palette-preview-swatches__wrap-background:before {
+  content: "";
+  display: block;
+  height: 1.5em;
+  background: var(--sm-current-accent-color);
+}
+
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-foreground,
+.palette-preview-swatches__wrap-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: currentColor;
+}
+
+.palette-preview-swatches__wrap-accent,
+.palette-preview-swatches__wrap-foreground {
+  top: -2em;
+  bottom: -2em;
+}
+
+.palette-preview-swatches__title {
+  font-size: 26px;
+  font-weight: 500;
+  margin: 0;
+  color: var(--sm-current-fg1-color);
+}
+
+.palette-preview-swatches__card {
+  background-color: var(--sm-current-bg-color);
+  box-shadow: var(--sm-customizer-box-shadow-2);
+  pointer-events: none;
+}
+.palette-preview-swatches__card:before, .palette-preview-swatches__card:after {
+  content: "";
+  display: block;
+  height: 1.5em;
+  background-color: var(--sm-current-accent-color);
+}
+.palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__card {
+  opacity: 0;
+}
+
+.palette-preview-swatches__card-content {
+  position: relative;
+  min-width: 13em;
+  padding: 2em 1.5em;
+}
+.palette-preview-swatches__card-content > * + * + * {
+  margin-top: 21px;
+}
+
+.palette-preview-swatches__row {
+  height: 1.05em;
+  background-color: currentColor;
+}
+.palette-preview-swatches__row:last-child {
+  width: 70%;
+}
+.palette-preview-swatches__row + .palette-preview-swatches__row {
+  margin-top: 10px;
+}
+
+.palette-preview-swatches__buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.2em;
+}
+
+.palette-preview-swatches__button {
+  padding: 0.3em 0.7em;
+  border-radius: 0.25em;
+  font-size: 1.25em;
+  background: var(--sm-current-accent-color);
+  color: var(--sm-current-bg-color);
+}
+.palette-preview-swatches__button--style-2 {
+  background: var(--sm-current-accent2-color);
+}
+.palette-preview-swatches__button--style-3 {
+  background: var(--sm-current-accent3-color);
+}
+
+.palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge {
+  content: "";
+  position: absolute;
+  top: 0.85em;
+  right: 0.75em;
+  width: 1.3em;
+  height: 1.3em;
+  background: var(--sm-current-accent-color);
+  border-radius: 50%;
+}
+@supports (mask-size: contain) {
+  .palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge {
+    mask-image: url("../../images/star.svg");
+    mask-size: contain;
+    border-radius: 0;
+  }
+}
+@supports (-webkit-mask-size: contain) {
+  .palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge {
+    -webkit-mask-image: url("../../images/star.svg");
+    -webkit-mask-size: contain;
+    border-radius: 0;
+  }
+}
+.palette-preview-swatches__wrap.is-source .palette-preview-swatches__wrap-accent .palette-preview-swatches__source-badge {
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+}
+/*!**********************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/_js/customizer/components/typography-overlay/style.scss ***!
+  \**********************************************************************************************************************************************************************************/
+/*------------------------------------*\
+  #TYPE SYSTEM PREVIEW
+\*------------------------------------*/
+* {
+  --theme-super-display-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-display-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-1-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-2-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-3-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-4-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-5-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --theme-heading-6-color: var(--sm-current-fg2-color);
+}
+
+* {
+  --sm-button-background-color: var(--sm-current-accent-color);
+}
+
+* {
+  --theme-button-x-padding: 1.35em;
+  --theme-button-y-padding: .7em;
+  --theme-button-padding: calc(var(--theme-button-y-padding) - var(--theme-button-border-width)) var(--theme-button-x-padding);
+}
+
+.wp-block-button * {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  font-style: inherit;
+  letter-spacing: inherit;
+  text-transform: inherit;
+}
+
+.sm-typography-preview {
+  max-width: 1000px;
+  margin: 0 auto;
+  padding: 50px;
+  display: grid;
+  gap: 25px;
+  grid-template-columns: min-content auto min-content;
+  line-height: 1.25;
+}
+
+.sm-typography-preview__separator {
+  grid-column-end: span 3;
+  border: 0 dashed var(--sm-color-palette-accent-color-4);
+  border-top-width: 1px;
+}
+
+.sm-typography-preview__separator--head {
+  border-style: solid;
+  border-top-width: 2px;
+}
+
+.sm-typography-preview__cell--head {
+  font-family: SF Mono, monospace;
+  font-size: 14px;
+  font-weight: 600;
+  font-feature-settings: "calt" off;
+  color: var(--sm-color-palette-accent-text-color-2);
+}
+
+.sm-typography-preview__cell--category {
+  align-self: center;
+}
+.sm-typography-preview__cell--category span {
+  display: block;
+  background: #777;
+  border-radius: 9999em;
+  padding: 0.35em 0.8em 0.2em;
+  font-family: SF Mono, monospace;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-align: center;
+  text-transform: uppercase;
+  color: #FFF;
+}
+.sm-typography-preview__cell--category span.sm_font_primary {
+  background: var(--sm-color-palette-accent-color-6, #5c6ac4);
+}
+.sm-typography-preview__cell--category span.sm_font_secondary {
+  background: #E06749;
+}
+.sm-typography-preview__cell--category span.sm_font_body {
+  background: #1D7E70;
+}
+.sm-typography-preview__cell--category span.sm_font_accent {
+  background: #9C9CDD;
+}
+
+.sm-typography-preview__cell--preview {
+  min-width: 0;
+}
+.sm-typography-preview__cell--preview:is(.display_font, .heading_1_font, .heading_2_font, .accent_font) > div {
+  max-width: 100%;
+  white-space: nowrap;
+  overflow-x: clip;
+  text-overflow: ellipsis;
+}
+.sm-typography-preview__cell--preview p {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.sm-typography-preview__cell--preview p + p {
+  margin-top: 1.5em;
+}
+
+.sm-typography-preview__cell--size {
+  align-self: center;
+  text-align: right;
+  font-family: SF Mono, monospace;
+  font-size: 14px;
+}
+
+/*------------------------------------*\
+  #TYPE SYSTEM OPTIONS
+\*------------------------------------*/
+.customize-control-title:is(.font_primary, .font_secondary, .font_body, .font_accent) {
+  display: inline-block;
+  padding: 0.25em 0.75em 0.25em;
+  background: #777;
+  border-radius: 9999em;
+  color: #FFF;
+  font-size: 16px;
+  font-weight: 500;
+}
+.customize-control-title.font_primary {
+  background: var(--sm-color-palette-accent-color-6, #5c6ac4);
+}
+.customize-control-title.font_secondary {
+  background: #E06749;
+}
+.customize-control-title.font_body {
+  background: #1D7E70;
+}
+.customize-control-title.font_accent {
+  background: #9C9CDD;
+}

style-manager/trunk/dist/js/customizer.js

@@ -1 +1 @@
 /*! For license information please see customizer.js.LICENSE.txt */
-(()=>{var e={824:(e,t,n)=>{"use strict";n.d(t,{default:()=>a});function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var o="color-scheme-dark-temp";const a=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.initialize()}var t,n,a;return t=e,(n=[{key:"initialize",value:function(){var e,t,n=this;this.darkModeSetting=null===(e=window.document.documentElement.dataset)||void 0===e?void 0:e.darkModeAdvanced,this.matchMedia=window.matchMedia("(prefers-color-scheme: dark)"),this.storageItemKey="color-scheme-dark",this.callbacks=[],t=function(){var e,t,r;(function(){try{return window.self!==window.top}catch(e){return!0}}()&&(null===(e=window)||void 0===e||null===(t=e.parent)||void 0===t||null===(r=t.wp)||void 0===r?void 0:r.customize)||window.document.body.classList.contains("logged-in"))&&(localStorage.removeItem(o),n.storageItemKey=o),n.initializeCustomizePreview(),n.bindEvents(),n.update()},"loading"!=document.readyState?t():document.addEventListener("DOMContentLoaded",t)}},{key:"initializeCustomizePreview",value:function(){var e,t,n,r=this,a=(null===(e=window.wp)||void 0===e?void 0:e.customize)||(null===(t=window.parent)||void 0===t||null===(n=t.wp)||void 0===n?void 0:n.customize);a&&a("sm_dark_mode_advanced",(function(e){r.darkModeSetting=e(),e.bind((function(e){r.darkModeSetting=e,localStorage.removeItem(o),r.update()}))}))}},{key:"bindEvents",value:function(){var e,t,n,r,a=this;e=document.documentElement,t="click",n=".js-sm-dark-mode-toggle",r=this.onClick.bind(this),e.addEventListener(t,(function(e){for(var t=e.target;t&&t!=this;t=t.parentNode)if(t.matches(n)){r.call(t,e);break}}),!1),this.matchMedia.addEventListener("change",(function(){localStorage.removeItem(o),a.update()}))}},{key:"bind",value:function(e){var t=this.callbacks.indexOf(e);"function"==typeof e&&-1===t&&this.callbacks.push(e)}},{key:"unbind",value:function(e){var t=this.callbacks.indexOf(e);t>-1&&this.callbacks.splice(t,1)}},{key:"onClick",value:function(e){e.preventDefault(),localStorage.setItem(this.storageItemKey,this.isCompiledDark()?"light":"dark"),this.update()}},{key:"isSystemDark",value:function(){var e="on"===this.darkModeSetting;return"auto"===this.darkModeSetting&&this.matchMedia.matches&&(e=!0),e}},{key:"isCompiledDark",value:function(){var e=this.isSystemDark(),t=localStorage.getItem(this.storageItemKey);return null!==t&&(e="dark"===t),e}},{key:"update",value:function(){var e=this.isCompiledDark();this.callbacks.forEach((function(t){t(e)})),e?window.document.documentElement.classList.add("is-dark"):window.document.documentElement.classList.remove("is-dark")}}])&&r(t.prototype,n),a&&r(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}())},184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var i=o.apply(null,n);i&&e.push(i)}}else if("object"===a)if(n.toString===Object.prototype.toString)for(var c in n)r.call(n,c)&&n[c]&&e.push(c);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},119:e=>{var t=t||{};t.Geometry=function(){},t.Geometry.intersectLineLine=function(e,t){var n=(e.intercept-t.intercept)/(t.slope-e.slope);return{x:n,y:e.slope*n+e.intercept}},t.Geometry.distanceFromOrigin=function(e){return Math.sqrt(Math.pow(e.x,2)+Math.pow(e.y,2))},t.Geometry.distanceLineFromOrigin=function(e){return Math.abs(e.intercept)/Math.sqrt(Math.pow(e.slope,2)+1)},t.Geometry.perpendicularThroughPoint=function(e,t){var n=-1/e.slope;return{slope:n,intercept:t.y-n*t.x}},t.Geometry.angleFromOrigin=function(e){return Math.atan2(e.y,e.x)},t.Geometry.normalizeAngle=function(e){var t=2*Math.PI;return(e%t+t)%t},t.Geometry.lengthOfRayUntilIntersect=function(e,t){return t.intercept/(Math.sin(e)-t.slope*Math.cos(e))},t.Hsluv=function(){},t.Hsluv.getBounds=function(e){for(var n=[],r=Math.pow(e+16,3)/1560896,o=r>t.Hsluv.epsilon?r:e/t.Hsluv.kappa,a=0;a<3;)for(var i=a++,c=t.Hsluv.m[i][0],l=t.Hsluv.m[i][1],s=t.Hsluv.m[i][2],u=0;u<2;){var f=u++,d=(284517*c-94839*s)*o,v=(838422*s+769860*l+731718*c)*e*o-769860*f*e,p=(632260*s-126452*l)*o+126452*f;n.push({slope:d/p,intercept:v/p})}return n},t.Hsluv.maxSafeChromaForL=function(e){for(var n=t.Hsluv.getBounds(e),r=1/0,o=0;o<n.length;){var a=n[o];++o;var i=t.Geometry.distanceLineFromOrigin(a);r=Math.min(r,i)}return r},t.Hsluv.maxChromaForLH=function(e,n){for(var r=n/360*Math.PI*2,o=t.Hsluv.getBounds(e),a=1/0,i=0;i<o.length;){var c=o[i];++i;var l=t.Geometry.lengthOfRayUntilIntersect(r,c);l>=0&&(a=Math.min(a,l))}return a},t.Hsluv.dotProduct=function(e,t){for(var n=0,r=0,o=e.length;r<o;){var a=r++;n+=e[a]*t[a]}return n},t.Hsluv.fromLinear=function(e){return e<=.0031308?12.92*e:1.055*Math.pow(e,.4166666666666667)-.055},t.Hsluv.toLinear=function(e){return e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92},t.Hsluv.xyzToRgb=function(e){return[t.Hsluv.fromLinear(t.Hsluv.dotProduct(t.Hsluv.m[0],e)),t.Hsluv.fromLinear(t.Hsluv.dotProduct(t.Hsluv.m[1],e)),t.Hsluv.fromLinear(t.Hsluv.dotProduct(t.Hsluv.m[2],e))]},t.Hsluv.rgbToXyz=function(e){var n=[t.Hsluv.toLinear(e[0]),t.Hsluv.toLinear(e[1]),t.Hsluv.toLinear(e[2])];return[t.Hsluv.dotProduct(t.Hsluv.minv[0],n),t.Hsluv.dotProduct(t.Hsluv.minv[1],n),t.Hsluv.dotProduct(t.Hsluv.minv[2],n)]},t.Hsluv.yToL=function(e){return e<=t.Hsluv.epsilon?e/t.Hsluv.refY*t.Hsluv.kappa:116*Math.pow(e/t.Hsluv.refY,.3333333333333333)-16},t.Hsluv.lToY=function(e){return e<=8?t.Hsluv.refY*e/t.Hsluv.kappa:t.Hsluv.refY*Math.pow((e+16)/116,3)},t.Hsluv.xyzToLuv=function(e){var n=e[0],r=e[1],o=n+15*r+3*e[2],a=4*n,i=9*r;0!=o?(a/=o,i/=o):(a=NaN,i=NaN);var c=t.Hsluv.yToL(r);return 0==c?[0,0,0]:[c,13*c*(a-t.Hsluv.refU),13*c*(i-t.Hsluv.refV)]},t.Hsluv.luvToXyz=function(e){var n=e[0],r=e[1],o=e[2];if(0==n)return[0,0,0];var a=r/(13*n)+t.Hsluv.refU,i=o/(13*n)+t.Hsluv.refV,c=t.Hsluv.lToY(n),l=0-9*c*a/((a-4)*i-a*i);return[l,c,(9*c-15*i*c-i*l)/(3*i)]},t.Hsluv.luvToLch=function(e){var t,n=e[0],r=e[1],o=e[2],a=Math.sqrt(r*r+o*o);a<1e-8?t=0:(t=180*Math.atan2(o,r)/Math.PI)<0&&(t=360+t);return[n,a,t]},t.Hsluv.lchToLuv=function(e){var t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,Math.cos(r)*n,Math.sin(r)*n]},t.Hsluv.hsluvToLch=function(e){var n=e[0],r=e[1],o=e[2];return o>99.9999999?[100,0,n]:o<1e-8?[0,0,n]:[o,t.Hsluv.maxChromaForLH(o,n)/100*r,n]},t.Hsluv.lchToHsluv=function(e){var n=e[0],r=e[1],o=e[2];return n>99.9999999?[o,0,100]:n<1e-8?[o,0,0]:[o,r/t.Hsluv.maxChromaForLH(n,o)*100,n]},t.Hsluv.hpluvToLch=function(e){var n=e[0],r=e[1],o=e[2];return o>99.9999999?[100,0,n]:o<1e-8?[0,0,n]:[o,t.Hsluv.maxSafeChromaForL(o)/100*r,n]},t.Hsluv.lchToHpluv=function(e){var n=e[0],r=e[1],o=e[2];return n>99.9999999?[o,0,100]:n<1e-8?[o,0,0]:[o,r/t.Hsluv.maxSafeChromaForL(n)*100,n]},t.Hsluv.rgbToHex=function(e){for(var n="#",r=0;r<3;){var o=e[r++],a=Math.round(255*o),i=a%16,c=(a-i)/16|0;n+=t.Hsluv.hexChars.charAt(c)+t.Hsluv.hexChars.charAt(i)}return n},t.Hsluv.hexToRgb=function(e){e=e.toLowerCase();for(var n=[],r=0;r<3;){var o=r++,a=16*t.Hsluv.hexChars.indexOf(e.charAt(2*o+1))+t.Hsluv.hexChars.indexOf(e.charAt(2*o+2));n.push(a/255)}return n},t.Hsluv.lchToRgb=function(e){return t.Hsluv.xyzToRgb(t.Hsluv.luvToXyz(t.Hsluv.lchToLuv(e)))},t.Hsluv.rgbToLch=function(e){return t.Hsluv.luvToLch(t.Hsluv.xyzToLuv(t.Hsluv.rgbToXyz(e)))},t.Hsluv.hsluvToRgb=function(e){return t.Hsluv.lchToRgb(t.Hsluv.hsluvToLch(e))},t.Hsluv.rgbToHsluv=function(e){return t.Hsluv.lchToHsluv(t.Hsluv.rgbToLch(e))},t.Hsluv.hpluvToRgb=function(e){return t.Hsluv.lchToRgb(t.Hsluv.hpluvToLch(e))},t.Hsluv.rgbToHpluv=function(e){return t.Hsluv.lchToHpluv(t.Hsluv.rgbToLch(e))},t.Hsluv.hsluvToHex=function(e){return t.Hsluv.rgbToHex(t.Hsluv.hsluvToRgb(e))},t.Hsluv.hpluvToHex=function(e){return t.Hsluv.rgbToHex(t.Hsluv.hpluvToRgb(e))},t.Hsluv.hexToHsluv=function(e){return t.Hsluv.rgbToHsluv(t.Hsluv.hexToRgb(e))},t.Hsluv.hexToHpluv=function(e){return t.Hsluv.rgbToHpluv(t.Hsluv.hexToRgb(e))},t.Hsluv.m=[[3.240969941904521,-1.537383177570093,-.498610760293],[-.96924363628087,1.87596750150772,.041555057407175],[.055630079696993,-.20397695888897,1.056971514242878]],t.Hsluv.minv=[[.41239079926595,.35758433938387,.18048078840183],[.21263900587151,.71516867876775,.072192315360733],[.019330818715591,.11919477979462,.95053215224966]],t.Hsluv.refY=1,t.Hsluv.refU=.19783000664283,t.Hsluv.refV=.46831999493879,t.Hsluv.kappa=903.2962962,t.Hsluv.epsilon=.0088564516,t.Hsluv.hexChars="0123456789abcdef";var n={hsluvToRgb:t.Hsluv.hsluvToRgb,rgbToHsluv:t.Hsluv.rgbToHsluv,hpluvToRgb:t.Hsluv.hpluvToRgb,rgbToHpluv:t.Hsluv.rgbToHpluv,hsluvToHex:t.Hsluv.hsluvToHex,hexToHsluv:t.Hsluv.hexToHsluv,hpluvToHex:t.Hsluv.hpluvToHex,hexToHpluv:t.Hsluv.hexToHpluv,lchToHpluv:t.Hsluv.lchToHpluv,hpluvToLch:t.Hsluv.hpluvToLch,lchToHsluv:t.Hsluv.lchToHsluv,hsluvToLch:t.Hsluv.hsluvToLch,lchToLuv:t.Hsluv.lchToLuv,luvToLch:t.Hsluv.luvToLch,xyzToLuv:t.Hsluv.xyzToLuv,luvToXyz:t.Hsluv.luvToXyz,xyzToRgb:t.Hsluv.xyzToRgb,rgbToXyz:t.Hsluv.rgbToXyz,lchToRgb:t.Hsluv.lchToRgb,rgbToLch:t.Hsluv.rgbToLch};e.exports=n},854:function(e,t,n){e.exports=function(){"use strict";var e=function(e){var t=e.id,n=e.viewBox,r=e.content;this.id=t,this.viewBox=n,this.content=r};e.prototype.stringify=function(){return this.content},e.prototype.toString=function(){return this.stringify()},e.prototype.destroy=function(){var e=this;["id","viewBox","content"].forEach((function(t){return delete e[t]}))};var t=function(e){var t=!!document.importNode,n=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement;return t?document.importNode(n,!0):n};function r(e,t){return e(t={exports:{}},t.exports),t.exports}"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var o=r((function(e,t){!function(t,n){e.exports=n()}(0,(function(){function e(e){return e&&"object"==typeof e&&"[object RegExp]"!==Object.prototype.toString.call(e)&&"[object Date]"!==Object.prototype.toString.call(e)}function t(e){return Array.isArray(e)?[]:{}}function n(n,r){return r&&!0===r.clone&&e(n)?a(t(n),n,r):n}function r(t,r,o){var i=t.slice();return r.forEach((function(r,c){void 0===i[c]?i[c]=n(r,o):e(r)?i[c]=a(t[c],r,o):-1===t.indexOf(r)&&i.push(n(r,o))})),i}function o(t,r,o){var i={};return e(t)&&Object.keys(t).forEach((function(e){i[e]=n(t[e],o)})),Object.keys(r).forEach((function(c){e(r[c])&&t[c]?i[c]=a(t[c],r[c],o):i[c]=n(r[c],o)})),i}function a(e,t,a){var i=Array.isArray(t),c=(a||{arrayMerge:r}).arrayMerge||r;return i?Array.isArray(e)?c(e,t,a):n(t,a):o(e,t,a)}return a.all=function(e,t){if(!Array.isArray(e)||e.length<2)throw new Error("first argument should be an array with at least two elements");return e.reduce((function(e,n){return a(e,n,t)}))},a}))})),a=r((function(e,t){var n={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}};t.default=n,e.exports=t.default})),i=function(e){return Object.keys(e).map((function(t){return t+'="'+e[t].toString().replace(/"/g,"&quot;")+'"'})).join(" ")},c=a.svg,l=a.xlink,s={};s[c.name]=c.uri,s[l.name]=l.uri;var u=function(e,t){void 0===e&&(e="");var n=o(s,t||{});return"<svg "+i(n)+">"+e+"</svg>"},f=function(e){function n(){e.apply(this,arguments)}e&&(n.__proto__=e),n.prototype=Object.create(e&&e.prototype),n.prototype.constructor=n;var r={isMounted:{}};return r.isMounted.get=function(){return!!this.node},n.createFromExistingNode=function(e){return new n({id:e.getAttribute("id"),viewBox:e.getAttribute("viewBox"),content:e.outerHTML})},n.prototype.destroy=function(){this.isMounted&&this.unmount(),e.prototype.destroy.call(this)},n.prototype.mount=function(e){if(this.isMounted)return this.node;var t="string"==typeof e?document.querySelector(e):e,n=this.render();return this.node=n,t.appendChild(n),n},n.prototype.render=function(){var e=this.stringify();return t(u(e)).childNodes[0]},n.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(n.prototype,r),n}(e);return f}()},348:function(e,t,n){e.exports=function(){"use strict";function e(e,t){return e(t={exports:{}},t.exports),t.exports}"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self&&self;var t=e((function(e,t){!function(t,n){e.exports=n()}(0,(function(){function e(e){return e&&"object"==typeof e&&"[object RegExp]"!==Object.prototype.toString.call(e)&&"[object Date]"!==Object.prototype.toString.call(e)}function t(e){return Array.isArray(e)?[]:{}}function n(n,r){return r&&!0===r.clone&&e(n)?a(t(n),n,r):n}function r(t,r,o){var i=t.slice();return r.forEach((function(r,c){void 0===i[c]?i[c]=n(r,o):e(r)?i[c]=a(t[c],r,o):-1===t.indexOf(r)&&i.push(n(r,o))})),i}function o(t,r,o){var i={};return e(t)&&Object.keys(t).forEach((function(e){i[e]=n(t[e],o)})),Object.keys(r).forEach((function(c){e(r[c])&&t[c]?i[c]=a(t[c],r[c],o):i[c]=n(r[c],o)})),i}function a(e,t,a){var i=Array.isArray(t),c=(a||{arrayMerge:r}).arrayMerge||r;return i?Array.isArray(e)?c(e,t,a):n(t,a):o(e,t,a)}return a.all=function(e,t){if(!Array.isArray(e)||e.length<2)throw new Error("first argument should be an array with at least two elements");return e.reduce((function(e,n){return a(e,n,t)}))},a}))}));function r(e){return e=e||Object.create(null),{on:function(t,n){(e[t]||(e[t]=[])).push(n)},off:function(t,n){e[t]&&e[t].splice(e[t].indexOf(n)>>>0,1)},emit:function(t,n){(e[t]||[]).map((function(e){e(n)})),(e["*"]||[]).map((function(e){e(t,n)}))}}}var o=e((function(e,t){var n={svg:{name:"xmlns",uri:"http://www.w3.org/2000/svg"},xlink:{name:"xmlns:xlink",uri:"http://www.w3.org/1999/xlink"}};t.default=n,e.exports=t.default})),a=function(e){return Object.keys(e).map((function(t){return t+'="'+e[t].toString().replace(/"/g,"&quot;")+'"'})).join(" ")},i=o.svg,c=o.xlink,l={};l[i.name]=i.uri,l[c.name]=c.uri;var s,u=function(e,n){void 0===e&&(e="");var r=t(l,n||{});return"<svg "+a(r)+">"+e+"</svg>"},f=o.svg,d=o.xlink,v={attrs:(s={style:["position: absolute","width: 0","height: 0"].join("; "),"aria-hidden":"true"},s[f.name]=f.uri,s[d.name]=d.uri,s)},p=function(e){this.config=t(v,e||{}),this.symbols=[]};p.prototype.add=function(e){var t=this.symbols,n=this.find(e.id);return n?(t[t.indexOf(n)]=e,!1):(t.push(e),!0)},p.prototype.remove=function(e){var t=this.symbols,n=this.find(e);return!!n&&(t.splice(t.indexOf(n),1),n.destroy(),!0)},p.prototype.find=function(e){return this.symbols.filter((function(t){return t.id===e}))[0]||null},p.prototype.has=function(e){return null!==this.find(e)},p.prototype.stringify=function(){var e=this.config.attrs,t=this.symbols.map((function(e){return e.stringify()})).join("");return u(t,e)},p.prototype.toString=function(){return this.stringify()},p.prototype.destroy=function(){this.symbols.forEach((function(e){return e.destroy()}))};var m=function(e){var t=e.id,n=e.viewBox,r=e.content;this.id=t,this.viewBox=n,this.content=r};m.prototype.stringify=function(){return this.content},m.prototype.toString=function(){return this.stringify()},m.prototype.destroy=function(){var e=this;["id","viewBox","content"].forEach((function(t){return delete e[t]}))};var h=function(e){var t=!!document.importNode,n=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement;return t?document.importNode(n,!0):n},y=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={isMounted:{}};return n.isMounted.get=function(){return!!this.node},t.createFromExistingNode=function(e){return new t({id:e.getAttribute("id"),viewBox:e.getAttribute("viewBox"),content:e.outerHTML})},t.prototype.destroy=function(){this.isMounted&&this.unmount(),e.prototype.destroy.call(this)},t.prototype.mount=function(e){if(this.isMounted)return this.node;var t="string"==typeof e?document.querySelector(e):e,n=this.render();return this.node=n,t.appendChild(n),n},t.prototype.render=function(){var e=this.stringify();return h(u(e)).childNodes[0]},t.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},Object.defineProperties(t.prototype,n),t}(m),g={autoConfigure:!0,mountTo:"body",syncUrlsWithBaseTag:!1,listenLocationChangeEvent:!0,locationChangeEvent:"locationChange",locationChangeAngularEmitter:!1,usagesToUpdate:"use[*|href]",moveGradientsOutsideSymbol:!1},_=function(e){return Array.prototype.slice.call(e,0)},b={isChrome:function(){return/chrome/i.test(navigator.userAgent)},isFirefox:function(){return/firefox/i.test(navigator.userAgent)},isIE:function(){return/msie/i.test(navigator.userAgent)||/trident/i.test(navigator.userAgent)},isEdge:function(){return/edge/i.test(navigator.userAgent)}},w=function(e,t){var n=document.createEvent("CustomEvent");n.initCustomEvent(e,!1,!1,t),window.dispatchEvent(n)},E=function(e){var t=[];return _(e.querySelectorAll("style")).forEach((function(e){e.textContent+="",t.push(e)})),t},x=function(e){return(e||window.location.href).split("#")[0]},O=function(e){angular.module("ng").run(["$rootScope",function(t){t.$on("$locationChangeSuccess",(function(t,n,r){w(e,{oldUrl:r,newUrl:n})}))}])},S="linearGradient, radialGradient, pattern, mask, clipPath",k=function(e,t){return void 0===t&&(t=S),_(e.querySelectorAll("symbol")).forEach((function(e){_(e.querySelectorAll(t)).forEach((function(t){e.parentNode.insertBefore(t,e)}))})),e};function M(e,t){return _(e).reduce((function(e,n){if(!n.attributes)return e;var r=_(n.attributes),o=t?r.filter(t):r;return e.concat(o)}),[])}var j=o.xlink.uri,H="xlink:href",A=/[{}|\\\^\[\]`"<>]/g;function z(e){return e.replace(A,(function(e){return"%"+e[0].charCodeAt(0).toString(16).toUpperCase()}))}function C(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function T(e,t,n){return _(e).forEach((function(e){var r=e.getAttribute(H);if(r&&0===r.indexOf(t)){var o=r.replace(t,n);e.setAttributeNS(j,H,o)}})),e}var N,P=["clipPath","colorProfile","src","cursor","fill","filter","marker","markerStart","markerMid","markerEnd","mask","stroke","style"],I=P.map((function(e){return"["+e+"]"})).join(","),L=function(e,t,n,r){var o=z(n),a=z(r);M(e.querySelectorAll(I),(function(e){var t=e.localName,n=e.value;return-1!==P.indexOf(t)&&-1!==n.indexOf("url("+o)})).forEach((function(e){return e.value=e.value.replace(new RegExp(C(o),"g"),a)})),T(t,o,a)},D={MOUNT:"mount",SYMBOL_MOUNT:"symbol_mount"},R=function(e){function n(n){var o=this;void 0===n&&(n={}),e.call(this,t(g,n));var a=r();this._emitter=a,this.node=null;var i=this.config;if(i.autoConfigure&&this._autoConfigure(n),i.syncUrlsWithBaseTag){var c=document.getElementsByTagName("base")[0].getAttribute("href");a.on(D.MOUNT,(function(){return o.updateUrls("#",c)}))}var l=this._handleLocationChange.bind(this);this._handleLocationChange=l,i.listenLocationChangeEvent&&window.addEventListener(i.locationChangeEvent,l),i.locationChangeAngularEmitter&&O(i.locationChangeEvent),a.on(D.MOUNT,(function(e){i.moveGradientsOutsideSymbol&&k(e)})),a.on(D.SYMBOL_MOUNT,(function(e){i.moveGradientsOutsideSymbol&&k(e.parentNode),(b.isIE()||b.isEdge())&&E(e)}))}e&&(n.__proto__=e),n.prototype=Object.create(e&&e.prototype),n.prototype.constructor=n;var o={isMounted:{}};return o.isMounted.get=function(){return!!this.node},n.prototype._autoConfigure=function(e){var t=this.config;void 0===e.syncUrlsWithBaseTag&&(t.syncUrlsWithBaseTag=void 0!==document.getElementsByTagName("base")[0]),void 0===e.locationChangeAngularEmitter&&(t.locationChangeAngularEmitter=void 0!==window.angular),void 0===e.moveGradientsOutsideSymbol&&(t.moveGradientsOutsideSymbol=b.isFirefox())},n.prototype._handleLocationChange=function(e){var t=e.detail,n=t.oldUrl,r=t.newUrl;this.updateUrls(n,r)},n.prototype.add=function(t){var n=this,r=e.prototype.add.call(this,t);return this.isMounted&&r&&(t.mount(n.node),this._emitter.emit(D.SYMBOL_MOUNT,t.node)),r},n.prototype.attach=function(e){var t=this,n=this;if(n.isMounted)return n.node;var r="string"==typeof e?document.querySelector(e):e;return n.node=r,this.symbols.forEach((function(e){e.mount(n.node),t._emitter.emit(D.SYMBOL_MOUNT,e.node)})),_(r.querySelectorAll("symbol")).forEach((function(e){var t=y.createFromExistingNode(e);t.node=e,n.add(t)})),this._emitter.emit(D.MOUNT,r),r},n.prototype.destroy=function(){var e=this,t=e.config,n=e.symbols,r=e._emitter;n.forEach((function(e){return e.destroy()})),r.off("*"),window.removeEventListener(t.locationChangeEvent,this._handleLocationChange),this.isMounted&&this.unmount()},n.prototype.mount=function(e,t){void 0===e&&(e=this.config.mountTo),void 0===t&&(t=!1);var n=this;if(n.isMounted)return n.node;var r="string"==typeof e?document.querySelector(e):e,o=n.render();return this.node=o,t&&r.childNodes[0]?r.insertBefore(o,r.childNodes[0]):r.appendChild(o),this._emitter.emit(D.MOUNT,o),o},n.prototype.render=function(){return h(this.stringify())},n.prototype.unmount=function(){this.node.parentNode.removeChild(this.node)},n.prototype.updateUrls=function(e,t){if(!this.isMounted)return!1;var n=document.querySelectorAll(this.config.usagesToUpdate);return L(this.node,n,x(e)+"#",x(t)+"#"),!0},Object.defineProperties(n.prototype,o),n}(p),F=e((function(e){var t;t=function(){var e,t=[],n=document,r=n.documentElement.doScroll,o="DOMContentLoaded",a=(r?/^loaded|^c/:/^loaded|^i|^c/).test(n.readyState);return a||n.addEventListener(o,e=function(){for(n.removeEventListener(o,e),a=1;e=t.shift();)e()}),function(e){a?setTimeout(e,0):t.push(e)}},e.exports=t()})),U="__SVG_SPRITE_NODE__",B="__SVG_SPRITE__";window[B]?N=window[B]:(N=new R({attrs:{id:U,"aria-hidden":"true"}}),window[B]=N);var V=function(){var e=document.getElementById(U);e?N.attach(e):N.mount(document.body,!0)};return document.body?V():F(V),N}()}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r].call(a.exports,a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;n.g.importScripts&&(e=n.g.location+"");var t=n.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var r=t.getElementsByTagName("script");r.length&&(e=r[r.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),n.p=e})();var r={};(()=>{"use strict";n.r(r),n.d(r,{convertFontVariantToFVD:()=>fo,determineFontType:()=>Dr,getCSSFromPalettes:()=>Qe,getFontDetails:()=>Rr,maybeFillPalettesArray:()=>vo,resizer:()=>e});var e={};n.r(e),n.d(e,{resize:()=>no,setOffset:()=>to});const t=window.jQuery;var o=n.n(t);const a=window.ReactDOM;var i=n.n(a),c=function(e,t){var n=document.getElementById(e);if(n){var r=document.createElement("li");r.setAttribute("class","customize-control"),r.setAttribute("style","padding: 0"),n.insertAdjacentElement("afterend",r),i().render(React.createElement(t,null),r)}};const l=window.React;var s=n.n(l);const u=window.lodash;var f=n.n(u),d={},v={},p=[],m=function(){v=JSON.parse(JSON.stringify(wp.customize.settings.settings))},h=function(){return v},y=function(e){return styleManager.config.settings[e]},g=function(e){return d[e]},b=function(e,t){d[e]=t},w=function(){return p},E=function(e){p=e.slice()},x=function(e,t){var n=w();window.document.body.classList.add("remove-customizer-transitions"),E([]),e.focus(),E(n),function(e){p.push(e)}(t)},O=function(e){var t=function(e){return v[e]}(e);return t.connected_fields||{}},S=function(e){var t=O(e);return Object.keys(t).map((function(e){return t[e].setting_id}))},k=function(e){var t=f().pick(d,e);f().each(t,(function(e,t){wp.customize(t,(function(t){t.unbind(e)}))})),function(e){e.forEach((function(e){delete d[e]}))}(e)},M=function(e){return e};const j=function(e){(0,l.useEffect)((function(){var t=function(e){var t,n;e||(t=w(),(n=t.pop())&&wp.customize.section(n,(function(e){e.focus(),t.length||setTimeout((function(){window.document.body.classList.remove("remove-customizer-transitions")}),100)})))};return wp.customize.section(e,(function(e){e.expanded.bind(t)})),function(){wp.customize.section(e,(function(e){e.expanded.unbind(t)}))}}),[])};const H=function(e){var t=e.targetSectionID,n=e.currentSectionID,r=e.icon,o=e.label,a=(0,l.useCallback)((function(){n&&wp.customize.section(t,(function(e){x(e,n)}))}),[n]);return j(t),React.createElement("div",{className:"sm-group"},React.createElement("div",{className:"sm-panel-toggle",onClick:a},r&&React.createElement("div",{className:"sm-panel-toggle__icon",dangerouslySetInnerHTML:{__html:r}}),o&&React.createElement("div",{className:"sm-panel-toggle__label"},o)))};var A=n(854),z=n.n(A),C=n(348),T=n.n(C),N=new(z())({id:"colorize-elements",use:"colorize-elements-usage",viewBox:"0 0 24 24",content:'<symbol viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="colorize-elements">\n<path d="M16.66 4.51945L19.49 7.34945L16.66 10.1795L13.83 7.34945L16.66 4.51945ZM9 4.99945V8.99945H5V4.99945H9ZM19 14.9995V18.9995H15V14.9995H19ZM9 14.9995V18.9995H5V14.9995H9ZM16.66 1.68945L11 7.33945L16.66 12.9995L22.32 7.33945L16.66 1.68945ZM11 2.99945H3V10.9995H11V2.99945ZM21 12.9995H13V20.9995H21V12.9995ZM11 12.9995H3V20.9995H11V12.9995Z" fill="#2F384C" />\n</symbol>'});T().add(N);const P=N;const I=function(e){var t="".concat(styleManager.config.options_name,"[colors_section]"),n=styleManager.l10n.colorPalettes.colorizeElementsPanelLabel,r='\n                <svg viewBox="'.concat(P.viewBox,'">\n                  <use xlink:href="#').concat(P.id,'" />\n                </svg>');return s().createElement(H,{currentSectionID:"sm_color_usage_section",targetSectionID:t,icon:r,label:n})};var L=function(e){var t=e===y("sm_coloration_level").default,n=h(),r=parseInt(e,10),o=r<50?4:r<75?3:r<100?2:1;Object.keys(n).forEach((function(e){var n=y(e);if("sm_toggle"===(null==n?void 0:n.type)&&void 0!==n.coloration){var r=n.coloration;wp.customize(e,(function(e){e.set(t?n.default:r>=o)}))}}))},D=new(z())({id:"customize-colors-usage",use:"customize-colors-usage-usage",viewBox:"0 0 24 24",content:'<symbol viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="customize-colors-usage">\n<path d="M16.56 8.94L7.62 0L6.21 1.41L8.59 3.79L3.44 8.94C2.85 9.53 2.85 10.48 3.44 11.06L8.94 16.56C9.23 16.85 9.62 17 10 17C10.38 17 10.77 16.85 11.06 16.56L16.56 11.06C17.15 10.48 17.15 9.53 16.56 8.94ZM5.21 10L10 5.21L14.79 10H5.21ZM19 11.5C19 11.5 17 13.67 17 15C17 16.1 17.9 17 19 17C20.1 17 21 16.1 21 15C21 13.67 19 11.5 19 11.5ZM2 20H22V24H2V20Z" fill="#2F384C" />\n</symbol>'});T().add(D);const R=D;const F=function(){var e=styleManager.l10n.colorPalettes.builderColorUsagePanelLabel,t='\n                <svg viewBox="'.concat(R.viewBox,'">\n                  <use xlink:href="#').concat(R.id,'" />\n                </svg>');return React.createElement(H,{currentSectionID:"sm_color_palettes_section",targetSectionID:"sm_color_usage_section",icon:t,label:e})};const U=function(e){var t=e.label,n=e.description,r=e.children;return s().createElement("div",{className:"sm-control"},t&&s().createElement("div",{className:"sm-control__header"},s().createElement("div",{className:"sm-control__label"},t)),r&&s().createElement("div",{className:"sm-control__body"},r),n&&s().createElement("div",{className:"sm-control__footer"},s().createElement("div",{className:"description customize-control-description sm-control__description",dangerouslySetInnerHTML:{__html:n}})))};const B=function(){return(0,l.useCallback)((function(e){wp.customize("sm_advanced_palette_source",(function(t){t.set(JSON.stringify(e))}))}),[])};const V=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];"function"==typeof t&&(0,l.useEffect)((function(){return wp.customize(e,(function(e){e.bind(t)})),function(){wp.customize(e,(function(e){e.unbind(t)}))}}),n)};function q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return G(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return G(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const Z=function(){var e=q((0,l.useState)(null),2),t=e[0],n=e[1];(0,l.useEffect)((function(){wp.customize("sm_color_palette_in_use",(function(e){n(e())}))}),[]);var r=(0,l.useCallback)((function(e){wp.customize("sm_color_palette_in_use",(function(t){t.set(e)})),wp.customize("sm_is_custom_color_palette",(function(t){t.set(!e||"")}))}),[]),o=(0,l.useCallback)((function(e){n(e)}));return V("sm_color_palette_in_use",o),[t,r]};const J=function(e,t){(0,l.useEffect)((function(){function n(n){e.current&&!e.current.contains(n.target)&&t()}return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}}),[e])};var W=function(e){var t;try{t=JSON.parse(e)}catch(e){t=[]}return t};function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return X(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var K=(0,l.createContext)(),Q=function(e){var t=e.sourceSettingID,n=function(e){return(0,l.useMemo)((function(){var t=wp.customize(e);if(t){var n=t();return W(n)}return[]}),[])}(t),r=Y((0,l.useState)(n),2),o=r[0],a=r[1],i=(0,l.useCallback)((function(e){var t=W(e);a(t)}),[]);V(t,i);var c={config:o,sourceSettingID:t};return s().createElement(K.Provider,{value:c},e.children)};const ee=K;function te(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ne(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ne(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ne(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const re=function(e){var t=e.actions,n=te((0,l.useState)(!1),2),r=n[0],o=n[1],a="function"==typeof e.onToggle?e.onToggle:function(e){},i="function"==typeof e.onClick?e.onClick:function(e){e.stopPropagation()};(0,l.useEffect)((function(){a(r)}),[r]);var c=(0,l.useRef)(null);return J(c,(function(){o(!1)})),s().createElement("div",{onClick:i,ref:c,className:"c-contextual-menu c-contextual-menu--".concat(r?"visible":"hidden")},s().createElement("button",{className:"c-contextual-menu__toggle",onClick:function(e){e.preventDefault(),o(!r)}},s().createElement("span",null,"Toggle Menu")),s().createElement("div",{className:"c-contextual-menu__list"},t.map((function(e,t){var n=e.label,r=e.callback,a=e.className;return s().createElement("div",{key:t,className:"c-contextual-menu__list-item ".concat(a),onClick:function(e){e.preventDefault(),o(!1),r()}},n)}))))},oe=window.chroma;var ae=n.n(oe);function ie(){return(ie=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function ce(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}function le(e){var t=(0,l.useRef)(e),n=(0,l.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var se=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e<t?t:e},ue=function(e){return"touches"in e},fe=function(e){return e&&e.ownerDocument.defaultView||self},de=function(e,t,n){var r=e.getBoundingClientRect(),o=ue(t)?function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]}(t.touches,n):t;return{left:se((o.pageX-(r.left+fe(e).pageXOffset))/r.width),top:se((o.pageY-(r.top+fe(e).pageYOffset))/r.height)}},ve=function(e){!ue(e)&&e.preventDefault()},pe=s().memo((function(e){var t=e.onMove,n=e.onKey,r=ce(e,["onMove","onKey"]),o=(0,l.useRef)(null),a=le(t),i=le(n),c=(0,l.useRef)(null),u=(0,l.useRef)(!1),f=(0,l.useMemo)((function(){var e=function(e){ve(e),(ue(e)?e.touches.length>0:e.buttons>0)&&o.current?a(de(o.current,e,c.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=u.current,a=fe(o.current),i=n?a.addEventListener:a.removeEventListener;i(r?"touchmove":"mousemove",e),i(r?"touchend":"mouseup",t)}return[function(e){var t=e.nativeEvent,r=o.current;if(r&&(ve(t),!function(e,t){return t&&!ue(e)}(t,u.current)&&r)){if(ue(t)){u.current=!0;var i=t.changedTouches||[];i.length&&(c.current=i[0].identifier)}r.focus(),a(de(r,t,c.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),i({left:39===t?.05:37===t?-.05:0,top:40===t?.05:38===t?-.05:0}))},n]}),[i,a]),d=f[0],v=f[1],p=f[2];return(0,l.useEffect)((function(){return p}),[p]),s().createElement("div",ie({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:v,tabIndex:0,role:"slider"}))})),me=function(e){return e.filter(Boolean).join(" ")},he=function(e){var t=e.color,n=e.left,r=e.top,o=void 0===r?.5:r,a=me(["react-colorful__pointer",e.className]);return s().createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},s().createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},ye=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n},ge=(Math.PI,function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}}),_e=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:ye(e.h),s:ye(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:ye(o/2),a:ye(r,2)}},be=function(e){var t=_e(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},we=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),i=r*(1-n),c=r*(1-(t-a)*n),l=r*(1-(1-t+a)*n),s=a%6;return{r:ye(255*[r,c,i,i,l,r][s]),g:ye(255*[l,r,r,c,i,i][s]),b:ye(255*[i,i,l,r,r,c][s]),a:ye(o,2)}},Ee=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},xe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),i=a-Math.min(t,n,r),c=i?a===t?(n-r)/i:a===n?2+(r-t)/i:4+(t-n)/i:0;return{h:ye(60*(c<0?c+6:c)),s:ye(a?i/a*100:0),v:ye(a/255*100),a:o}},Oe=s().memo((function(e){var t=e.hue,n=e.onChange,r=me(["react-colorful__hue",e.className]);return s().createElement("div",{className:r},s().createElement(pe,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:se(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":ye(t)},s().createElement(he,{className:"react-colorful__hue-pointer",left:t/360,color:be({h:t,s:100,v:100,a:1})})))})),Se=s().memo((function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:be({h:t.h,s:100,v:100,a:1})};return s().createElement("div",{className:"react-colorful__saturation",style:r},s().createElement(pe,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:se(t.s+100*e.left,0,100),v:se(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+ye(t.s)+"%, Brightness "+ye(t.v)+"%"},s().createElement(he,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:be(t)})))})),ke=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0};function Me(e,t,n){var r=le(n),o=(0,l.useState)((function(){return e.toHsva(t)})),a=o[0],i=o[1],c=(0,l.useRef)({color:t,hsva:a});(0,l.useEffect)((function(){if(!e.equal(t,c.current.color)){var n=e.toHsva(t);c.current={hsva:n,color:t},i(n)}}),[t,e]),(0,l.useEffect)((function(){var t;ke(a,c.current.hsva)||e.equal(t=e.fromHsva(a),c.current.color)||(c.current={hsva:a,color:t},r(t))}),[a,e,r]);var s=(0,l.useCallback)((function(e){i((function(t){return Object.assign({},t,e)}))}),[]);return[a,s]}var je,He="undefined"!=typeof window?l.useLayoutEffect:l.useEffect,Ae=new Map,ze=function(e){He((function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!Ae.has(t)){var r=t.createElement("style");r.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',Ae.set(t,r);var o=je||n.nc;o&&r.setAttribute("nonce",o),t.head.appendChild(r)}}),[])},Ce=function(e){var t=e.className,n=e.colorModel,r=e.color,o=void 0===r?n.defaultColor:r,a=e.onChange,i=ce(e,["className","colorModel","color","onChange"]),c=(0,l.useRef)(null);ze(c);var u=Me(n,o,a),f=u[0],d=u[1],v=me(["react-colorful",t]);return s().createElement("div",ie({},i,{ref:c,className:v}),s().createElement(Se,{hsva:f,onChange:d}),s().createElement(Oe,{hue:f.h,onChange:d,className:"react-colorful__last-control"}))},Te={defaultColor:"000",toHsva:function(e){return xe(ge(e))},fromHsva:function(e){return n=(t=we(e)).g,r=t.b,"#"+Ee(t.r)+Ee(n)+Ee(r);var t,n,r},equal:function(e,t){return e.toLowerCase()===t.toLowerCase()||ke(ge(e),ge(t))}},Ne=function(e){return s().createElement(Ce,ie({},e,{colorModel:Te}))};const Pe=function(e,t){var n=(0,l.useRef)(!1);(0,l.useEffect)((function(){n.current?e():n.current=!0}),t)};function Ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Le(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var De=function(e){var t=e.hex,n=e.onChange,r=e.isOpen,o=Ie((0,l.useState)(t),2),a=o[0],i=o[1],c=Ie((0,l.useState)(t),2),u=c[0],f=c[1],d=function(e,t,n){var r=this,o=(0,l.useRef)(null),a=(0,l.useRef)(0),i=(0,l.useRef)(null),c=(0,l.useRef)([]),s=(0,l.useRef)(),u=(0,l.useRef)(),f=(0,l.useRef)(e),d=(0,l.useRef)(!0);f.current=e;var v=!t&&0!==t&&"undefined"!=typeof window;if("function"!=typeof e)throw new TypeError("Expected a function");t=+t||0;var p=!!(n=n||{}).leading,m=!("trailing"in n)||!!n.trailing,h="maxWait"in n,y=h?Math.max(+n.maxWait||0,t):null;(0,l.useEffect)((function(){return d.current=!0,function(){d.current=!1}}),[]);var g=(0,l.useMemo)((function(){var e=function(e){var t=c.current,n=s.current;return c.current=s.current=null,a.current=e,u.current=f.current.apply(n,t)},n=function(e,t){v&&cancelAnimationFrame(i.current),i.current=v?requestAnimationFrame(e):setTimeout(e,t)},l=function(e){if(!d.current)return!1;var n=e-o.current,r=e-a.current;return!o.current||n>=t||n<0||h&&r>=y},g=function(t){return i.current=null,m&&c.current?e(t):(c.current=s.current=null,u.current)},_=function(){var e=Date.now();if(l(e))return g(e);if(d.current){var r=e-o.current,i=e-a.current,c=t-r,s=h?Math.min(c,y-i):c;n(_,s)}},b=function(){for(var f=[],v=0;v<arguments.length;v++)f[v]=arguments[v];var m=Date.now(),y=l(m);if(c.current=f,s.current=r,o.current=m,y){if(!i.current&&d.current)return a.current=o.current,n(_,t),p?e(o.current):u.current;if(h)return n(_,t),e(o.current)}return i.current||n(_,t),u.current};return b.cancel=function(){i.current&&(v?cancelAnimationFrame(i.current):clearTimeout(i.current)),a.current=0,c.current=o.current=s.current=i.current=null},b.isPending=function(){return!!i.current},b.flush=function(){return i.current?g(Date.now()):u.current},b}),[p,h,t,y,m,v]);return g}(n,200);return Pe((function(){d(a)}),[a]),s().createElement("div",{className:"c-palette-builder__source-item-color ".concat(r?"c-palette-builder__source-item-color--active":"")},s().createElement("div",{className:"c-palette-builder__source-item-preview",style:{color:a}}),s().createElement("div",{className:"c-palette-builder__source-item-picker",onClick:function(e){e.stopPropagation()}},s().createElement(Ne,{color:a,onChange:function(e){f(e),i(e)}}),s().createElement("input",{type:"text",value:u,onChange:function(e){var t=e.target.value;f(t),ae().valid(t)&&1===ae()(t).alpha()&&i(ae()(t).hex())}})))},Re=["showPicker"];function Fe(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Ue(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ue(Object(n),!0).forEach((function(t){Ve(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ue(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ve(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var qe=function(e){return JSON.parse(JSON.stringify(e))},$e=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{uid:"color_".concat((new Date).getTime()),showPicker:!0,label:e,value:"#111111"}},Ge=function(){return{uid:"color_group_".concat((new Date).getTime()),sources:[$e(styleManager.l10n.colorPalettes.sourceColorsDefaultLabel)]}},Ze=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=qe(e).map((function(e){return Be(Be({},e),{},{sources:e.sources.map((function(e){e.showPicker;return Fe(e,Re)}))})}));return n.splice(t+1,0,Ge()),n};function Je(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return We(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return We(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function We(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ye=function(e){var t=(0,l.useContext)(ee).config,n=B();return(0,l.useEffect)((function(){t.length?t.filter((function(e){return!!e.sources.length})).length||n([]):n(Ze(t))}),[t]),s().createElement("div",{className:"c-palette-builder__source-list"},t.map((function(e,t){return s().createElement(Xe,{key:e.uid,sources:e.sources,index:t})})))},Xe=function(e){var t=e.uid,n=e.sources,r=e.index,o={"--sm-source-main-color":n[0].value};return s().createElement("div",{key:t,className:"c-palette-builder__source-group",style:o},n.map((function(e,t){return s().createElement(Ke,{key:e.uid,groupIndex:r,index:t,color:e,showPicker:e.showPicker})})))},Ke=function(e){var t=e.color,n=e.index,r=e.groupIndex,o=Je((0,l.useState)(!1),2),a=o[0],i=o[1],c=Je((0,l.useState)(!1),2),u=c[0],f=c[1],d=Je((0,l.useState)(!1),2),v=d[0],p=d[1],m=Je((0,l.useState)(!1),2),h=m[0],y=m[1],g=Je((0,l.useState)(),2),_=g[0],b=g[1],w=(0,l.useContext)(ee).config,E=B(),x=Je(Z(),2),O=(x[0],x[1]),S=(0,l.useCallback)((function(e){var t=function(e,t,n,r){var o=qe(e);return o[t].sources[n]=Object.assign({},o[t].sources[n],r),o}(w,r,n,e);E(t),O("")}),[w,r,n]),k=[{label:"Interpolate Color",callback:(0,l.useCallback)((function(){E(function(e,t,n){var r=qe(e);return r[t].sources.splice(n+1,0,$e(styleManager.l10n.colorPalettes.sourceColorsDefaultLabel)),r}(w,r,n)),O("")}),[w,r,n])},{label:"Add Color",callback:(0,l.useCallback)((function(){E(Ze(w,r)),O("")}),[w,r])},{label:"Rename Color",callback:(0,l.useCallback)((function(){y(!0)}),[])},{label:"Remove Color",callback:(0,l.useCallback)((function(){E(function(e,t,n){var r=qe(e);return r[t].sources.splice(n,1),r[t].sources.length||r.splice(t,1),r}(w,r,n)),O("")}),[w,r,n]),className:"c-contextual-menu__list-item--danger"}],M=(0,l.useRef)(null),j=(0,l.useRef)(null);J(j,(function(){b(!1)})),(0,l.useEffect)((function(){void 0===_&&void 0!==e.showPicker&&b(e.showPicker)}),[_]),(0,l.useEffect)((function(){i(u||v)}),[u,v]),(0,l.useEffect)((function(){h&&M.current.focus()}),[h]);return s().createElement("div",{onMouseEnter:function(){f(!0)},onMouseLeave:function(){f(!1)},onClick:function(){b(!_)},ref:j,className:"c-palette-builder__source-item ".concat(a?"c-palette-builder__source-item--active":"")},s().createElement(De,{hex:t.value,onChange:function(e){S({value:e})},isOpen:_}),!h&&s().createElement("div",{className:"c-palette-builder__source-item-label"},t.label),h&&s().createElement("input",{type:"text",ref:M,value:t.label,className:"c-palette-builder__source-item-label",onChange:function(e){S({label:e.target.value})},onBlur:function(e){y(!1)}}),s().createElement(re,{actions:k,onToggle:p,onClick:function(e){e.stopPropagation(),b(!1)}}))},Qe=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.slice();if(!n.length)return"";for(;n.length<3;)n.push(n[0]);return n.reduce((function(e,n,r,o){var a=n.id,i=".sm-palette-".concat(a),c=".is-dark .sm-palette-".concat(a),l=".sm-palette-".concat(a,".sm-palette--shifted");return"1"===a.toString()&&(i="html, ".concat(i),c="html.is-dark, ".concat(c)),"\n      ".concat(e,"\n      ").concat(i," {\n      ").concat(et(n.variations,t-1),"\n      }\n      ").concat(c," {\n      ").concat(et(n.darkVariations,t-1),"\n      }\n      ").concat(l," {\n      ").concat(et(n.variations,n.sourceIndex),"\n      }\n    ")}),"")},et=function(e,t){return"\n        ".concat(e.reduce((function(n,r,o){return"\n            ".concat(n,"\n            ").concat(tt(e,o,t),"  \n        ")}),""),"\n        ")},tt=function(e,t,n){var r=e[(t+n)%12];return Object.keys(r).reduce((function(e,n){return"".concat(e,"\n    --sm-").concat(n,"-color-").concat(t+1,": ").concat(r[n],";")}),"")};function nt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return rt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const ot=function(e){var t="sm_site_color_variation",n=nt((0,l.useState)(""),2),r=n[0],o=n[1],a=(0,l.useCallback)((function(e){wp.customize("sm_advanced_palette_output",(function(t){var n=t(),r=JSON.parse(n);o(Qe(r,e))}))}),[]),i=(0,l.useCallback)((function(e){var n=JSON.parse(e);wp.customize(t,(function(e){var t=e();o(Qe(n,t))}))}),[]);return V("sm_advanced_palette_output",i),V(t,a),React.createElement("style",null,r)};var at=new(z())({id:"fine-tune-palette",use:"fine-tune-palette-usage",viewBox:"0 0 24 24",content:'<symbol viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="fine-tune-palette">\n<path d="M3 17V19H9V17H3ZM3 5V7H13V5H3ZM13 21V19H21V17H13V15H11V21H13ZM7 9V11H3V13H7V15H9V9H7ZM21 13V11H11V13H21ZM15 9H17V7H21V5H17V3H15V9Z" fill="#2F384C" />\n</symbol>'});T().add(at);const it=at;const ct=function(){var e=styleManager.l10n.colorPalettes.builderFineTuneColorsLabel,t='\n                <svg viewBox="'.concat(it.viewBox,'">\n                  <use xlink:href="#').concat(it.id,'" />\n                </svg>');return React.createElement(H,{currentSectionID:"sm_color_palettes_section",targetSectionID:"sm_fine_tune_color_palette_section",icon:t,label:e})};const lt=function(e,t){return(0,l.useEffect)((function(){return wp.customize.section(e,(function(e){e.expanded.bind(t)})),function(){wp.customize.section(e,(function(e){e.expanded.unbind(t)}))}}),[])};function st(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ut(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ut(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ft=function(e){var t=s().Children.toArray(e.children).filter((function(e){return e.type===dt})),n=t.findIndex((function(e){var t;return!(null==e||null===(t=e.props)||void 0===t||!t.open)})),r=st((0,l.useState)(n),2),o=r[0],a=r[1],i=(0,l.useCallback)((function(e){e||a(null)}),[]);return lt("sm_color_palettes_section",i),t.map((function(e,t){var n=e.props,r=n.title,i=n.children,c=o===t;return s().createElement("div",{className:"sm-blinds sm-blinds--".concat(c?"open":"closed"),key:t},s().createElement("div",{className:"sm-blinds__header",onClick:function(){a(o!==t?t:null)}},s().createElement("div",{className:"sm-blinds__title"},r),s().createElement("div",{className:"sm-blinds__toggle"})),s().createElement("div",{className:"sm-blinds__body"},c&&i))}))},dt=function(e){return null},vt=n(119),pt=function(e,t,n,r){var o=t.findIndex((function(t){return ae().contrast(t,e)>n}));if(o>-1)return t[o];if(r){var a=t.slice().sort((function(t,n){return ae().contrast(t,e)-ae().contrast(n,e)}));return a[a.length-1]}return!1},mt=function(e){return[1,.037,.016,.005].map((function(t){return yt(e,t)}))},ht=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return"maximum"===e.sm_elements_color_contrast?t?4.5:7:"average"===e.sm_elements_color_contrast?t?3:4.5:2.63},yt=function(e,t){var n=(0,vt.hexToHpluv)(e),r=Math.min(Math.max(n[0],0),360),o=Math.min(Math.max(n[1],0),100),a=Math.min(Math.max(n[2],0),100);return ae()((0,vt.hpluvToHex)([r,o,a])).luminance(t).hex()},gt=[0,.0335,.1046,.2594,.3975,.5356,.6151,.6904,.7657,.841,.9247,1],_t=function(){return["sm_color_grades_number","sm_potential_color_contrast","sm_color_grade_balancer","sm_site_color_variation","sm_elements_color_contrast","sm_color_promotion_brand","sm_color_promotion_white","sm_color_promotion_black"]};function bt(e){return function(e){if(Array.isArray(e))return wt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return wt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return wt(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function wt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Et(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Et(Object(n),!0).forEach((function(t){Ot(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Et(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ot(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var St,kt=xt({mode:"lch",bezierInterpolation:!1},(St={},["sm_color_grades_number","sm_potential_color_contrast","sm_color_grade_balancer","sm_site_color_variation","sm_elements_color_contrast","sm_color_promotion_brand","sm_color_promotion_white","sm_color_promotion_black"].forEach((function(e){var t=y(e);void 0!==t&&void 0!==t.default?St[e]=t.default:St[e]="#000"})),St)),Mt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign({},kt,t),r=Ft(e),o=e.concat(r);return o.map(Pt(n)).map(It).map(jt).map(Ht).map(Nt)},jt=function(e){var t,n=e.options,r=e.source,o=[];n.sm_color_promotion_brand&&o.push.apply(o,bt(r));var a=o.filter((function(e,t,n){return n.findIndex((function(t){return e===t}))===t}));return a.forEach((function(t){e.colors.sort((function(e,n){return ae().contrast(n,t)-ae().contrast(e,t)})),e.colors.pop()})),(t=e.colors).push.apply(t,bt(a)),e.colors.sort((function(e,t){return ae()(t).luminance()-ae()(e).luminance()})),e},Ht=function(e,t,n){var r=e.colors,o=e.darkColors,a=e.source,i=e.options,c=n.filter((function(t){var n="".concat(t.id);return"".concat(e.id)!==n&&"_"!==n.charAt(0)}));return e.variations=At(r,a,i,c),e.darkVariations=At(o,a,i,c),e},At=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=ae().scale(e).classes(e.length);return o.colors(12).map((function(o){return Ct(e,t,o,n,r)}))},zt=function(e){return 1===ae().contrast(e,"#FFFFFF")},Ct=function(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],a=ht(r),i=ht(r,!0),c=n,l=Tt(c,e,t,r),s=l&&!zt(l)?l:c,u=mt(s),f=pt(c,u,i,!0),d=u.filter((function(e){return e!==f||zt(e)})),v=pt(c,d,a,!0),p=v,m=ae().contrast(v,f)>=ht()?v:f,h={bg:c,accent:l||m,fg1:p,fg2:m};return o.forEach((function(e,t){var n="accent".concat(t+2),o=Tt(c,e.colors,e.source,r);h[n]=o||m})),h},Tt=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o="maximum"!==r.sm_elements_color_contrast?2.5:ht(r,!0),a=t.slice().map((function(e){return e}));return a.unshift.apply(a,bt(n)),pt(e,a,o)},Nt=function(e){var t=e.source,n=e.options,r=e.variations.map((function(e){return e.bg}));return xt({sourceIndex:Lt(t[0],r,n)},e)},Pt=function(e){return function(t,n){var r=t.sources,o=r.map((function(e){return e.value})),a=r[0],i=a.label;return{id:a.id||n+1,label:i,source:o,options:e,darkOptions:Object.assign({},e,{sm_potential_color_contrast:Math.min(.25,e.sm_potential_color_contrast),sm_color_grade_balancer:1,sm_color_grades_number:e.sm_color_grades_number,sm_color_promotion_brand:!0,sm_color_promotion_white:!1,sm_color_promotion_black:!0})}}},It=function(e){var t=e.options,n=e.darkOptions;return e.colors=Dt(e.source,t),e.darkColors=Dt(e.source,n),e},Lt=function(e,t){var n=t.map((function(e,t){return{color:e,index:t}}));return n.sort((function(t,n){return ae().contrast(t.color,e)-ae().contrast(n.color,e)})),n[0].index},Dt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=parseFloat(t.sm_potential_color_contrast),r=parseFloat(t.sm_color_grade_balancer),o=parseInt(t.sm_color_grades_number,10),a=(t.mode,t.bezierInterpolation,e.slice());t.sm_color_promotion_white&&a.unshift("#FFFFFF"),t.sm_color_promotion_black&&a.push("#000000"),a.sort((function(e,t){return ae()(t).luminance()-ae()(e).luminance()}));var i=ae().scale(a).correctLightness(),c=(1-n)*(.5*r+.5),l=(1-n)*(.5-.5*r);i.padding([c,l]);var s=gt.map((function(e){return i(e).hex()}));return ae().scale(s).colors(o)},Rt=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=ae()(e).get("hsl.s"),o=ae()(t).get("hsl.s"),a=r*(1-.8*n)+.8*o*n;return ae()(e).mix(t,.1*n).set("hsl.s",a).hex()},Ft=function(e){var t,n;if(null==e||!e.length||null===(t=e[0])||void 0===t||null===(n=t.sources)||void 0===n||!n.length)return[];var r=e[0].sources[0].value;return[{sources:[{value:Rt("#2E72D2",r),label:"Info",id:"_info"}]},{sources:[{value:Rt("#D82C0D",r),label:"Error",id:"_error"}]},{sources:[{value:Rt("#FFCC00",r,.5),label:"Warning",id:"_warning"}]},{sources:[{value:Rt("#00703c",r,.75),label:"Success",id:"_success"}]}]};function Ut(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Bt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Bt(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Bt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Vt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Vt(Object(n),!0).forEach((function(t){$t(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Vt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function $t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Gt=(0,l.createContext)(),Zt=function(e){var t=(0,l.useMemo)(_t,[]),n=(0,l.useRef)({});t.forEach((function(e){wp.customize(e,(function(t){n.current=qt(qt({},n.current),{},$t({},e,t()))})),V(e,(function(t){cancelIdleCallback(i),n.current=qt(qt({},n.current),{},$t({},e,t)),requestIdleCallback(i)}),[])}));var r=Ut((0,l.useState)(n.current),2),o=r[0],a=r[1],i=(0,l.useCallback)((function(){a(n.current)}),[o]);return s().createElement(Gt.Provider,{value:o},e.children)};const Jt=Gt;var Wt=["_uid"],Yt=["color","_uid"];function Xt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Kt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xt(Object(n),!0).forEach((function(t){Qt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Qt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function en(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var tn=function(e,t){var n=Math.max(0,Math.random()-Number.MIN_VALUE);return Math.floor(n*(t-e+1)+e)};const nn=function(e){var t=[1,1,2,2,4],n=Array.from(Array(5).keys()).map((function(e){var n=document.createElement("div"),r=tn(0,t.length-1),o=t[r];return t.splice(r,1),{index:e,element:n,width:o}}));n.sort((function(e,t){return e.width>t.width?-1:e.width<t.width?1:0}));var r=[Array.from(Array(10).keys())];return n.forEach((function(e){var t=Array.from(Array(r.length).keys()).filter((function(t){return r[t].length>=e.width})),n=t[tn(0,t.length-1)],o=r[n],a=tn(0,o.length-e.width),i=o[a];r.splice(n,1,o.slice(0,a),o.slice(a+e.width,o.length)),e.pos=i})),n};function rn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function on(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rn(Object(n),!0).forEach((function(t){an(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function an(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function cn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ln(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ln(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ln(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var sn=function(e){return Object.keys(e).filter((function(t){var n=e[t];return Array.isArray(n.color_groups)&&n.color_groups.length})).map((function(t){var n,r=e[t],o=r.color_groups.map((function(e){var t=e._uid,n=en(e,Wt),r=e.sources.map((function(e){var t=e.color,n=e._uid;return Kt(Kt({},en(e,Yt)),{},{uid:n,value:t})}));return r.sort((function(e,t){return e._priority-t._priority})),Kt(Kt({},n),{},{sources:r,uid:t})}));return o.sort((function(e,t){return e._priority-t._priority})),{uid:r.hashid,config:o,image:null==r||null===(n=r.preview)||void 0===n?void 0:n.background_image_url,quote:null==r?void 0:r.description}}))}(styleManager.colorPalettes.palettes),un=function(e){var t=e.preset,n=t.quote,r=t.image,o=t.uid,a=(0,l.useContext)(Jt),i=cn(Z(),2),c=i[0],u=i[1],f=B(),d=(0,l.useCallback)((function(e){f(e.config),u(e.uid)}),[]),v=(0,l.useMemo)((function(){return Mt(t.config,a).filter((function(e){return"_"!=="".concat(e.id).charAt(0)}))}),[t.config,a]),p=(0,l.useMemo)((function(){var e=v.reduce((function(e,t){return e.concat(t.source)}),[]),t=v.reduce((function(e,t){return e.concat(t.colors)}),[]);return t.sort((function(t,n){var r=21,o=21;return e.forEach((function(e){var a=chroma.distance(e,t),i=chroma.distance(e,n);r=a<r?a:r,o=i<o?i:o})),r-o})),t}),[v]),m=(0,l.useMemo)(nn,[]),h=(0,l.useMemo)((function(){return m.map((function(e,t){var n=Math.floor(Math.random()*p.length),r=t>p.length-1?p[n]:p[t];return on(on({},e),{},{color:r})}))}),[m,p]),y=(0,l.useMemo)((function(){return pt(p[0],["#FFFFFF","#000000"],4.5,!0)}),[v,p]);return s().createElement("div",{className:"sm-presets-list__item",onClick:function(){d(t)}},s().createElement("div",{className:"sm-presets-preview ".concat(o===c?"sm-presets-preview--active":""),style:{backgroundImage:"url(".concat(r,")")}},n&&s().createElement("div",{className:"sm-presets-preview__quote",style:{color:y}},n),s().createElement("div",{className:"sm-presets-preview__stripes"},h.map((function(e,t){return s().createElement("div",{key:t,className:"sm-presets-preview__stripe sm-presets-preview__stripe-w".concat(e.width," sm-presets-preview__stripe-p").concat(e.pos)},s().createElement("div",{className:"sm-presets-preview__pixel",style:{color:e.color}}))})))))};const fn=function(e){return s().createElement("div",{className:"sm-presets-list"},sn.map((function(e){return s().createElement(un,{preset:e,key:e.uid})})))};var dn=new(z())({id:"upload",use:"upload-usage",viewBox:"0 0 32 41",content:'<symbol viewBox="0 0 32 41" fill="none" xmlns="http://www.w3.org/2000/svg" id="upload">\n<path d="M20 0.869141H0V40.8691H32V12.8691L20 0.869141ZM18 26.8691V34.8691H14V26.8691H8L16.02 18.8691L24 26.8691H18ZM18 14.8691V3.86914L29 14.8691H18Z" fill="#0F376A" />\n</symbol>'});T().add(dn);const vn=dn;function pn(){return new Worker(n.p+"worker.js")}function mn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return hn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var yn=function(e,t){var n=ae()(e).luminance(),r=ae()(t).luminance();return Math.abs(n-r)>.3};const gn=function(e){var t=B(),n=mn((0,l.useState)(null),2),r=n[0],o=n[1],a=mn((0,l.useState)([]),2),i=(a[0],a[1]),c=(0,l.useRef)(null),u=(0,l.useRef)(null),f=(0,l.useRef)(null),d=(0,l.useRef)(null),v=(0,l.useMemo)((function(){var e=null;try{e=new pn}catch(e){}return e}),[]);if(!v)return null;if((0,l.useEffect)((function(){return v.onmessage=function(e){var n,r=["primary","secondary","tertiary","quinary","senary","septenary","octonary","nonary","denary"];if("palette"===e.data.type){var o=((n=e.data.colors).length>=3&&yn(n[0],n[1])&&yn(n[0],n[2])&&yn(n[1],n[2])?[n]:n.length>=2&&yn(n[0],n[1])?[[n[0],n[1]],[n[2]]]:n.length>=3&&yn(n[0],n[2])?[[n[0],n[2]],[n[1]]]:n.length>=3&&yn(n[0],n[2])?[[n[0]],[n[1],n[2]]]:[[n[0]],[n[1]],[n[2]]]).map((function(e,t){var n="Brand ".concat(r[t]);0===t&&(n=n.charAt(0).toUpperCase()+n.slice(1));var o=(new Date).getTime();return{uid:"color_group_".concat(o).concat(t),sources:e.map((function(e,r){return 0!==r&&(n=styleManager.l10n.colorPalettes.dropzoneInterpolatedColorLabel),{uid:"color_".concat(o).concat(t).concat(r),label:n,value:ae()(e).hex()}}))}}));t(o);var a={};a.palettes=Mt(o),i(getRandomStripes(a))}},function(){delete v.onmessage}}),[]),(0,l.useEffect)((function(){var e=c.current,t=u.current;if(FileReader&&r&&r.length){var n=new FileReader;n.onload=function(){e.src=n.result,t.src=n.result},n.readAsDataURL(r[0])}}),[r]),!v)return null;var p=(0,l.useCallback)((function(){var e=c.current,t=f.current,n=t.getContext("2d");t.width=Math.min(e.width,100),t.height=t.width*e.height/e.width,n.drawImage(e,0,0,t.width,t.height);var r=n.getImageData(0,0,t.width,t.height).data;v&&v.postMessage({type:"image",imageData:r,width:t.width,height:t.height})}),[c.current,f.current]);return s().createElement("div",{className:"dropzone"},s().createElement("div",{className:"customize-control-description"},styleManager.l10n.colorPalettes.dropzoneDesc),s().createElement("div",{className:"dropzone-container",onDragOver:function(e){e.preventDefault()},onDragEnter:function(e){e.preventDefault()},onDragLeave:function(e){e.preventDefault()},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.files;o(t)},onClick:function(){d.current.click()}},s().createElement("div",{className:"dropzone-placeholder"},s().createElement("div",{className:"dropzone-info"},s().createElement("div",{className:"dropzone-info-icon",dangerouslySetInnerHTML:{__html:'\n                <svg viewBox="'.concat(vn.viewBox,'">\n                  <use xlink:href="#').concat(vn.id,'" />\n                </svg>')}}),s().createElement("div",{className:"dropzone-info-title"},styleManager.l10n.colorPalettes.dropzoneTitle),s().createElement("div",{className:"dropzone-info-text",dangerouslySetInnerHTML:{__html:styleManager.l10n.colorPalettes.dropzoneSubtitle}}))),s().createElement("img",{alt:"Preview",className:"dropzone-image-preview",ref:u}),s().createElement("input",{type:"file",id:"file",ref:d,style:{display:"none"},onChange:function(e){o(e.target.files)}})),s().createElement("img",{alt:"Source",className:"dropzone-image-source",ref:c,onLoad:p}),s().createElement("canvas",{className:"dropzone-canvas",ref:f}))};var _n=(0,l.createContext)(),bn=function(e){var t=(0,l.useContext)(Jt),n=(0,l.useContext)(ee).config,r=(0,l.useMemo)((function(){return Mt(n,t)}),[n,t]);return React.createElement(_n.Provider,{value:r},e.children)};const wn=_n;const En=function(e){return React.createElement(Q,e,React.createElement(Zt,null,React.createElement(bn,null,e.children)))};var xn=function(){var e=(0,l.useContext)(wn);return(0,l.useEffect)((function(){wp.customize("sm_advanced_palette_output",(function(t){t.set(JSON.stringify(e))}))}),[e]),null},On=function(e){return s().createElement(En,e,s().createElement(xn,null),s().createElement(F,null),s().createElement("div",{className:"sm-group"},s().createElement("div",{className:"sm-group__body"},s().createElement(U,{label:styleManager.l10n.colorPalettes.builderBrandColorsLabel,description:styleManager.l10n.colorPalettes.builderBrandColorsDesc},s().createElement(Ye,null),s().createElement(ot,null)))),s().createElement(ct,null),s().createElement("div",{className:"sm-group"},s().createElement(ft,null,s().createElement(dt,{title:styleManager.l10n.colorPalettes.builderColorPresetsTitle,open:!0},s().createElement("div",{className:"customize-control-description"},styleManager.l10n.colorPalettes.builderColorPresetsDesc),s().createElement(fn,null)),s().createElement(dt,{title:styleManager.l10n.colorPalettes.builderImageExtractTitle},s().createElement(gn,null)))))};const Sn=function(e){var t=e.show;return s().createElement("div",{className:"sm-overlay sm-overlay--".concat(t?"visible":"hidden")},e.children)};var kn=n(184),Mn=n.n(kn),jn=n(824);function Hn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function An(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hn(Object(n),!0).forEach((function(t){zn(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function zn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Cn(){return Cn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Cn.apply(this,arguments)}function Tn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Nn(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Nn(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nn(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Pn=function(e){var t=e.isDark,n=Tn((0,l.useState)([]),2),r=n[0],o=n[1],a=Tn((0,l.useState)(null),2),i=a[0],c=a[1],u=(0,l.useMemo)((function(){return r.filter((function(e){var t=e.id;return!("string"==typeof t&&"_"===t.charAt(0))}))}),[r]);return(0,l.useEffect)((function(){wp.customize("sm_advanced_palette_output",(function(e){var t=e();o(JSON.parse(t))}))}),[]),(0,l.useEffect)((function(){u.length&&c(u[0].id)}),[u]),V("sm_advanced_palette_output",(function(e){o(JSON.parse(e))})),u.map((function(e,n){var r=0===n?styleManager.l10n.colorPalettes.palettePreviewListDesc:"";return s().createElement(In,{key:e.id,isActive:i===e.id,setActivePalette:c,palette:An({description:r},e),isDark:t})}))},In=function(e){var t=e.palette,n=e.isActive,r=e.setActivePalette,o=e.isDark,a=t.id,i=t.colors,c=t.sourceIndex,u=o?t.darkVariations:t.variations,f=Tn((0,l.useState)(c+1),2),d=f[0],v=f[1],p=wp.customize("sm_site_color_variation"),m=Tn((0,l.useState)(parseInt(p(),10)),2),h=m[0],y=m[1],g=(0,l.useCallback)((function(e){y(parseInt(e,10))}),[]);(0,l.useEffect)((function(){v(c+1)}),[i]),(0,l.useEffect)((function(){return p.bind(g),function(){p.unbind(g)}}),[]);var _=(0,l.useCallback)((function(e){return(e+h-1+12)%12}),[h]);return s().createElement("div",{className:"palette-preview sm-palette-".concat(a," ").concat(!1!==d?"sm-variation-".concat(d):"")},s().createElement("div",{className:"sm-overlay__wrap"},s().createElement("div",{className:"sm-overlay__container"},s().createElement("div",{className:"palette-preview-set"},u.map((function(e,o){var i=_(o),c=t.source.findIndex((function(e){return 0===ae().distance(u[i].bg,e)}))>-1&&u.findIndex((function(e){return 0===ae().distance(u[i].bg,e.bg)}))===i,l={isSource:c,showCard:n&&o+1===d};return s().createElement("div",{key:o+1,className:"palette-preview-swatches sm-variation-".concat(o+1),onMouseEnter:function(){r(a),v(o+1)}},s().createElement(Ln,l))}))))))},Ln=function(e){var t=e.isSource,n=e.showCard,r=Mn()("palette-preview-swatches__wrap",{"is-source":t,"show-card":n});return s().createElement("div",{className:r},s().createElement("div",{className:"palette-preview-swatches__wrap-surface"},s().createElement("div",{className:"palette-preview-swatches__text"},styleManager.l10n.colorPalettes.palettePreviewSwatchSurfaceText),s().createElement(Dn,null)),s().createElement("div",{className:"palette-preview-swatches__wrap-background",style:{color:"var(--sm-current-bg-color)"}}),s().createElement("div",{className:"palette-preview-swatches__wrap-accent",style:{color:"var(--sm-current-bg-color)"}},s().createElement("div",{className:"palette-preview-swatches__source-badge"}),s().createElement("div",{className:"palette-preview-swatches__text"},styleManager.l10n.colorPalettes.palettePreviewSwatchAccentText)),s().createElement("div",{className:"palette-preview-swatches__wrap-foreground",style:{color:"var(--sm-current-fg1-color)"}},s().createElement("div",{className:"palette-preview-swatches__text"},styleManager.l10n.colorPalettes.palettePreviewSwatchForegroundText)))},Dn=function(){return s().createElement("div",{className:"palette-preview-swatches__card"},s().createElement("div",{className:"palette-preview-swatches__card-content"},s().createElement("div",{className:"palette-preview-swatches__source-badge"}),s().createElement("div",{className:"palette-preview-swatches__title"},"Text"),s().createElement("div",{className:"palette-preview-swatches__body"},s().createElement("div",{className:"palette-preview-swatches__row"}),s().createElement("div",{className:"palette-preview-swatches__row"})),s().createElement("div",{className:"palette-preview-swatches__buttons"},s().createElement("div",{className:"palette-preview-swatches__button"},"→"),s().createElement("div",{className:"palette-preview-swatches__button  palette-preview-swatches__button--style-2"},"→"),s().createElement("div",{className:"palette-preview-swatches__button  palette-preview-swatches__button--style-3"},"→"))))};const Rn=function(e){var t=Tn((0,l.useState)(jn.default.isCompiledDark()),2),n=t[0],r=t[1];return(0,l.useEffect)((function(){return jn.default.bind(r),function(){jn.default.unbind(r)}}),[]),s().createElement("div",{className:"palette-preview-wrap ".concat(n?"is-dark":"")},s().createElement("div",{className:"palette-preview-header sm-palette-1 sm-palette--shifted sm-variation-1"},s().createElement("div",{className:"sm-overlay__wrap"},s().createElement("div",{className:"sm-overlay__container"},s().createElement("div",{className:"palette-preview-header-wrap"},s().createElement("h1",{className:"palette-preview-title"},styleManager.l10n.colorPalettes.palettePreviewTitle),s().createElement("p",{className:"palette-preview-description"},styleManager.l10n.colorPalettes.palettePreviewDesc))))),s().createElement(Pn,Cn({},e,{isDark:n})))};function Fn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Un(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Un(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Un(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const Bn=function(e){var t=e.show,n=wp.customize("sm_advanced_palette_output"),r=Fn((0,l.useState)(JSON.parse(n())),2),o=(r[0],r[1]),a=function(e){o(JSON.parse(e))};return(0,l.useEffect)((function(){return n.bind(a),function(){n.unbind(a)}}),[]),s().createElement(Sn,{show:t},s().createElement(Rn,null))};var Vn=function(e,t){return void 0===styleManager.config.settings[e]||void 0===styleManager.config.settings[e].fields[t]?!f().includes(["font-family","font-weight","font-style","line-height","text-align","text-transform","text-decoration"],t)&&"px":void 0!==styleManager.config.settings[e].fields[t].unit?!f().includes(["","false",!1],styleManager.config.settings[e].fields[t].unit)&&styleManager.config.settings[e].fields[t].unit:void 0!==styleManager.config.settings[e].fields[t][3]?!f().includes(["","false",!1],styleManager.config.settings[e].fields[t][3])&&styleManager.config.settings[e].fields[t][3]:"px"};function qn(e){return qn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qn(e)}var $n=function(e){return"string"==typeof e||"number"==typeof e?e=[e]:"object"===qn(e)&&(e=Object.values(e)),e};function Gn(e){return Gn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Gn(e)}var Zn=function(e,t,n){if(arguments.length<2||void 0===e||void 0===t)return null;if(""===e||!1===e||null===e)return!1;if("function"==typeof e||"object"===Gn(e)||"function"==typeof t||"object"===Gn(t))return{0:""};!0===e&&(e="1");var r=(t+="").split(e+="");return void 0===n?r:(0===n&&(n=1),n>0?n>=r.length?r:r.slice(0,n-1).concat([r.slice(n-1).join(e)]):-n>=r.length?[]:(r.splice(r.length+n),r))};function Jn(e){return Jn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Jn(e)}var Wn=function(e,t){var n="",r="",o="";if(1===arguments.length&&(t=e,e=""),"object"===Jn(t)){if("[object Array]"===Object.prototype.toString.call(t))return t.join(e);for(n in t)r+=o+t[n],o=e;return r}return t},Yn=function(e){if(f().isUndefined(e))return"";var t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",";return"object"===Gn(e)&&(e=$n(e)),Array.isArray(e)?e:("string"!=typeof e&&(e=String(e)),(e=e.trim()).length?-1===e.indexOf(t)?[e]:Zn(t,e):[])}(e);return t.length?(f().each(t,(function(e,n){""!==(e=(e=e.replace(new RegExp(/^\s*["'‘’“”]*\s*/),"")).replace(new RegExp(/\s*["'‘’“”]*\s*$/),""))?(-1!==e.indexOf(" ")&&(e='"'+e+'"'),t[n]=e):delete t[n]})),function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",";return"string"==typeof e||"number"==typeof e?String(e):("object"===Jn(e)&&(e=$n(e)),Array.isArray(e)?Wn(t,e):"")}(t)):""},Xn=function(e,t){var n={};if(void 0!==t.font_family&&!f().includes(["","false",!1],t.font_family)){if(n["font-family"]=t.font_family,-1===n["font-family"].indexOf(",")){var r=function(e){var t=t||parent.styleManager,n="",r=parent.sm.customizer.getFontDetails(e);if(void 0===r.fallback_stack||f().isEmpty(r.fallback_stack)){if(void 0!==r.category&&!f().isEmpty(r.category)){var o=r.category;void 0!==t.fonts.categories[o]?n=void 0!==t.fonts.categories[o].fallback_stack?t.fonts.categories[o].fallback_stack:"":f().find(t.fonts.categories,(function(e){return void 0!==e.aliases&&-1!==maybeImplodeList(e.aliases).indexOf(o)&&(n=void 0!==e.fallback_stack?e.fallback_stack:"",!0)}))}}else n=r.fallback_stack;return n}(n["font-family"]);r.length&&(n["font-family"]+=","+r)}n["font-family"]=Yn(n["font-family"])}if(void 0!==t.font_variant&&!f().includes(["","false",!1],t.font_variant)){var o=t.font_variant;f().isString(o)?(-1!==o.indexOf("italic")?(n["font-style"]="italic",o=o.replace("italic","")):-1!==o.indexOf("oblique")&&(n["font-style"]="oblique",o=o.replace("oblique","")),""!==o&&("regular"!==o&&"normal"!==o||(o="400"),n["font-weight"]=o)):f().isNumber(o)&&(n["font-weight"]=String(o))}if(void 0!==t.font_size&&!f().includes(["","false",!1],t.font_size)){var a=!1;n["font-size"]=t.font_size,isNaN(t.font_size)&&void 0!==t.font_size.value?(n["font-size"]=t.font_size.value,void 0!==t.font_size.unit&&(a=t.font_size.unit)):a=Vn(e,"font-size"),!1!==a&&(n["font-size"]+=a)}if(void 0!==t.letter_spacing&&!f().includes(["","false",!1],t.letter_spacing)){var i=!1;n["letter-spacing"]=t.letter_spacing,isNaN(t.letter_spacing)&&void 0!==t.letter_spacing.value?(n["letter-spacing"]=t.letter_spacing.value,void 0!==t.letter_spacing.unit&&(i=t.letter_spacing.unit)):i=Vn(e,"letter-spacing"),!1!==i&&(n["letter-spacing"]+=i)}if(void 0!==t.line_height&&!f().includes(["","false",!1],t.line_height)){var c=!1;n["line-height"]=t.line_height,isNaN(t.line_height)&&void 0!==t.line_height.value?(n["line-height"]=t.line_height.value,"undefined"!==!!t.line_height.unit&&(c=t.line_height.unit)):c=Vn(e,"line-height"),!1!==c&&(n["line-height"]+=c)}return void 0===t.text_align||f().includes(["","false",!1],t.text_align)||(n["text-align"]=t.text_align),void 0===t.text_transform||f().includes(["","false",!1],t.text_transform)||(n["text-transform"]=t.text_transform),void 0===t.text_decoration||f().includes(["","false",!1],t.text_decoration)||(n["text-decoration"]=t.text_decoration),n};function Kn(e){return Kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Kn(e)}var Qn,er,tr,nr,rr=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r={value:!1,unit:!1};if(_.isUndefined(e)||_.includes(["","false",!1],e))return r;if(isNaN(e)){if(void 0!==e.value)r.value=e.value,void 0!==e.unit&&(r.unit=e.unit);else if(void 0!==e[0])r.value=e[0],void 0!==e[1]&&(r.unit=e[1]);else if("string"==typeof e){var a=e.match(/^([\d.\-+]+)(.+)/i);null!==a&&void 0!==a[1]?(r.value=a[1],_.isEmpty(a[2])||(r.unit=a[2])):r.value=e}}else r.value=e;if(!1!==t&&(!1===r.unit||_.isEmpty(r.unit))){var i="",c=o()(t);n?_.isEmpty(c.data("value_unit"))?_.isEmpty(c.attr("unit"))||(i=c.attr("unit")):i=c.data("value_unit"):_.isEmpty(c.attr("unit"))?_.isEmpty(c.data("value_unit"))||(i=c.data("value_unit")):i=c.attr("unit"),r.unit=i}return isNaN(r.value)||(r.value=parseFloat(r.value)),r},or=function(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n},ar=(Qn=function(){var e=styleManager.fontPalettes.masterSettingIds,t=e.reduce((function(e,t){return e.concat([t,"".concat(t,"_elevation"),"".concat(t,"_pitch")])}),[]);k(t),e.forEach((function(e){var t="".concat(e,"_elevation"),n="".concat(e,"_pitch");wp.customize(e,(function(r){var o=r();b(e,(function(t){o=t,function(e,t){var n,r=r||parent.styleManager;if(window.fontsCache=null!==(n=window.fontsCache)&&void 0!==n?n:[],void 0!==e.font_family){var o=r.config.settings[t],a=e.font_family,i=parent.sm.customizer.determineFontType(a);if("system_font"!==i){var c=parent.sm.customizer.getFontDetails(a,i);if("theme_font"===i||"cloud_font"===i){if(void 0===Kn(c.src))return;var l=void 0===e.font_variant||void 0!==o.fields["font-weight"].loadAllVariants&&o.fields["font-weight"].loadAllVariants||void 0===c.variants||!f().includes(c.variants,e.font_variant)?void 0!==c.variants?c.variants:[]:e.font_variant;f().isEmpty(l)||(l=$n(l),f().isEmpty(l)||(a=a+":"+l.map((function(e){return parent.sm.customizer.convertFontVariantToFVD(e)})).join(","))),-1===window.fontsCache.indexOf(a)&&(WebFont.load({custom:{families:[a],urls:[c.src]},classes:!1,events:!1}),window.fontsCache.push(a))}else if("google_font"===i){var s=void 0===e.font_variant||void 0!==o.fields["font-weight"].loadAllVariants&&o.fields["font-weight"].loadAllVariants||void 0===c.variants||!f().includes(c.variants,e.font_variant)?void 0!==c.variants?c.variants:[]:e.font_variant;f().isEmpty(s)||(s=$n(s),f().isEmpty(s)||(a=a+":"+s.join(","))),-1===window.fontsCache.indexOf(a)&&(WebFont.load({google:{families:[a]},classes:!1,events:!1}),window.fontsCache.push(a))}}}}(t,e),cr(e,o)})),r.bind(g(e)),wp.customize(t,(function(r){wp.customize(n,(function(a){r(),a(),b(t,(function(t){cr(e,o)})),b(n,(function(t){cr(e,o)})),r.bind(g(t)),a.bind(g(n))}))}))}))}))},er=30,function(){var e=this,t=arguments,n=function(){nr=null,tr||Qn.apply(e,t)},r=tr&&!nr;clearTimeout(nr),nr=setTimeout(n,er),r&&Qn.apply(e,t)}),ir=function(e,t,n){var r={};return void 0!==n.reset?y(e).default:void 0===n.font_family?null:(wp.customize(e,(function(o){var a=function(e){var t=y(e).connected_fields||[],n=Number.MAX_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER,o=!1,a=!1,i=!0;return t.forEach((function(e){var t="".concat(styleManager.config.options_name,"[").concat(e,"]");wp.customize(t,(function(e){var c,l,s,u,f=y(t),d=(e(),null==f||null===(c=f.default)||void 0===c||null===(l=c.font_size)||void 0===l?void 0:l.value),v=null==f||null===(s=f.default)||void 0===s||null===(u=s.font_size)||void 0===u?void 0:u.unit;a?v&&v!==o&&(i=!1):v&&(o=v,a=!0),n=d<n?d:n,r=d>r?d:r}))})),!(!i||n===Number.MAX_SAFE_INTEGER||r===Number.MIN_SAFE_INTEGER||n>r)&&[n,r]}(t),i=o();r.font_family=n.font_family,r.font_size=rr(i.font_size);var c=lr(t);if(c){var l,s,u=y(e),f=null==u||null===(l=u.default)||void 0===l||null===(s=l.font_size)||void 0===s?void 0:s.value;ur(r,f,a,c)}vr(r,n.font_size_multiplier),fr(r,n,i),dr(r,n)})),r)},cr=function(e,t){y(e).connected_fields.forEach((function(n){var r="".concat(styleManager.config.options_name,"[").concat(n,"]");wp.customize(r,(function(n){var o=ir(r,e,t);n.set(o)}))}))},lr=function(e){var t;return wp.customize("".concat(e,"_elevation"),(function(n){wp.customize("".concat(e,"_pitch"),(function(r){var o=parseInt(n(),10),a=parseInt(r(),10);t=sr(e,o,a)}))})),t},sr=function(e,t,n){var r={sm_font_primary:[16,200],sm_font_secondary:[12,36],sm_font_body:[14,32]}[e],o=r[0]+(r[1]-r[0])*(t/100)*.5;return[o,o+(r[1]-o)*n/100]},ur=function(e,t,n,r){if(n){var o=n,a=r;if(Array.isArray(o)&&Array.isArray(a)&&t)if(o[1]===o[0])e.font_size.value=Math.max(a[0],Math.min(a[1],t));else{var i=(t-o[0])*(a[1]-a[0])/(o[1]-o[0])+a[0];e.font_size.value=Math.round(10*i)/10}}},fr=function(e,t){if(Array.isArray(t.font_styles_intervals)&&t.font_styles_intervals.length>0){for(var n=0;n<t.font_styles_intervals.length-1&&void 0!==t.font_styles_intervals[n].end&&t.font_styles_intervals[n].end<=e.font_size.value;)n++;_.isEmpty(t.font_styles_intervals[n].font_variant)||(e.font_variant=t.font_styles_intervals[n].font_variant),_.isEmpty(t.font_styles_intervals[n].letter_spacing)||(e.letter_spacing=rr(t.font_styles_intervals[n].letter_spacing)),_.isEmpty(t.font_styles_intervals[n].text_transform)||(e.text_transform=t.font_styles_intervals[n].text_transform),vr(e,t.font_styles_intervals[n].font_size_multiplier)}},dr=function(e,t){if(Array.isArray(t.font_size_to_line_height_points)){var n=regression.logarithmic(t.font_size_to_line_height_points,{precision:styleManager.fonts.floatPrecision}).predict(e.font_size.value)[1];e.line_height=rr(n)}},vr=function(e,t){if(void 0!==t){var n=parseFloat(t);n=n<=0?1:n,e.font_size.value=or(parseFloat(e.font_size.value)*n,styleManager.fonts.floatPrecision)}};const pr=[{children:"Display Heading",id:"display_font"},{children:"Main Heading One",id:"heading_1_font"},{children:"Secondary Heading",id:"heading_2_font"},{children:"Heading Three",id:"heading_3_font"},{children:"Heading Four",id:"heading_4_font"},{children:"Heading Five & Six",id:"heading_5_font"},{children:React.createElement(l.Fragment,null,React.createElement("div",{className:"wp-container-62179af27eb4e wp-block-buttons",style:{display:"flex",gap:"2em",flexWrap:"wrap",alignItems:"center"}},React.createElement("div",{className:"wp-block-button"},React.createElement("a",{className:"wp-block-button__link"},"Primary Button")),React.createElement("div",{className:"wp-block-button is-style-secondary"},React.createElement("a",{className:"wp-block-button__link"},"Secondary")),React.createElement("div",{className:"wp-block-button is-style-text"},React.createElement("a",{className:"wp-block-button__link"},"Text Button")))),id:"buttons_font"},{children:"Opening paragraphs often deserve some form of decorative type treatment to help draw the reader in. These special type treatments serve to mark a clear beginning to an article.",id:"lead_font"},{children:React.createElement(l.Fragment,null,React.createElement("p",null,"Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don’t want huge gaps all down your page."),React.createElement("p",null,"Typography is more than just what fonts you use. Typography is everything that has to do with how the text looks—such as font size, line length, color, and even more subtle things like the whitespace around a text. Good typography sets the tone of your written message and helps to reinforce its meaning and context.")),id:"body_font"},{children:React.createElement(l.Fragment,null,React.createElement("h2",null,"Discover our story")),id:"accent_font"},{children:"Navigation Items",id:"navigation_font"},{children:"Input Text",id:"input_font"},{children:"Meta Details",id:"meta_font"}];function mr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return hr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return hr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function hr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function yr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gr(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yr(Object(n),!0).forEach((function(t){_r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yr(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function _r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var br=function(){styleManager.fontPalettes.masterSettingIds;return React.createElement("div",{className:"sm-typography-preview"},React.createElement(wr,{name:"category",isHead:!0,key:"typography_preview_category"},styleManager.l10n.colorPalettes.typographyPreviewHeadCategoryLabel),React.createElement(wr,{name:"preview",isHead:!0,key:"typography_preview_preview"},styleManager.l10n.colorPalettes.typographyPreviewHeadPreviewLabel),React.createElement(wr,{name:"size",isHead:!0,key:"typography_preview_size"},styleManager.l10n.colorPalettes.typographyPreviewHeadSizeLabel),pr.map((function(e,t){var n="sm-typography-preview__separator",r=[n];return 0===t&&r.push("".concat(n,"--head")),React.createElement(l.Fragment,{key:"typography_preview_element_"+t},React.createElement("div",{className:r.join("  ")}),React.createElement(xr,e))})))},wr=function(e){var t=e.isHead,n=e.name,r=e.children,o=e.id,a="sm-typography-preview__cell",i=[a,"".concat(a,"--").concat(n),o];return t&&i.push("".concat(a,"--head")),React.createElement("div",{className:i.join("  ")},r)},Er=function(e){return Object.keys(e).reduce((function(t,n){var r="".concat(e[n]),o="font-size"===n?"".concat(r,"px"):r;return gr(gr({},t),{},_r({},n,o))}),{})},xr=function(e){var t=e.children,n=e.id,r=mr((0,l.useState)(null),2),o=r[0],a=r[1],i=mr((0,l.useState)(null),2),c=i[0],s=i[1],u=y("sm_fonts_connected_fields_preset"),d=(0,l.useMemo)((function(){return"".concat(styleManager.config.options_name,"[").concat(n,"]")}),[n]),v=mr((0,l.useState)({}),2),p=v[0],m=v[1],h=(0,l.useCallback)((function(e){var t=u.choices[e].config;Object.keys(t).forEach((function(e){t[e].some((function(e){return e.includes(n)}))&&s(e)}))}),[]),g=(0,l.useCallback)((function(){wp.customize(c,(function(e){var t=e(),n={};wp.customize(d,(function(e){var t=e(),r=Xn(d,t),o=Er(r);Object.assign(n,o)})),wp.customize("".concat(c,"_elevation"),(function(e){wp.customize("".concat(c,"_pitch"),(function(r){e(),r();var o,i=ir(d,c,t),l=Xn(d,i),s=Er(l);a(parseInt(null==i||null===(o=i.font_size)||void 0===o?void 0:o.value,10)),Object.assign(n,s)}))})),"sm_font_accent"===c&&Object.assign(n,{"font-size":"60px"}),m(n)}))}),[c]);(0,l.useEffect)((function(){styleManager.fontPalettes.masterSettingIds.forEach((function(e){S(e).some((function(e){return e.includes(n)}))&&s(e)}))}),[n]),(0,l.useEffect)((function(){wp.customize("sm_fonts_connected_fields_preset",(function(e){var t=e();h(t)}))}),[]),V("sm_fonts_connected_fields_preset",h,[]),V(d,g,[c]),(0,l.useEffect)(g,[c]);var _={};return Object.keys(p).map((function(e){var t=f().camelCase(e);_[t]=p[e]})),React.createElement(l.Fragment,null,React.createElement(wr,{name:"category"},React.createElement(Or,{id:c})),React.createElement(wr,{name:"preview",id:n},React.createElement("div",{style:_},t)),React.createElement(wr,{name:"size"},isNaN(o)?null:o))},Or=function(e){var t=e.id,n=[{id:"sm_font_primary",label:styleManager.l10n.colorPalettes.typographyPreviewPrimaryShortLabel},{id:"sm_font_secondary",label:styleManager.l10n.colorPalettes.typographyPreviewSecondaryShortLabel},{id:"sm_font_body",label:styleManager.l10n.colorPalettes.typographyPreviewBodyShortLabel},{id:"sm_font_accent",label:styleManager.l10n.colorPalettes.typographyPreviewAccentShortLabel}].find((function(e){return e.id===t}));return n?React.createElement("span",{className:t},n.label):null};const Sr=function(e){var t=e.show;return React.createElement(Sn,{show:t},React.createElement(br,{key:"overlay_typography_preview"}))};function kr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Mr(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mr(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Mr(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const jr=function(e){var t=kr((0,l.useState)("site"),2),n=t[0],r=t[1],o=wp.customize.previewedDevice.get(),a=kr((0,l.useState)("desktop"===o),2),i=a[0],c=a[1],u=(0,l.useRef)(),f=(0,l.useRef)(),d=[{id:"site",label:styleManager.l10n.colorPalettes.previewTabLiveSiteLabel},{id:"typography",label:styleManager.l10n.colorPalettes.previewTabTypographyLabel,callback:function(){wp.customize.section("sm_font_palettes_section",(function(e){}))}},{id:"colors",label:styleManager.l10n.colorPalettes.previewTabColorSystemLabel,callback:function(){wp.customize.section("sm_color_palettes_section",(function(e){}))}}];return wp.customize.section("sm_color_palettes_section",(function(e){(0,l.useEffect)((function(){var t=function(e){};return e.expanded.bind(t),function(){e.expanded.unbind(t)}}))})),(0,l.useEffect)((function(){var e,t,n,r=null===(e=window)||void 0===e||null===(t=e.sm)||void 0===t||null===(n=t.customizer)||void 0===n?void 0:n.resizer;if(r){var o=f.current.offsetHeight,a=getComputedStyle(u.current,null),i=parseFloat(a.left.replace("px","")),c=parseFloat(a.right.replace("px",""));r.setOffset({top:o,right:c,bottom:0,left:i}),r.resize()}}),[]),(0,l.useEffect)((function(){var e=function(e){c("desktop"===e)};return wp.customize.previewedDevice.bind(e),function(){wp.customize.previewedDevice.unbind(e)}}),[]),s().createElement("div",{className:"sm-preview ".concat(i?"sm-preview--visible":""),ref:u},s().createElement("div",{className:"sm-preview__header",ref:f},s().createElement("div",{className:"sm-preview__tabs"},d.map((function(e){var t=n===e.id,o="function"==typeof e.callback?e.callback:function(){};return s().createElement("div",{key:e.id,className:"sm-preview__tab ".concat(t?"sm-preview__tab--active":""),onClick:function(){r(e.id),o()}},e.label)})))),s().createElement("div",{className:"sm-preview__content"},s().createElement(Bn,{show:"colors"===n}),s().createElement(Sr,{show:"typography"===n})))};var Hr=function(){!function(e){var t="customize-control-".concat(e,"_control"),n=document.getElementById(t);if(n){var r=document.createElement("DIV");Array.from(n.children).forEach((function(e){e.style.display="none"})),n.insertBefore(r,n.firstChild),i().render(React.createElement(On,{sourceSettingID:e}),r)}}("sm_advanced_palette_source"),wp.customize("sm_coloration_level",(function(e){e.bind(L)})),c("customize-control-sm_coloration_level_control",I),wp.customize.bind("ready",(function(){wp.customize.panel("style_manager_panel",(function(e){wp.customize.section("sm_color_palettes_section",(function(t){wp.customize.previewer.bind("ready",(function(){var t=document.querySelector("#customize-preview iframe");if(t){var n=document.createElement("div");t.insertAdjacentElement("beforebegin",n),i().render(React.createElement(jr,{smPanel:e}),n)}}))}))}))}))},Ar=function(e){return zr(e).find(".style-manager_font_values").data("customize-setting-link")},zr=function(e){return e.closest(".font-options__wrapper")},Cr={},Tr={},Nr=function(e){return!!Cr[e]},Pr=function(e){return!!Tr[e]},Ir=function(e,t){Tr[e]=t},Lr=function(e,t){Cr[e]=t},Dr=function(e){var t="system_font";return void 0!==styleManager.fonts.third_party_fonts[e]?t="third_party_font":void 0!==styleManager.fonts.cloud_fonts[e]?t="cloud_font":void 0!==styleManager.fonts.theme_fonts[e]?t="theme_font":void 0!==styleManager.fonts.google_fonts[e]&&(t="google_font"),t},Rr=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];switch(!1===t&&(t=Dr(e)),t){case"theme_font":return styleManager.fonts.theme_fonts[e];case"cloud_font":return styleManager.fonts.cloud_fonts[e];case"google_font":return styleManager.fonts.google_fonts[e];case"system_font":if(void 0!==styleManager.fonts.system_fonts[e])return styleManager.fonts.system_fonts[e];break;case"third_party_font":if(void 0!==styleManager.fonts.third_party_fonts[e])return styleManager.fonts.third_party_fonts[e]}return!1},Fr=function(e,t){if(!Pr(t)&&!Nr(t)){Lr(t,!0);var n=e.find(".font-options__options-list").find("[data-value_entry]"),r={};wp.customize(t,(function(e){r=o().extend(!0,{},e()),n.each((function(e,t){var n=o()(t),a=n.data("value_entry"),i=n.val();if(!_.isUndefined(a)&&!n.data("disabled")&&(n.data("touched")||_.isUndefined(r[a]))){if("font_family"===a){var c=o()(t.options[t.selectedIndex]).data("src");c?r.src=c:delete r.src}_.isUndefined(i)||_.isNull(i)||""===i?delete r[a]:(_.includes(["letter_spacing","line_height","font_size"],a)&&(i=rr(i,t,!1)),r[a]=i)}})),delete r.variants,delete r.subsets;var t=Rr(r.font_family);void 0!==r.font_variant&&void 0!==t.variants&&Object.keys(t.variants).length>0?(r.font_variant=String(r.font_variant),_.includes(t.variants,r.font_variant)||delete r.font_variant):delete r.font_variant,e.set(r)})),Lr(t,!1)}},Ur=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e.data("touched",!1),e.on("input change",Br),!0===t&&e.select2()},Br=function(e,t){var n=o()(e.target);if("style-manager"!==t){var r=zr(n),a=Ar(n);n.data("touched",!0),Fr(r,a)}},Vr=function(){wp.customize("sm_fonts_connected_fields_preset",(function(e){var t=styleManager.fontPalettes.masterSettingIds,n=y("sm_fonts_connected_fields_preset"),r=e(),o=function(e){var t=n.choices[e].config;Object.keys(t).forEach((function(e){var n=y(e);!function(e,t){styleManager.config.settings[e]=t}(e,Object.assign({},n,{connected_fields:t[e]}))}))};o(r),e.bind((function(e){o(e),ar(),t.forEach((function(e){wp.customize(e,(function(e){var t=e();e.callbacks.fireWith(e,[t,t])}))}))}))})),wp.customize("sm_font_sizing",(function(e){var t={smallest:{sm_font_primary:[0,34],sm_font_secondary:[5,30],sm_font_body:[0,10]},smaller:{sm_font_primary:[6,40],sm_font_secondary:[16,16],sm_font_body:[0,45]},normal:{sm_font_primary:[7,80],sm_font_secondary:[24,16],sm_font_body:[24,45]},larger:{sm_font_primary:[12,100],sm_font_secondary:[20,30],sm_font_body:[50,30]},largest:{sm_font_primary:[18,100],sm_font_secondary:[20,45],sm_font_body:[70,30]}};e.bind((function(e){var n=t[e];n&&Object.keys(n).forEach((function(e){wp.customize("".concat(e,"_elevation"),(function(t){wp.customize("".concat(e,"_pitch"),(function(r){t.set(n[e][0]),r.set(n[e][1])}))}))}))}))}))},qr=function(e){var t=styleManager.l10n.colorPalettes.builderFineTuneTypographyLabel,n='\n                <svg viewBox="'.concat(it.viewBox,'">\n                  <use xlink:href="#').concat(it.id,'" />\n                </svg>');return React.createElement(H,{currentSectionID:"sm_font_palettes_section",targetSectionID:"sm_fine_tune_font_palette_section",icon:n,label:t})},$r=function(e){var t="".concat(styleManager.config.options_name,"[fonts_section]"),n=styleManager.l10n.colorPalettes.builderFineTuneTypographyLabel,r='\n                <svg viewBox="'.concat(it.viewBox,'">\n                  <use xlink:href="#').concat(it.id,'" />\n                </svg>');return React.createElement(H,{currentSectionID:"sm_fine_tune_font_palette_section",targetSectionID:t,icon:r,label:n})},Gr=".font-options__wrapper",Zr=function(){var e;o()(Gr).each((function(e,t){var n=o()(t);Jr(n),Wr(n)})),window.addEventListener("pageshow",(function(){!function(){if("undefined"==typeof WebFont){var e=document.createElement("script");e.src=parent.styleManager.config.webfontloader_url,e.type="text/javascript";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}()})),(e=o()(".js-font-option-toggle")).on("click",(function(t){e.not(t.target).prop("checked",!1)})),o()("#customize-controls .customize-panel-back, #customize-controls .customize-section-back").on("click",(function(){e.prop("checked",!1)})),Vr(),c("customize-control-sm_font_sizing_control",qr),c("customize-control-sm_fonts_connected_fields_preset_control",$r),ar()},Jr=function(e){var t=e.find(".style-manager_font_family"),n=styleManager.l10n.fonts.familyPlaceholderText;Yr(t),t.select2({placeholder:n}),t.on("change",Xr),Kr(t)},Wr=function(e){var t=e.find(".style-manager_font_weight"),n=e.find("select").not("select[class*=' select2'],select[class^='select2']"),r=e.find('input[type="range"]');Ur(t,!0),Ur(n,!1),Ur(r,!1)},Yr=function(e){var t=wp.customize.settings.google_fonts_opts,n=e.find(".google-fonts-opts-placeholder").first();if(void 0!==t&&n.length){n.replaceWith(t);var r=e.data("active_font_family");void 0!==r&&e.val(r)}},Xr=function(e){var t=e.target.value,n=o()(e.target),r=n.closest(Gr),a=Rr(t);!function(e,t){var n=t.find(".font-options__head .font-options__font-title"),r=e.family;"string"==typeof e.family_display&&e.family_display.length&&(r=e.family_display),o()(n).html(r)}(a,r),function(e,t){var n=void 0!==e.variants?e.variants:[],r=t.find(".style-manager_font_weight"),a=r.val()?r.val():"",i=[];if(r.val(null).empty(),r.hasClass("select2-hidden-accessible")&&r.select2("destroy"),r.data("touched",!1),void 0===n||Object.keys(n).length<2)return r.parent().hide(),r.parent().prev("label").hide(),void r.data("disabled",!0);var c=styleManager.l10n.fonts.variantAutoText;i.push({id:"",text:c}),o().each(n,(function(e,t){var n={id:t,text:t};a==t&&(n.selected=!0),i.push(n)})),requestIdleCallback((function(){r.select2({data:i}),r.parent().show(),r.parent().prev("label").show(),r.data("disabled",!1)}))}(a,r),"undefined"!=typeof who&&"style-manager"===who||(o()(e.target).data("touched",!0),Fr(r,Ar(n)))},Kr=function(e){var t=e.closest(Gr),n=Ar(e);wp.customize(n,(function(e){e.bind((function(e,r){Pr(n)||function(e,t,n){Nr(n)||(Ir(n,!0),o()(e).find(".font-options__options-list").find("[data-value_entry]").each((function(e,n){var r=o()(n),a=r.data("value_entry");if(void 0!==a&&""!==a&&void 0!==t[a]){if(_.includes(["letter_spacing","line_height","font_size"],a)){var i=rr(t[a],n);""!==i.unit&&(r.data("value_unit",i.unit),_.isEmpty(r.attr("unit"))&&r.attr("unit",i.unit));var c=r.attr("unit").trim().toLowerCase(),l=r.data("value_unit").trim().toLowerCase();c!=l&&(_.includes(["em","rem"],l)&&"px"===c?i.value=or(16*i.value,styleManager.fonts.floatPrecision):_.includes(["em","rem"],c)&&"px"===l&&(i.value=or(i.value/16,styleManager.fonts.floatPrecision))),r.attr("min")&&r.attr("min")>i.value&&r.attr("min",i.value),r.attr("max")&&r.attr("max")<i.value&&r.attr("max",i.value),r.val(i.value)}else r.val(t[a]);r.data("touched",!1),r.trigger("input",["style-manager"]),r.trigger("change",["style-manager"])}})),Ir(n,!1))}(t,e,n)}))}))},Qr=function(e){o().each(e,(function(e,t){wp.customize(e,(function(e){e.set(t)}))}))},eo={top:0,right:0,bottom:0,left:0};wp.customize.bind("ready",(function(){to({top:10,right:10,bottom:10,left:10}),no(),window.addEventListener("resize",no),wp.customize.previewedDevice.bind(no),wp.customize.previewer.bind("synced",(function(){window.requestAnimationFrame(no)}));var e=document.querySelector(".collapse-sidebar");e&&e.addEventListener("click",(function(){setTimeout(no,300)}))}));var to=function(e){eo=Object.assign({},e)},no=function(){var e=document.querySelector(".wp-full-overlay");if(e){var t=e.querySelector("iframe"),n=wp.customize.previewedDevice.get();if(t&&(t.style.removeProperty("width"),t.style.removeProperty("height"),t.style.removeProperty("transform-origin"),t.style.removeProperty("transform"),t.style.removeProperty("margin-top"),t.style.removeProperty("margin-left"),"desktop"===n)){var r=window.innerWidth,o=(window.innerHeight,e.offsetWidth),a=e.offsetHeight,i=o>720&&o<1100,c=a,l=a-eo.top-eo.bottom,s=i?r:o,u=o-eo.left-eo.right,f=s/u,d=c/l,v=Math.max(f,d);t.style.width="".concat(u*v,"px"),t.style.height="".concat(l*v,"px"),t.style.transformOrigin="left top",t.style.transform="scale( ".concat(1/v," )"),t.style.marginTop="".concat(eo.top,"px"),t.style.marginLeft="".concat(eo.left,"px")}}},ro=function(e){var t=o()(e),n=t.find("option"),r=o()('<div class="style-manager-color-select">'),a=t.data("customize-setting-link"),i=o()('<div class="style-manager-color-select__option-list">');n.each((function(e,t){var n=o()(t),r=n.text(),a=n.attr("value"),c=o()('<div class="style-manager-color-select__option-label">'),l=o()('<div class="style-manager-color-select__option">');c.text(r).appendTo(l),l.data("value",a).appendTo(i),l.addClass("style-manager-color-select__option--"+a)})),i.appendTo(r);var c=r.find(".style-manager-color-select__option");function l(e){var t=c.filter((function(t,n){return o()(n).data("value")===e}));t.length&&(c.removeClass("style-manager-color-select__option--selected"),t.addClass("style-manager-color-select__option--selected"))}c.each((function(e,n){var r=o()(n),a=r.data("value");r.on("click",(function(){t.val(a).change()}))})),r.insertBefore(t),t.hide(),wp.customize(a,(function(e){l(e()),e.bind(l)}))};function oo(e){var t,n=o()(e.target),r=n.data("source");"keyup"===e.type&&13!==e.keyCode||e.target.value!==r.val()&&(!function(e){var t=e.attr("min"),n=e.attr("max"),r=e.val();if(void 0!==t&&parseFloat(t)>parseFloat(r))return!1;if(void 0!==n&&parseFloat(n)<parseFloat(r))return!1;return!0}(n)?(n.val(r.val()),(t=n).addClass("input-shake input-error"),t.one("animationend",(function(){t.removeClass("input-shake input-error")}))):r.val(n.val()).trigger("change"))}var ao=function(e){var t=Array.from(e.querySelectorAll("[data-customize-setting-link]"));if(t.length){var n=t[0].getAttribute("data-customize-setting-link");wp.customize(n,(function(e){var n=function(){var n,r=e(),o=t.find((function(e){return"custom"===e.value})),a=t.find((function(e){return e.value===r})),i=JSON.parse(null==a||null===(n=a.dataset)||void 0===n?void 0:n.options);if(!o||!i)return!1;Object.keys(i).every((function(e){var t=!0;return wp.customize(e,(function(n){t=i[e]===n()})),t}))||e.set("custom")},r=[];t.forEach((function(e){var t=JSON.parse(e.dataset.options);Object.keys(t).forEach((function(e){-1===r.indexOf(e)&&r.push(e)}))}));e.bind((function(e){if("custom"!==e){r.forEach((function(e){wp.customize(e,(function(e){e.unbind(n)}))}));var o=t.find((function(t){return t.value===e})),a=JSON.parse(o.dataset.options);Object.keys(a).forEach((function(e){wp.customize(e,(function(t){t.set(a[e])}))})),r.forEach((function(e){wp.customize(e,(function(e){e.bind(n)}))}))}}))}))}},io=function(e,t){var n=api(e),r=$('[data-customize-setting-link="'+e+'"]'),o=$(r).parent().attr("class");if(_.isUndefined(o)||"font-options__wrapper"!==o)n.set(t);else if(_.isString(t))n.set({font_family:t});else if(_.isObject(t)){var a={};_.each(t,(function(e,t){var n=t;switch(t){case"font-family":n="font_family";break;case"font-size":n="font_size";break;case"font-weight":n="font_variant";break;case"letter-spacing":n="letter_spacing";break;case"text-transform":n="text_transform"}a[n]=e})),n.set(a)}},co=function(){var e=o()(document);o()('button[data-action="reset_style_manager"]').length>0&&(o()(".panel-meta").each((function(e,t){var n=o()(t),r=n.parents(".control-panel").attr("id");if(void 0!==r){r=(r=r.replace("sub-accordion-panel-","")).replace("accordion-panel-","");var a=o()('<li class="customize-control customize-control-reset"></li>');o()('<button class="button js-reset-panel" data-panel="'+r+'"></button>').text(styleManager.l10n.panelResetButton).appendTo(a),n.parent().append(a)}})),o()(".accordion-section-content").each((function(e,t){var n=o()(this),r=n.attr("id");if(!_.isUndefined(r)&&-1!==r.indexOf(styleManager.config.options_name)){var a=r.replace("sub-accordion-section-",""),i=o()('<button class="button js-reset-section" data-section="'+a+'"></button>'),c=o()('<li class="customize-control customize-control-reset"></li>');i.text(styleManager.l10n.sectionResetButton),c.append(i),n.append(c)}})),e.on("click",".js-reset-panel",so),e.on("click",".js-reset-section",uo),e.on("click","#customize-control-reset_style_manager button",lo))};function lo(e){e.preventDefault(),confirm(styleManager.l10n.resetGlobalConfirmMessage)&&(o().each(api.settings.controls,(function(e,t){var n=e.replace("_control",""),r=styleManager.config.settings[n];_.isUndefined(r)||_.isUndefined(r.default)||io(n,r.default)})),api.previewer.save())}function so(e){e.preventDefault();var t=o()(this).data("panel"),n=api.panel(t).sections();confirm(styleManager.l10n.resetPanelConfirmMessage)&&n.length>0&&o().each(n,(function(){var e=this.controls();e.length>0&&o().each(e,(function(e,t){var n=t.id.replace("_control",""),r=styleManager.config.settings[n];_.isUndefined(r)||_.isUndefined(r.default)||io(n,r.default)}))}))}function uo(e){e.preventDefault();var t=o()(this).data("section"),n=api.section(t).controls();confirm(styleManager.l10n.resetSectionConfirmMessage)&&n.length>0&&o().each(n,(function(e,t){var n=t.id.replace("_control",""),r=styleManager.config.settings[n];_.isUndefined(r)||_.isUndefined(r.default)||io(n,r.default)}))}var fo=function(e){var t,n="n";switch(-1!==(e=String(e)).indexOf("italic")?(n="i",e=e.replace("italic","")):-1!==e.indexOf("oblique")&&(n="o",e=e.replace("oblique","")),e){case"100":t="1";break;case"200":t="2";break;case"300":t="3";break;case"500":t="5";break;case"600":t="6";break;case"700":case"bold":t="7";break;case"800":t="8";break;case"900":t="9";break;default:t="4"}return n+t},vo=function(e,t){if(Array.isArray(e)&&e.length){var n=e.filter((function(e){return 0!==e.id.toString().indexOf("_")})).length;if(n<t)for(var r=0;r<t-n;r++){var o=JSON.parse(JSON.stringify(e[0]));o.id=n+r+1,e.splice(n+r,0,o)}}};wp.customize.bind("ready",(function(){m();var e,t=h();!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:M;e.forEach((function(e){wp.customize(e,(function(n){b(e,(function(n){S(e).forEach((function(e){wp.customize(e,(function(e){e.set(t(n))}))}))})),n.bind(g(e))}))}))}(Object.keys(t)),co(),e=['.accordion-section-content[id*="'.concat(styleManager.config.options_name,'"]'),"#sub-accordion-section-sm_color_palettes_section","#sub-accordion-section-sm_color_usage_section","#sub-accordion-section-sm_spacing_section","#sub-accordion-section-sm_fine_tune_color_palette_section","#sub-accordion-section-sm_fine_tune_font_palette_section"].join(", "),o()(e).each((function(e,t){o()(t).find('input[type="range"]').each((function(e,t){var n=o()(t),r=n.data("customize-setting-link"),a=n.clone();a.attr("type","text").attr("class","range-value").removeAttr("data-value_entry"),a.data("source",n),n.first().attr("id")&&a.attr("id",n.first().attr("id")+"_number"),a.insertAfter(n),wp.customize(r,(function(e){e.bind((function(e){a.val(e)}))})),r||n.on("input",(function(e){a.val(e.target.value)})),a.on("blur keyup",oo)}))})),o()(".js-color-select").each((function(e,t){ro(t)})),o()(".sm-tabs").each((function(e,t){var n=o()(t),r=n.closest(".control-section"),a=n.children(".sm-tabs__item"),i=a.map((function(e,t){var n=o()(t).data("target");return"sm-view-".concat(n)})).toArray().join(" ");function c(e){var t=e.data("target");a.removeClass("sm-tabs__item--active"),e.addClass("sm-tabs__item--active"),r.removeClass(i).addClass("sm-view-".concat(t))}n.on("click",".sm-tabs__item",(function(e){e.preventDefault(),c(o()(this))})),c(a.first())})),Array.from(document.querySelectorAll(".js-style-manager-preset")).forEach((function(e){e.classList.contains("radio")&&ao(e)})),setTimeout((function(){!function(){if(!_.isUndefined(styleManager.config)&&!_.isUndefined(styleManager.config.settings)){o().fn.reactor.defaults.compliant=function(){o()(this).slideDown(),o()(this).find(":disabled").attr({disabled:!1})},o().fn.reactor.defaults.uncompliant=function(){o()(this).slideUp(),o()(this).find(":enabled").attr({disabled:!0})};var e=o().extend({},o().fn.reactor.helpers),t=function(t,n,r){var a=null;if(_.isString(n))a=n;else if(_.isUndefined(n.id)){if(!_.isString(n[0]))return;a=n[0]}else a=n.id;var i=1,c=[0,1],l=styleManager.config.options_name+"["+a+"]",s=styleManager.config.settings[l].type;_.isUndefined(n.value)?_.isUndefined(n[1])||_.isString(n[1])||(i=n[1]):i=n.value,_.isUndefined(n.between)||(c=n.between);var u='[data-customize-setting-link="'+styleManager.config.options_name+"["+a+']"]';switch(s){case"checkbox":o()(t).reactIf(u,(function(){return o()(this).is(":checked")==i}));break;case"radio":case"sm_radio":case"sm_switch":case"radio_image":case"radio_html":_.isObject(i)?(i=_.toArray(i),o()(t).reactIf(u,(function(){return-1!==i.indexOf(o()(u+":checked").val())}))):o()(t).reactIf(u,(function(){return o()(u+":checked").val()==i}));break;case"range":var f=e.Between(c[0],c[1]);o()(t).reactIf(u,f);break;default:_.isObject(i)?(i=_.toArray(i),o()(t).reactIf(u,(function(){return-1!==i.indexOf(o()(u).val())}))):o()(t).reactIf(u,(function(){return o()(u).val()==i}))}o()(u).trigger("change",["style-manager"]),o()(".reactor").trigger("change.reactor")};o().each(styleManager.config.settings,(function(e,n){var r=e.replace("[","-");r="#customize-control-"+(r=r.replace("]",""))+"_control",n.hasOwnProperty("show_if")&&(_.isUndefined(n.show_if.relation)||(n.show_if.relation,delete n.show_if.relation),_.isUndefined(n.show_if.id)?_.isObject(n.show_if)&&o().each(n.show_if,(function(e,n){t(r,n)})):t(r,n.show_if))}))}}()}),1e3),o()(".style-manager_select2").select2(),Hr(),Zr(),o()(".js-font-palette").each((function(e,t){o()(t).find("label").on("click",(function(e){var t=o()(e.target).attr("for"),n=o()("#".concat(t)).data("fonts_logic");Qr(n)}))})),function(){var e=o()("#style-manager-user-feedback-modal");if(e.length){var t=e.find("form"),n=e.find(".close"),r=e.find(".first-step"),a=e.find(".second-step"),i=e.find(".thanks-step"),c=e.find(".error-step"),l=!1,s=!1,u=!1;wp.customize.bind("saved",(function(){l||!s&&!u||(o()("body").addClass("feedback-modal-open modal-open"),l=!0)})),wp.customize("sm_advanced_palette_output",(function(e){e.bind((function(e,t){e!=t&&(s=!0)}))})),wp.customize("sm_font_palette",(function(e){e.bind((function(e,t){e!=t&&(u=!0)}))})),t.on("submit",(function(e){e.preventDefault();var t=o()(e.target),n={action:"style_manager_user_feedback",nonce:styleManager.userFeedback.nonce,type:t.find("input[name=type]").val(),rating:t.find("input[name=rating]:checked").val(),message:t.find("textarea[name=message]").val()};o().post(styleManager.config.ajax_url,n,(function(e){!0===e.success?(r.hide(),a.hide(),i.show(),c.hide()):(r.hide(),a.hide(),i.hide(),c.show())}))})),t.find("input[name=rating]").on("change",(function(e){setTimeout((function(){a.show()}),300);var n=t.find("input[name=rating]:checked").val();t.find(".rating-placeholder").text(n)})),n.on("click",(function(e){e.preventDefault(),o()("body").removeClass("feedback-modal-open modal-open"),setTimeout((function(){r.show(),a.hide(),i.hide(),c.hide()}),300)}))}}()}))})(),(window.sm=window.sm||{}).customizer=r})();
+(()=>{var __webpack_modules__={"./src/_js/customizer/colors/apply-coloration-value-to-fields.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "applyColorationValueToFields": () => (/* binding */ applyColorationValueToFields)\n/* harmony export */ });\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global-service */ "./src/_js/customizer/global-service.js");\n\n\nvar applyColorationValueToFields = function applyColorationValueToFields(colorationLevel) {\n  var defaultColorationLevel = _global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig(\'sm_coloration_level\')["default"];\n  var isDefaultColoration = colorationLevel === defaultColorationLevel;\n  var settings = _global_service__WEBPACK_IMPORTED_MODULE_0__.getSettings();\n  var value = parseInt(colorationLevel, 10);\n  var threshold = value < 50 ? 4 : value < 75 ? 3 : value < 100 ? 2 : 1;\n  Object.keys(settings).forEach(function (settingID) {\n    var config = (0,_global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig)(settingID);\n\n    if ((config === null || config === void 0 ? void 0 : config.type) === \'sm_toggle\' && typeof config.coloration !== \'undefined\') {\n      var coloration = config.coloration;\n      wp.customize(settingID, function (setting) {\n        setting.set(isDefaultColoration ? config["default"] : coloration >= threshold);\n      });\n    }\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/colors/apply-coloration-value-to-fields.js?')},"./src/_js/customizer/colors/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "initializeColors": () => (/* binding */ initializeColors)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/_js/customizer/utils/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components */ "./src/_js/customizer/components/colorize-elements-button/index.js");\n/* harmony import */ var _apply_coloration_value_to_fields__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./apply-coloration-value-to-fields */ "./src/_js/customizer/colors/apply-coloration-value-to-fields.js");\n/* harmony import */ var _initialize_palette_builder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./initialize-palette-builder */ "./src/_js/customizer/colors/initialize-palette-builder.js");\n/* harmony import */ var _initialize_color_palettes_preview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./initialize-color-palettes-preview */ "./src/_js/customizer/colors/initialize-color-palettes-preview.js");\n\n\n\n\n\nvar initializeColors = function initializeColors() {\n  (0,_initialize_palette_builder__WEBPACK_IMPORTED_MODULE_0__.initializePaletteBuilder)(\'sm_advanced_palette_source\', \'sm_advanced_palette_output\');\n  wp.customize(\'sm_coloration_level\', function (setting) {\n    setting.bind(_apply_coloration_value_to_fields__WEBPACK_IMPORTED_MODULE_1__.applyColorationValueToFields);\n  });\n  (0,_utils__WEBPACK_IMPORTED_MODULE_2__.insertShortcutAfter)(\'customize-control-sm_coloration_level_control\', _components__WEBPACK_IMPORTED_MODULE_3__["default"]);\n  (0,_initialize_color_palettes_preview__WEBPACK_IMPORTED_MODULE_4__.initializeColorPalettesPreview)();\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/colors/index.js?')},"./src/_js/customizer/colors/initialize-color-palettes-preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initializeColorPalettesPreview\": () => (/* binding */ initializeColorPalettesPreview)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components */ \"./src/_js/customizer/components/preview-tabs/index.js\");\n\n\nvar initializeColorPalettesPreview = function initializeColorPalettesPreview() {\n  wp.customize.bind('ready', function () {\n    wp.customize.panel('style_manager_panel', function (smPanel) {\n      wp.customize.section('sm_color_palettes_section', function (smColorsSection) {\n        wp.customize.previewer.bind('ready', function () {\n          var iframe = document.querySelector('#customize-preview iframe');\n\n          if (!iframe) {\n            return;\n          }\n\n          var smPreviewTabs = document.createElement('div');\n          iframe.insertAdjacentElement('beforebegin', smPreviewTabs);\n          react_dom__WEBPACK_IMPORTED_MODULE_0___default().render( /*#__PURE__*/React.createElement(_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n            smPanel: smPanel\n          }), smPreviewTabs);\n        });\n      });\n    });\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/colors/initialize-color-palettes-preview.js?")},"./src/_js/customizer/colors/initialize-palette-builder.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "initializePaletteBuilder": () => (/* binding */ initializePaletteBuilder)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ "react-dom");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components */ "./src/_js/customizer/components/builder/index.js");\n\n\nvar initializePaletteBuilder = function initializePaletteBuilder(sourceSettingID) {\n  var containerID = "customize-control-".concat(sourceSettingID, "_control");\n  var container = document.getElementById(containerID);\n\n  if (!container) {\n    return;\n  }\n\n  var target = document.createElement(\'DIV\');\n  Array.from(container.children).forEach(function (child) {\n    child.style.display = \'none\';\n  });\n  container.insertBefore(target, container.firstChild);\n  react_dom__WEBPACK_IMPORTED_MODULE_0___default().render( /*#__PURE__*/React.createElement(_components__WEBPACK_IMPORTED_MODULE_1__.Builder, {\n    sourceSettingID: sourceSettingID\n  }), target);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/colors/initialize-palette-builder.js?')},"./src/_js/customizer/components/accordion/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "Accordion": () => (/* binding */ Accordion),\n/* harmony export */   "AccordionSection": () => (/* binding */ AccordionSection)\n/* harmony export */ });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/accordion/style.scss");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-section-expand-callback.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nvar Accordion = function Accordion(props) {\n  var sections = react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(props.children).filter(function (child) {\n    return child.type === AccordionSection;\n  });\n  var open = sections.findIndex(function (section) {\n    var _section$props;\n\n    return !!(section !== null && section !== void 0 && (_section$props = section.props) !== null && _section$props !== void 0 && _section$props.open);\n  });\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(open),\n      _useState2 = _slicedToArray(_useState, 2),\n      active = _useState2[0],\n      setActive = _useState2[1]; // hide children when leaving panel to avoid useless re-renders\n\n\n  var callback = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (isExpanded) {\n    if (!isExpanded) {\n      setActive(null);\n    }\n  }, []);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(\'sm_color_palettes_section\', callback);\n  return sections.map(function (section, index) {\n    var _section$props2 = section.props,\n        title = _section$props2.title,\n        children = _section$props2.children;\n    var isOpen = active === index;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-blinds sm-blinds--".concat(isOpen ? \'open\' : \'closed\'),\n      key: index\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-blinds__header",\n      onClick: function onClick() {\n        setActive(active !== index ? index : null);\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-blinds__title"\n    }, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-blinds__toggle"\n    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-blinds__body"\n    }, isOpen && children));\n  });\n};\nvar AccordionSection = function AccordionSection(props) {\n  return null;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/accordion/index.js?')},"./src/_js/customizer/components/builder/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "Builder": () => (/* binding */ Builder)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/colors-usage-shortcut/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/control/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/source-colors/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/colors-style-tag/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/fine-tune-colors-shortcut/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/accordion/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/palette-list/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/dropzone/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/palettes-context/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/colors-master-provider/index.js");\n\n\n\n\nvar OutputUpdater = function OutputUpdater() {\n  var palettes = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components__WEBPACK_IMPORTED_MODULE_1__["default"]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    wp.customize(\'sm_advanced_palette_output\', function (setting) {\n      setting.set(JSON.stringify(palettes));\n    });\n  }, [palettes]);\n  return null;\n};\n\nvar Builder = function Builder(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__["default"], props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(OutputUpdater, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_3__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-group"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-group__body"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_4__["default"], {\n    label: styleManager.l10n.colorPalettes.builderBrandColorsLabel,\n    description: styleManager.l10n.colorPalettes.builderBrandColorsDesc\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_5__.SourceColors, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_6__["default"], null)))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_7__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-group"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_8__.Accordion, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_8__.AccordionSection, {\n    title: styleManager.l10n.colorPalettes.builderColorPresetsTitle,\n    open: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "customize-control-description"\n  }, styleManager.l10n.colorPalettes.builderColorPresetsDesc), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_9__["default"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_8__.AccordionSection, {\n    title: styleManager.l10n.colorPalettes.builderImageExtractTitle\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_10__["default"], null)))));\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/builder/index.js?')},"./src/_js/customizer/components/colorize-elements-button/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/customizer-shortcut/index.js");\n/* harmony import */ var _svg_colorize_elements_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../svg/colorize-elements.svg */ "./src/_js/customizer/svg/colorize-elements.svg");\n\n\n\n\n\nvar ColorizeElementsButton = function ColorizeElementsButton(props) {\n  var currentSectionID = \'sm_color_usage_section\';\n  var targetSectionID = "".concat(styleManager.config.options_name, "[colors_section]");\n  var label = styleManager.l10n.colorPalettes.colorizeElementsPanelLabel;\n  var icon = "\\n                <svg viewBox=\\"".concat(_svg_colorize_elements_svg__WEBPACK_IMPORTED_MODULE_1__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_colorize_elements_svg__WEBPACK_IMPORTED_MODULE_1__["default"].id, "\\" />\\n                </svg>");\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_index__WEBPACK_IMPORTED_MODULE_2__["default"], {\n    currentSectionID: currentSectionID,\n    targetSectionID: targetSectionID,\n    icon: icon,\n    label: label\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorizeElementsButton);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colorize-elements-button/index.js?')},"./src/_js/customizer/components/colors-master-provider/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _config_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config-context */ "./src/_js/customizer/components/config-context/index.js");\n/* harmony import */ var _options_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../options-context */ "./src/_js/customizer/components/options-context/index.js");\n/* harmony import */ var _palettes_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../palettes-context */ "./src/_js/customizer/components/palettes-context/index.js");\n\n\n\n\nvar ColorsMasterProvider = function ColorsMasterProvider(props) {\n  return /*#__PURE__*/React.createElement(_config_context__WEBPACK_IMPORTED_MODULE_0__.ConfigProvider, props, /*#__PURE__*/React.createElement(_options_context__WEBPACK_IMPORTED_MODULE_1__.OptionsProvider, null, /*#__PURE__*/React.createElement(_palettes_context__WEBPACK_IMPORTED_MODULE_2__.PalettesProvider, null, props.children)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorsMasterProvider);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-master-provider/index.js?')},"./src/_js/customizer/components/colors-overlay/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/overlay/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/colors-preview/index.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar ColorsOverlay = function ColorsOverlay(props) {\n  var show = props.show;\n  var setting = wp.customize(\'sm_advanced_palette_output\');\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(JSON.parse(setting())),\n      _useState2 = _slicedToArray(_useState, 2),\n      palettes = _useState2[0],\n      setPalettes = _useState2[1];\n\n  var changeListener = function changeListener(newValue) {\n    setPalettes(JSON.parse(newValue));\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    // Attach the listeners on component mount.\n    setting.bind(changeListener); // Detach the listeners on component unmount.\n\n    return function () {\n      setting.unbind(changeListener);\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_1__["default"], {\n    show: show\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__["default"], null));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorsOverlay);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-overlay/index.js?')},"./src/_js/customizer/components/colors-preview/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! chroma-js */ "chroma-js");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _dark_mode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../dark-mode */ "./src/_js/dark-mode/index.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/colors-preview/style.scss");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar ColorsPreview = function ColorsPreview(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(_dark_mode__WEBPACK_IMPORTED_MODULE_4__["default"].isCompiledDark()),\n      _useState2 = _slicedToArray(_useState, 2),\n      isDark = _useState2[0],\n      setDark = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    _dark_mode__WEBPACK_IMPORTED_MODULE_4__["default"].bind(setDark);\n    return function () {\n      _dark_mode__WEBPACK_IMPORTED_MODULE_4__["default"].unbind(setDark);\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-wrap ".concat(isDark ? \'is-dark\' : \'\')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-header sm-palette-1 sm-palette--shifted sm-variation-1"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "sm-overlay__wrap"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "sm-overlay__container"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-header-wrap"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("h1", {\n    className: "palette-preview-title"\n  }, styleManager.l10n.colorPalettes.palettePreviewTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("p", {\n    className: "palette-preview-description"\n  }, styleManager.l10n.colorPalettes.palettePreviewDesc))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PalettePreviewList, _extends({}, props, {\n    isDark: isDark\n  })));\n};\n\nvar PalettePreviewList = function PalettePreviewList(props) {\n  var isDark = props.isDark;\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]),\n      _useState4 = _slicedToArray(_useState3, 2),\n      palettes = _useState4[0],\n      setPalettes = _useState4[1];\n\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null),\n      _useState6 = _slicedToArray(_useState5, 2),\n      active = _useState6[0],\n      setActive = _useState6[1];\n\n  var userPalettes = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n    return palettes.filter(function (palette) {\n      var id = palette.id;\n      return !(typeof id === \'string\' && id.charAt(0) === \'_\');\n    });\n  }, [palettes]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    wp.customize(\'sm_advanced_palette_output\', function (setting) {\n      var value = setting();\n      setPalettes(JSON.parse(value));\n    });\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    if (userPalettes.length) {\n      setActive(userPalettes[0].id);\n    }\n  }, [userPalettes]);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__["default"])(\'sm_advanced_palette_output\', function (newValue) {\n    setPalettes(JSON.parse(newValue));\n  });\n  return userPalettes.map(function (palette, index) {\n    var description = index === 0 ? styleManager.l10n.colorPalettes.palettePreviewListDesc : \'\';\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PalettePreview, {\n      key: palette.id,\n      isActive: active === palette.id,\n      setActivePalette: setActive,\n      palette: _objectSpread({\n        description: description\n      }, palette),\n      isDark: isDark\n    });\n  });\n};\n\nvar PalettePreview = function PalettePreview(props) {\n  var palette = props.palette,\n      isActive = props.isActive,\n      setActivePalette = props.setActivePalette,\n      isDark = props.isDark;\n  var id = palette.id,\n      colors = palette.colors,\n      sourceIndex = palette.sourceIndex;\n  var variations = isDark ? palette.darkVariations : palette.variations;\n\n  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(sourceIndex + 1),\n      _useState8 = _slicedToArray(_useState7, 2),\n      lastHover = _useState8[0],\n      setLastHover = _useState8[1];\n\n  var siteVariationSetting = wp.customize(\'sm_site_color_variation\');\n\n  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(parseInt(siteVariationSetting(), 10)),\n      _useState10 = _slicedToArray(_useState9, 2),\n      siteVariation = _useState10[0],\n      setSiteVariation = _useState10[1];\n\n  var onSiteVariationChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (newValue) {\n    setSiteVariation(parseInt(newValue, 10));\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    setLastHover(sourceIndex + 1);\n  }, [colors]);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    // Attach the listeners on component mount.\n    siteVariationSetting.bind(onSiteVariationChange); // Detach the listeners on component unmount.\n\n    return function () {\n      siteVariationSetting.unbind(onSiteVariationChange);\n    };\n  }, []);\n  var normalize = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (index) {\n    return (index + siteVariation - 1 + 12) % 12;\n  }, [siteVariation]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview sm-palette-".concat(id, " ").concat(lastHover !== false ? "sm-variation-".concat(lastHover) : \'\')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "sm-overlay__wrap"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "sm-overlay__container"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-set"\n  }, variations.map(function (variation, index) {\n    var workingIndex = normalize(index);\n    var isSource = palette.source.findIndex(function (hex) {\n      return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().distance(variations[workingIndex].bg, hex) === 0;\n    }) > -1 && variations.findIndex(function (v) {\n      return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().distance(variations[workingIndex].bg, v.bg) === 0;\n    }) === workingIndex;\n    var passedProps = {\n      isSource: isSource,\n      showCard: isActive && index + 1 === lastHover\n    };\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n      key: index + 1,\n      className: "palette-preview-swatches sm-variation-".concat(index + 1),\n      onMouseEnter: function onMouseEnter() {\n        setActivePalette(id);\n        setLastHover(index + 1);\n      }\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PalettePreviewGrade, passedProps));\n  })))));\n};\n\nvar getStarVariation = function getStarVariation(variation) {\n  return (variation + 6 - 1) % 12 + 1;\n};\n\nvar PalettePreviewGrade = function PalettePreviewGrade(props) {\n  var isSource = props.isSource,\n      showCard = props.showCard;\n  var className = classnames__WEBPACK_IMPORTED_MODULE_0___default()(\'palette-preview-swatches__wrap\', {\n    \'is-source\': isSource,\n    \'show-card\': showCard\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__wrap-surface"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__text"\n  }, styleManager.l10n.colorPalettes.palettePreviewSwatchSurfaceText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PalettePreviewGradeCard, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__wrap-background",\n    style: {\n      color: \'var(--sm-current-bg-color)\'\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__wrap-accent",\n    style: {\n      color: \'var(--sm-current-bg-color)\'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__source-badge"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__text"\n  }, styleManager.l10n.colorPalettes.palettePreviewSwatchAccentText)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__wrap-foreground",\n    style: {\n      color: \'var(--sm-current-fg1-color)\'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__text"\n  }, styleManager.l10n.colorPalettes.palettePreviewSwatchForegroundText)));\n};\n\nvar PalettePreviewGradeCard = function PalettePreviewGradeCard() {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__card"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__card-content"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__source-badge"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__title"\n  }, "Text"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__body"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__row"\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__row"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__buttons"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__button"\n  }, "\\u2192"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__button  palette-preview-swatches__button--style-2"\n  }, "\\u2192"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "palette-preview-swatches__button  palette-preview-swatches__button--style-3"\n  }, "\\u2192"))));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorsPreview);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-preview/index.js?')},"./src/_js/customizer/components/colors-style-tag/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/get-css-from-palettes.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nvar ColorsStyleTag = function ColorsStyleTag(props) {\n  var siteVariationSettingID = \'sm_site_color_variation\';\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(\'\'),\n      _useState2 = _slicedToArray(_useState, 2),\n      CSS = _useState2[0],\n      setCSS = _useState2[1];\n\n  var onSiteVariationChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newVariation) {\n    wp.customize(\'sm_advanced_palette_output\', function (setting) {\n      var output = setting();\n      var palettes = JSON.parse(output);\n      setCSS((0,_utils__WEBPACK_IMPORTED_MODULE_1__.getCSSFromPalettes)(palettes, newVariation));\n    });\n  }, []);\n  var onOutputChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    var palettes = JSON.parse(newValue);\n    wp.customize(siteVariationSettingID, function (setting) {\n      var variation = setting();\n      setCSS((0,_utils__WEBPACK_IMPORTED_MODULE_1__.getCSSFromPalettes)(palettes, variation));\n    });\n  }, []);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(\'sm_advanced_palette_output\', onOutputChange);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(siteVariationSettingID, onSiteVariationChange);\n  return /*#__PURE__*/React.createElement("style", null, CSS);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorsStyleTag);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-style-tag/index.js?')},"./src/_js/customizer/components/colors-usage-shortcut/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _svg_customize_colors_usage_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../svg/customize-colors-usage.svg */ "./src/_js/customizer/svg/customize-colors-usage.svg");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/customizer-shortcut/index.js");\n\n\n\n\n\nvar ColorsUsageShortcut = function ColorsUsageShortcut() {\n  var currentSectionID = \'sm_color_palettes_section\';\n  var targetSectionID = \'sm_color_usage_section\';\n  var label = styleManager.l10n.colorPalettes.builderColorUsagePanelLabel;\n  var icon = "\\n                <svg viewBox=\\"".concat(_svg_customize_colors_usage_svg__WEBPACK_IMPORTED_MODULE_0__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_customize_colors_usage_svg__WEBPACK_IMPORTED_MODULE_0__["default"].id, "\\" />\\n                </svg>");\n  return /*#__PURE__*/React.createElement(_index__WEBPACK_IMPORTED_MODULE_1__["default"], {\n    currentSectionID: currentSectionID,\n    targetSectionID: targetSectionID,\n    icon: icon,\n    label: label\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorsUsageShortcut);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-usage-shortcut/index.js?')},"./src/_js/customizer/components/config-context/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "ConfigProvider": () => (/* binding */ ConfigProvider),\n/* harmony export */   "withConfigProvider": () => (/* binding */ withConfigProvider),\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/get-colors-from-input-value.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nvar ConfigContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)();\n\nvar useConfig = function useConfig(sourceSettingID) {\n  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    var sourceSetting = wp.customize(sourceSettingID);\n\n    if (sourceSetting) {\n      var sourceSettingValue = sourceSetting();\n      return (0,_utils__WEBPACK_IMPORTED_MODULE_1__.getColorsFromInputValue)(sourceSettingValue);\n    }\n\n    return [];\n  }, []);\n};\n\nvar ConfigProvider = function ConfigProvider(props) {\n  var sourceSettingID = props.sourceSettingID;\n  var initialConfig = useConfig(sourceSettingID);\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialConfig),\n      _useState2 = _slicedToArray(_useState, 2),\n      config = _useState2[0],\n      setConfig = _useState2[1];\n\n  var onSourceChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    var newConfig = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.getColorsFromInputValue)(newValue);\n    setConfig(newConfig);\n  }, []);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(sourceSettingID, onSourceChange);\n  var providerValue = {\n    config: config,\n    sourceSettingID: sourceSettingID\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ConfigContext.Provider, {\n    value: providerValue\n  }, props.children);\n};\nvar withConfigProvider = function withConfigProvider(Component) {\n  return function (props) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ConfigProvider, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, props));\n  };\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConfigContext);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/config-context/index.js?')},"./src/_js/customizer/components/contextual-menu/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/contextual-menu/style.scss");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-outside-click.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar ContextualMenu = function ContextualMenu(props) {\n  var actions = props.actions;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      isOpen = _useState2[0],\n      setIsOpen = _useState2[1];\n\n  var onToggle = typeof props.onToggle === \'function\' ? props.onToggle : function (isOpen) {};\n  var onClick = typeof props.onClick === \'function\' ? props.onClick : function (event) {\n    event.stopPropagation();\n  };\n  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n    onToggle(isOpen);\n  }, [isOpen]);\n  var ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(ref, function () {\n    setIsOpen(false);\n  });\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    onClick: onClick,\n    ref: ref,\n    className: "c-contextual-menu c-contextual-menu--".concat(isOpen ? \'visible\' : \'hidden\')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("button", {\n    className: "c-contextual-menu__toggle",\n    onClick: function onClick(e) {\n      e.preventDefault();\n      setIsOpen(!isOpen);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, "Toggle Menu")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "c-contextual-menu__list"\n  }, actions.map(function (_ref, index) {\n    var label = _ref.label,\n        callback = _ref.callback,\n        className = _ref.className;\n\n    var onClick = function onClick(e) {\n      e.preventDefault();\n      setIsOpen(false);\n      callback();\n    };\n\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      key: index,\n      className: "c-contextual-menu__list-item ".concat(className),\n      onClick: onClick\n    }, label);\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContextualMenu);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/contextual-menu/index.js?')},"./src/_js/customizer/components/control/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar Control = function Control(props) {\n  var label = props.label,\n      description = props.description,\n      children = props.children;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-control"\n  }, label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-control__header"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-control__label"\n  }, label)), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-control__body"\n  }, children), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-control__footer"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "description customize-control-description sm-control__description",\n    dangerouslySetInnerHTML: {\n      __html: description\n    }\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Control);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/control/index.js?')},"./src/_js/customizer/components/customizer-shortcut/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../global-service */ "./src/_js/customizer/global-service.js");\n/* harmony import */ var _hooks_use_pop_from_back_array__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/use-pop-from-back-array */ "./src/_js/customizer/hooks/use-pop-from-back-array.js");\n\n\n\n\nvar CustomizerShortcut = function CustomizerShortcut(props) {\n  var targetSectionID = props.targetSectionID,\n      currentSectionID = props.currentSectionID,\n      icon = props.icon,\n      label = props.label;\n  var onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    if (!currentSectionID) {\n      return;\n    }\n\n    wp.customize.section(targetSectionID, function (section) {\n      (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.pushToBackArray)(section, currentSectionID);\n    });\n  }, [currentSectionID]);\n  (0,_hooks_use_pop_from_back_array__WEBPACK_IMPORTED_MODULE_2__["default"])(targetSectionID);\n  return /*#__PURE__*/React.createElement("div", {\n    className: "sm-group"\n  }, /*#__PURE__*/React.createElement("div", {\n    className: "sm-panel-toggle",\n    onClick: onClick\n  }, icon && /*#__PURE__*/React.createElement("div", {\n    className: "sm-panel-toggle__icon",\n    dangerouslySetInnerHTML: {\n      __html: icon\n    }\n  }), label && /*#__PURE__*/React.createElement("div", {\n    className: "sm-panel-toggle__label"\n  }, label)));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomizerShortcut);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/customizer-shortcut/index.js?')},"./src/_js/customizer/components/dropzone/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/dropzone/style.scss");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! chroma-js */ "chroma-js");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _svg_upload_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../svg/upload.svg */ "./src/_js/customizer/svg/upload.svg");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/get-palettes-from-colors.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-update-source-setting.js");\n/* harmony import */ var worker_loader_worker_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! worker-loader!./worker.js */ "./node_modules/worker-loader/dist/cjs.js!./src/_js/customizer/components/dropzone/worker.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\nvar canInterpolate = function canInterpolate(color1, color2) {\n  var luminance1 = chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(color1).luminance();\n  var luminance2 = chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(color2).luminance();\n  return Math.abs(luminance1 - luminance2) > 0.3;\n};\n\nvar maybeInterpolateColors = function maybeInterpolateColors(colors) {\n  if (colors.length >= 3 && canInterpolate(colors[0], colors[1]) && canInterpolate(colors[0], colors[2]) && canInterpolate(colors[1], colors[2])) {\n    return [colors];\n  }\n\n  if (colors.length >= 2 && canInterpolate(colors[0], colors[1])) {\n    return [[colors[0], colors[1]], [colors[2]]];\n  }\n\n  if (colors.length >= 3 && canInterpolate(colors[0], colors[2])) {\n    return [[colors[0], colors[2]], [colors[1]]];\n  }\n\n  if (colors.length >= 3 && canInterpolate(colors[0], colors[2])) {\n    return [[colors[0]], [colors[1], colors[2]]];\n  }\n\n  return [[colors[0]], [colors[1]], [colors[2]]];\n};\n\nvar DropZone = function DropZone(props) {\n  var updateSourceSetting = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__["default"])();\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      files = _useState2[0],\n      setFiles = _useState2[1];\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)([]),\n      _useState4 = _slicedToArray(_useState3, 2),\n      stripes = _useState4[0],\n      setStripes = _useState4[1];\n\n  var imgSourceRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var imgPreviewRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var canvasRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var inputFile = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);\n  var myWorker = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {\n    var worker = null;\n\n    try {\n      worker = new worker_loader_worker_js__WEBPACK_IMPORTED_MODULE_4__["default"]();\n    } catch (e) {}\n\n    return worker;\n  }, []);\n\n  if (!myWorker) {\n    return null;\n  }\n\n  var dragOver = function dragOver(e) {\n    e.preventDefault();\n  };\n\n  var dragEnter = function dragEnter(e) {\n    e.preventDefault();\n  };\n\n  var dragLeave = function dragLeave(e) {\n    e.preventDefault();\n  };\n\n  var fileDrop = function fileDrop(e) {\n    e.preventDefault();\n    var files = e.dataTransfer.files;\n    setFiles(files);\n  };\n\n  var onClick = function onClick() {\n    inputFile.current.click();\n  };\n\n  var onFileChange = function onFileChange(e) {\n    setFiles(e.target.files);\n  };\n\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    myWorker.onmessage = function (event) {\n      var order = ["primary", "secondary", "tertiary", "quinary", "senary", "septenary", "octonary", "nonary", "denary"];\n      var type = event.data.type;\n\n      if (\'palette\' === type) {\n        var groups = maybeInterpolateColors(event.data.colors);\n        var config = groups.map(function (colors, groupIndex) {\n          var label = "Brand ".concat(order[groupIndex]);\n\n          if (groupIndex === 0) {\n            label = label.charAt(0).toUpperCase() + label.slice(1);\n          }\n\n          var time = new Date().getTime();\n          return {\n            uid: "color_group_".concat(time).concat(groupIndex),\n            sources: colors.map(function (color, colorIndex) {\n              if (colorIndex !== 0) {\n                label = styleManager.l10n.colorPalettes.dropzoneInterpolatedColorLabel;\n              }\n\n              return {\n                uid: "color_".concat(time).concat(groupIndex).concat(colorIndex),\n                label: label,\n                value: chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(color).hex()\n              };\n            })\n          };\n        });\n        updateSourceSetting(config);\n        var preset = {};\n        preset.palettes = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.getPalettesFromColors)(config);\n        setStripes(getRandomStripes(preset));\n      }\n    };\n\n    return function () {\n      delete myWorker.onmessage;\n    };\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {\n    var imgSource = imgSourceRef.current;\n    var imgPreview = imgPreviewRef.current; // FileReader support\n\n    if (FileReader && files && files.length) {\n      var fr = new FileReader();\n\n      fr.onload = function () {\n        imgSource.src = fr.result;\n        imgPreview.src = fr.result;\n      };\n\n      fr.readAsDataURL(files[0]);\n    }\n  }, [files]);\n\n  if (!myWorker) {\n    return null;\n  }\n\n  var onImageLoad = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function () {\n    var imgSource = imgSourceRef.current;\n    var canvas = canvasRef.current;\n    var context = canvas.getContext(\'2d\');\n    canvas.width = Math.min(imgSource.width, 100);\n    canvas.height = canvas.width * imgSource.height / imgSource.width;\n    context.drawImage(imgSource, 0, 0, canvas.width, canvas.height);\n    var imageData = context.getImageData(0, 0, canvas.width, canvas.height).data;\n\n    if (!!myWorker) {\n      myWorker.postMessage({\n        type: \'image\',\n        imageData: imageData,\n        width: canvas.width,\n        height: canvas.height\n      });\n    }\n  }, [imgSourceRef.current, canvasRef.current]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "customize-control-description"\n  }, styleManager.l10n.colorPalettes.dropzoneDesc), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-container",\n    onDragOver: dragOver,\n    onDragEnter: dragEnter,\n    onDragLeave: dragLeave,\n    onDrop: fileDrop,\n    onClick: onClick\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-placeholder"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-info"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-info-icon",\n    dangerouslySetInnerHTML: {\n      __html: "\\n                <svg viewBox=\\"".concat(_svg_upload_svg__WEBPACK_IMPORTED_MODULE_6__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_upload_svg__WEBPACK_IMPORTED_MODULE_6__["default"].id, "\\" />\\n                </svg>")\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-info-title"\n  }, styleManager.l10n.colorPalettes.dropzoneTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {\n    className: "dropzone-info-text",\n    dangerouslySetInnerHTML: {\n      __html: styleManager.l10n.colorPalettes.dropzoneSubtitle\n    }\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("img", {\n    alt: "Preview",\n    className: "dropzone-image-preview",\n    ref: imgPreviewRef\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("input", {\n    type: "file",\n    id: "file",\n    ref: inputFile,\n    style: {\n      display: \'none\'\n    },\n    onChange: onFileChange\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("img", {\n    alt: "Source",\n    className: "dropzone-image-source",\n    ref: imgSourceRef,\n    onLoad: onImageLoad\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("canvas", {\n    className: "dropzone-canvas",\n    ref: canvasRef\n  }));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropZone);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/dropzone/index.js?')},"./src/_js/customizer/components/fine-tune-colors-shortcut/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../svg/fine-tune-palette.svg */ "./src/_js/customizer/svg/fine-tune-palette.svg");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/customizer-shortcut/index.js");\n\n\n\n\nvar FineTuneColorsShortcut = function FineTuneColorsShortcut() {\n  var currentSectionID = \'sm_color_palettes_section\';\n  var targetSectionID = \'sm_fine_tune_color_palette_section\';\n  var label = styleManager.l10n.colorPalettes.builderFineTuneColorsLabel;\n  var icon = "\\n                <svg viewBox=\\"".concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_0__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_0__["default"].id, "\\" />\\n                </svg>");\n  return /*#__PURE__*/React.createElement(_index__WEBPACK_IMPORTED_MODULE_1__["default"], {\n    currentSectionID: currentSectionID,\n    targetSectionID: targetSectionID,\n    icon: icon,\n    label: label\n  });\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FineTuneColorsShortcut);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/fine-tune-colors-shortcut/index.js?')},"./src/_js/customizer/components/options-context/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "OptionsProvider": () => (/* binding */ OptionsProvider),\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/colors/index.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\nvar OptionsContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)();\nvar OptionsProvider = function OptionsProvider(props) {\n  var settingsIDs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(_utils__WEBPACK_IMPORTED_MODULE_1__.getColorOptionsIDs, []);\n  var nextOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({});\n  settingsIDs.forEach(function (settingID) {\n    wp.customize(settingID, function (setting) {\n      nextOptions.current = _objectSpread(_objectSpread({}, nextOptions.current), {}, _defineProperty({}, settingID, setting()));\n    });\n    (0,_hooks__WEBPACK_IMPORTED_MODULE_2__["default"])(settingID, function (newValue) {\n      cancelIdleCallback(callback);\n      nextOptions.current = _objectSpread(_objectSpread({}, nextOptions.current), {}, _defineProperty({}, settingID, newValue));\n      requestIdleCallback(callback);\n    }, []);\n  });\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(nextOptions.current),\n      _useState2 = _slicedToArray(_useState, 2),\n      options = _useState2[0],\n      setOptions = _useState2[1];\n\n  var callback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    setOptions(nextOptions.current);\n  }, [options]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(OptionsContext.Provider, {\n    value: options\n  }, props.children);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OptionsContext);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/options-context/index.js?')},"./src/_js/customizer/components/overlay/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/overlay/style.scss");\n\n\n\nvar Overlay = function Overlay(props) {\n  var show = props.show;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "sm-overlay sm-overlay--".concat(show ? \'visible\' : \'hidden\')\n  }, props.children);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Overlay);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/overlay/index.js?')},"./src/_js/customizer/components/palette-list/get-random-stripes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar getRandomBetween = function getRandomBetween(min, max) {\n  var random = Math.max(0, Math.random() - Number.MIN_VALUE);\n  return Math.floor(random * (max - min + 1) + min);\n};\n\nvar getRandomStripes = function getRandomStripes(palettes) {\n  var widths = [1, 1, 2, 2, 4];\n  var stripes = Array.from(Array(5).keys()).map(function (idx) {\n    var stripe = document.createElement('div');\n    var widthPos = getRandomBetween(0, widths.length - 1);\n    var width = widths[widthPos];\n    widths.splice(widthPos, 1);\n    return {\n      index: idx,\n      element: stripe,\n      width: width\n    };\n  });\n  stripes.sort(function (a, b) {\n    return a.width > b.width ? -1 : a.width < b.width ? 1 : 0;\n  });\n  var segments = [Array.from(Array(10).keys())];\n  stripes.forEach(function (stripe) {\n    var segmentsIndexes = Array.from(Array(segments.length).keys());\n    var availSegmentsIndexes = segmentsIndexes.filter(function (index) {\n      return segments[index].length >= stripe.width;\n    });\n    var segmentRandom = getRandomBetween(0, availSegmentsIndexes.length - 1);\n    var segmentIndex = availSegmentsIndexes[segmentRandom];\n    var thisSegment = segments[segmentIndex];\n    var positionRandom = getRandomBetween(0, thisSegment.length - stripe.width);\n    var position = thisSegment[positionRandom];\n    segments.splice(segmentIndex, 1, thisSegment.slice(0, positionRandom), thisSegment.slice(positionRandom + stripe.width, thisSegment.length));\n    stripe.pos = position;\n  });\n  return stripes;\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getRandomStripes);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/palette-list/get-random-stripes.js?")},"./src/_js/customizer/components/palette-list/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "PaletteListItem": () => (/* binding */ PaletteListItem),\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/palette-list/style.scss");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-active-preset.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-update-source-setting.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/get-palettes-from-colors.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/colors/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/options-context/index.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/_js/customizer/components/palette-list/utils.js");\n/* harmony import */ var _get_random_stripes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./get-random-stripes */ "./src/_js/customizer/components/palette-list/get-random-stripes.js");\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\nvar presets = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.normalizeCloudPresets)(styleManager.colorPalettes.palettes);\n\nvar PresetsList = function PresetsList(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: \'sm-presets-list\'\n  }, presets.map(function (preset) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaletteListItem, {\n      preset: preset,\n      key: preset.uid\n    });\n  }));\n};\n\nvar PaletteListItem = function PaletteListItem(props) {\n  var preset = props.preset;\n  var quote = preset.quote,\n      image = preset.image,\n      uid = preset.uid;\n  var options = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_components__WEBPACK_IMPORTED_MODULE_3__["default"]);\n\n  var _useActivePreset = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__["default"])(),\n      _useActivePreset2 = _slicedToArray(_useActivePreset, 2),\n      activePreset = _useActivePreset2[0],\n      setActivePreset = _useActivePreset2[1];\n\n  var updateSourceSetting = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__["default"])();\n  var onChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (preset) {\n    updateSourceSetting(preset.config);\n    setActivePreset(preset.uid);\n  }, []);\n  var palettes = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getPalettesFromColors)(preset.config, options).filter(function (palette) {\n      var id = "".concat(palette.id);\n      return id.charAt(0) !== \'_\';\n    });\n  }, [preset.config, options]);\n  var colors = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n    var sources = palettes.reduce(function (acc, palette) {\n      return acc.concat(palette.source);\n    }, []);\n    var colors = palettes.reduce(function (acc, palette) {\n      return acc.concat(palette.colors);\n    }, []);\n    colors.sort(function (c1, c2) {\n      var min1 = 21;\n      var min2 = 21;\n      sources.forEach(function (source) {\n        var d1 = chroma.distance(source, c1);\n        var d2 = chroma.distance(source, c2);\n        min1 = d1 < min1 ? d1 : min1;\n        min2 = d2 < min2 ? d2 : min2;\n      });\n      return min1 - min2;\n    });\n    return colors;\n  }, [palettes]);\n  var stripes = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(_get_random_stripes__WEBPACK_IMPORTED_MODULE_7__["default"], []);\n  var filledStripes = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n    return stripes.map(function (stripe, index) {\n      var random = Math.floor(Math.random() * colors.length);\n      var color = index > colors.length - 1 ? colors[random] : colors[index];\n      return _objectSpread(_objectSpread({}, stripe), {}, {\n        color: color\n      });\n    });\n  }, [stripes, colors]);\n  var textColor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getBestColor)(colors[0], [\'#FFFFFF\', \'#000000\'], 4.5, true);\n  }, [palettes, colors]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-presets-list__item",\n    onClick: function onClick() {\n      onChange(preset);\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-presets-preview ".concat(uid === activePreset ? \'sm-presets-preview--active\' : \'\'),\n    style: {\n      backgroundImage: "url(".concat(image, ")")\n    }\n  }, quote && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-presets-preview__quote",\n    style: {\n      color: textColor\n    }\n  }, quote), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-presets-preview__stripes"\n  }, filledStripes.map(function (stripe, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      key: index,\n      className: "sm-presets-preview__stripe sm-presets-preview__stripe-w".concat(stripe.width, " sm-presets-preview__stripe-p").concat(stripe.pos)\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      className: "sm-presets-preview__pixel",\n      style: {\n        color: stripe.color\n      }\n    }));\n  }))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PresetsList);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/palette-list/index.js?')},"./src/_js/customizer/components/palette-list/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "normalizeCloudPresets": () => (/* binding */ normalizeCloudPresets)\n/* harmony export */ });\nvar _excluded = ["_uid"],\n    _excluded2 = ["color", "_uid"];\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\nvar normalizeCloudPresets = function normalizeCloudPresets(presets) {\n  return Object.keys(presets).filter(function (key) {\n    var preset = presets[key];\n    return Array.isArray(preset.color_groups) && preset.color_groups.length;\n  }).map(function (key) {\n    var _preset$preview;\n\n    var preset = presets[key];\n    var colorGroups = preset.color_groups.map(function (group) {\n      var _uid = group._uid,\n          other = _objectWithoutProperties(group, _excluded);\n\n      var sources = group.sources.map(function (source) {\n        var color = source.color,\n            _uid = source._uid,\n            other = _objectWithoutProperties(source, _excluded2);\n\n        return _objectSpread(_objectSpread({}, other), {}, {\n          uid: _uid,\n          value: color\n        });\n      });\n      sources.sort(function (a, b) {\n        return a._priority - b._priority;\n      });\n      return _objectSpread(_objectSpread({}, other), {}, {\n        sources: sources,\n        uid: _uid\n      });\n    });\n    colorGroups.sort(function (a, b) {\n      return a._priority - b._priority;\n    });\n    return {\n      uid: preset.hashid,\n      config: colorGroups,\n      image: preset === null || preset === void 0 ? void 0 : (_preset$preview = preset.preview) === null || _preset$preview === void 0 ? void 0 : _preset$preview.background_image_url,\n      quote: preset === null || preset === void 0 ? void 0 : preset.description\n    };\n  });\n};\n\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/palette-list/utils.js?')},"./src/_js/customizer/components/palettes-context/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "PalettesProvider": () => (/* binding */ PalettesProvider),\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/options-context/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/config-context/index.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ "./src/_js/customizer/utils/get-palettes-from-colors.js");\n\n\n\nvar PalettesContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)();\nvar PalettesProvider = function PalettesProvider(props) {\n  var options = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components__WEBPACK_IMPORTED_MODULE_1__["default"]);\n\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components__WEBPACK_IMPORTED_MODULE_2__["default"]),\n      config = _useContext.config;\n\n  var palettes = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getPalettesFromColors)(config, options);\n  }, [config, options]);\n  return /*#__PURE__*/React.createElement(PalettesContext.Provider, {\n    value: palettes\n  }, props.children);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PalettesContext);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/palettes-context/index.js?')},"./src/_js/customizer/components/preview-tabs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/preview-tabs/style.scss");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/colors-overlay/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/typography-overlay/index.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\nvar PreviewTabs = function PreviewTabs(props) {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(\'site\'),\n      _useState2 = _slicedToArray(_useState, 2),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var previewedDevice = wp.customize.previewedDevice.get();\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(previewedDevice === \'desktop\'),\n      _useState4 = _slicedToArray(_useState3, 2),\n      visible = _useState4[0],\n      setVisible = _useState4[1];\n\n  var previewRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n  var previewHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();\n  var tabs = [//  Display corresponding preview panels when accessing the "Color System" or "Typography" sections\n  {\n    id: \'site\',\n    label: styleManager.l10n.colorPalettes.previewTabLiveSiteLabel\n  }, {\n    id: \'typography\',\n    label: styleManager.l10n.colorPalettes.previewTabTypographyLabel,\n    callback: function callback() {\n      wp.customize.section(\'sm_font_palettes_section\', function (section) {// section.focus();\n      });\n    }\n  }, {\n    id: \'colors\',\n    label: styleManager.l10n.colorPalettes.previewTabColorSystemLabel,\n    callback: function callback() {\n      wp.customize.section(\'sm_color_palettes_section\', function (section) {// section.focus();\n      });\n    }\n  }];\n  wp.customize.section(\'sm_color_palettes_section\', function (section) {\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n      // Display "Colors" preview panel when accessing the "Color System" section\n      var callback = function callback(expanded) {\n        if (expanded) {// setActive( \'colors\' );\n        }\n      };\n\n      section.expanded.bind(callback);\n      return function () {\n        section.expanded.unbind(callback);\n      };\n    });\n  });\n  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n    var _window, _window$sm, _window$sm$customizer;\n\n    var previewResizer = (_window = window) === null || _window === void 0 ? void 0 : (_window$sm = _window.sm) === null || _window$sm === void 0 ? void 0 : (_window$sm$customizer = _window$sm.customizer) === null || _window$sm$customizer === void 0 ? void 0 : _window$sm$customizer.resizer;\n\n    if (!previewResizer) {\n      return;\n    }\n\n    var top = previewHeaderRef.current.offsetHeight;\n    var style = getComputedStyle(previewRef.current, null);\n    var left = parseFloat(style.left.replace("px", ""));\n    var right = parseFloat(style.right.replace("px", ""));\n    previewResizer.setOffset({\n      top: top,\n      right: right,\n      bottom: 0,\n      left: left\n    });\n    previewResizer.resize();\n  }, []);\n  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {\n    var callback = function callback(previewdDevice) {\n      setVisible(previewdDevice === \'desktop\');\n    };\n\n    wp.customize.previewedDevice.bind(callback);\n    return function () {\n      wp.customize.previewedDevice.unbind(callback);\n    };\n  }, []);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-preview ".concat(visible ? \'sm-preview--visible\' : \'\'),\n    ref: previewRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-preview__header",\n    ref: previewHeaderRef\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-preview__tabs"\n  }, tabs.map(function (tab) {\n    var isActive = active === tab.id;\n\n    var noop = function noop() {};\n\n    var callback = typeof tab.callback === \'function\' ? tab.callback : noop;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n      key: tab.id,\n      className: "sm-preview__tab ".concat(isActive ? \'sm-preview__tab--active\' : \'\'),\n      onClick: function onClick() {\n        setActive(tab.id);\n        callback();\n      }\n    }, tab.label);\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "sm-preview__content"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components__WEBPACK_IMPORTED_MODULE_2__["default"], {\n    show: active === \'colors\'\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components__WEBPACK_IMPORTED_MODULE_3__["default"], {\n    show: active === \'typography\'\n  })));\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewTabs);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/preview-tabs/index.js?')},"./src/_js/customizer/components/source-colors/color-picker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "ColorPicker": () => (/* binding */ ColorPicker)\n/* harmony export */ });\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! chroma-js */ "chroma-js");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_colorful__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-colorful */ "./node_modules/react-colorful/dist/index.module.js");\n/* harmony import */ var use_debounce__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! use-debounce */ "./node_modules/use-debounce/esm/useDebouncedCallback.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-did-update-effect.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\nvar ColorPicker = function ColorPicker(props) {\n  var hex = props.hex,\n      onChange = props.onChange,\n      isOpen = props.isOpen;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(hex),\n      _useState2 = _slicedToArray(_useState, 2),\n      color = _useState2[0],\n      setColor = _useState2[1];\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(hex),\n      _useState4 = _slicedToArray(_useState3, 2),\n      hexValue = _useState4[0],\n      setHexValue = _useState4[1];\n\n  var debouncedOnChange = (0,use_debounce__WEBPACK_IMPORTED_MODULE_2__["default"])(onChange, 200);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_3__["default"])(function () {\n    debouncedOnChange(color);\n  }, [color]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "c-palette-builder__source-item-color ".concat(isOpen ? \'c-palette-builder__source-item-color--active\' : \'\')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "c-palette-builder__source-item-preview",\n    style: {\n      color: color\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {\n    className: "c-palette-builder__source-item-picker",\n    onClick: function onClick(event) {\n      event.stopPropagation();\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_colorful__WEBPACK_IMPORTED_MODULE_4__.HexColorPicker, {\n    color: color,\n    onChange: function onChange(newColor) {\n      setHexValue(newColor);\n      setColor(newColor);\n    }\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("input", {\n    type: "text",\n    value: hexValue,\n    onChange: function onChange(e) {\n      var value = e.target.value;\n      setHexValue(value);\n\n      if (chroma_js__WEBPACK_IMPORTED_MODULE_0___default().valid(value) && chroma_js__WEBPACK_IMPORTED_MODULE_0___default()(value).alpha() === 1) {\n        setColor(chroma_js__WEBPACK_IMPORTED_MODULE_0___default()(value).hex());\n      }\n    }\n  })));\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/source-colors/color-picker.js?')},"./src/_js/customizer/components/source-colors/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "SourceColors": () => (/* binding */ SourceColors)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-update-source-setting.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-active-preset.js");\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks */ "./src/_js/customizer/hooks/use-outside-click.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/config-context/index.js");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components */ "./src/_js/customizer/components/contextual-menu/index.js");\n/* harmony import */ var _color_picker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./color-picker */ "./src/_js/customizer/components/source-colors/color-picker.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/_js/customizer/components/source-colors/utils.js");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/source-colors/style.scss");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\nvar SourceColors = function SourceColors(props) {\n  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components__WEBPACK_IMPORTED_MODULE_2__["default"]),\n      config = _useContext.config;\n\n  var updateSourceSetting = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__["default"])();\n  var setConfig = updateSourceSetting;\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (!config.length) {\n      setConfig((0,_utils__WEBPACK_IMPORTED_MODULE_4__.addNewColorGroup)(config));\n      return;\n    }\n\n    if (!config.filter(function (group) {\n      return !!group.sources.length;\n    }).length) {\n      setConfig([]);\n    }\n  }, [config]);\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "c-palette-builder__source-list"\n  }, config.map(function (group, groupIndex) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SourceColorsGroup, {\n      key: group.uid,\n      sources: group.sources,\n      index: groupIndex\n    });\n  }));\n};\n\nvar SourceColorsGroup = function SourceColorsGroup(props) {\n  var uid = props.uid,\n      sources = props.sources;\n  var groupIndex = props.index;\n  var style = {\n    \'--sm-source-main-color\': sources[0].value\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    key: uid,\n    className: "c-palette-builder__source-group",\n    style: style\n  }, sources.map(function (color, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SourceColorControl, {\n      key: color.uid,\n      groupIndex: groupIndex,\n      index: index,\n      color: color,\n      showPicker: color.showPicker\n    });\n  }));\n};\n\nvar SourceColorControl = function SourceColorControl(props) {\n  var color = props.color,\n      index = props.index,\n      groupIndex = props.groupIndex;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState2 = _slicedToArray(_useState, 2),\n      active = _useState2[0],\n      setActive = _useState2[1];\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState4 = _slicedToArray(_useState3, 2),\n      hover = _useState4[0],\n      setHover = _useState4[1];\n\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState6 = _slicedToArray(_useState5, 2),\n      menuIsOpen = _useState6[0],\n      setMenuIsOpen = _useState6[1];\n\n  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n      _useState8 = _slicedToArray(_useState7, 2),\n      editable = _useState8[0],\n      setEditable = _useState8[1];\n\n  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),\n      _useState10 = _slicedToArray(_useState9, 2),\n      showPicker = _useState10[0],\n      setShowPicker = _useState10[1];\n\n  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_components__WEBPACK_IMPORTED_MODULE_2__["default"]),\n      config = _useContext2.config;\n\n  var updateSourceSetting = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__["default"])();\n  var setConfig = updateSourceSetting;\n\n  var _useActivePreset = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__["default"])(),\n      _useActivePreset2 = _slicedToArray(_useActivePreset, 2),\n      activePreset = _useActivePreset2[0],\n      setActivePreset = _useActivePreset2[1];\n\n  var _onChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (color) {\n    var newConfig = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.updateColor)(config, groupIndex, index, color);\n    setConfig(newConfig);\n    setActivePreset(\'\');\n  }, [config, groupIndex, index]);\n\n  var interpolateColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    setConfig((0,_utils__WEBPACK_IMPORTED_MODULE_4__.addNewColorToGroup)(config, groupIndex, index));\n    setActivePreset(\'\');\n  }, [config, groupIndex, index]);\n  var addColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    setConfig((0,_utils__WEBPACK_IMPORTED_MODULE_4__.addNewColorGroup)(config, groupIndex));\n    setActivePreset(\'\');\n  }, [config, groupIndex]);\n  var renameColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    setEditable(true);\n  }, []);\n  var removeColor = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    setConfig((0,_utils__WEBPACK_IMPORTED_MODULE_4__.deleteColor)(config, groupIndex, index));\n    setActivePreset(\'\');\n  }, [config, groupIndex, index]);\n  var actions = [{\n    label: \'Interpolate Color\',\n    callback: interpolateColor\n  }, {\n    label: \'Add Color\',\n    callback: addColor\n  }, {\n    label: \'Rename Color\',\n    callback: renameColor\n  }, {\n    label: \'Remove Color\',\n    callback: removeColor,\n    className: \'c-contextual-menu__list-item--danger\'\n  }];\n  var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  var pickerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_6__["default"])(pickerRef, function () {\n    setShowPicker(false);\n  }); // delay setting showPicker with one render cycle in order to show fadein animation\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (typeof showPicker === "undefined" && typeof props.showPicker !== "undefined") {\n      setShowPicker(props.showPicker);\n    }\n  }, [showPicker]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    setActive(hover || menuIsOpen);\n  }, [hover, menuIsOpen]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (editable) {\n      inputRef.current.focus();\n    }\n  }, [editable]);\n\n  var onLabelBlur = function onLabelBlur(e) {\n    setEditable(false);\n  };\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    onMouseEnter: function onMouseEnter() {\n      setHover(true);\n    },\n    onMouseLeave: function onMouseLeave() {\n      setHover(false);\n    },\n    onClick: function onClick() {\n      setShowPicker(!showPicker);\n    },\n    ref: pickerRef,\n    className: "c-palette-builder__source-item ".concat(active ? \'c-palette-builder__source-item--active\' : \'\')\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_color_picker__WEBPACK_IMPORTED_MODULE_7__.ColorPicker, {\n    hex: color.value,\n    onChange: function onChange(hex) {\n      _onChange({\n        value: hex\n      });\n    },\n    isOpen: showPicker\n  }), !editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {\n    className: "c-palette-builder__source-item-label"\n  }, color.label), editable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {\n    type: "text",\n    ref: inputRef,\n    value: color.label,\n    className: "c-palette-builder__source-item-label",\n    onChange: function onChange(e) {\n      _onChange({\n        label: e.target.value\n      });\n    },\n    onBlur: onLabelBlur\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_8__["default"], {\n    actions: actions,\n    onToggle: setMenuIsOpen,\n    onClick: function onClick(event) {\n      event.stopPropagation();\n      setShowPicker(false);\n    }\n  }));\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/source-colors/index.js?')},"./src/_js/customizer/components/source-colors/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "getNewColorHex": () => (/* binding */ getNewColorHex),\n/* harmony export */   "getNewColor": () => (/* binding */ getNewColor),\n/* harmony export */   "getNewColorGroup": () => (/* binding */ getNewColorGroup),\n/* harmony export */   "addNewColorGroup": () => (/* binding */ addNewColorGroup),\n/* harmony export */   "addNewColorToGroup": () => (/* binding */ addNewColorToGroup),\n/* harmony export */   "deleteColor": () => (/* binding */ deleteColor),\n/* harmony export */   "updateColor": () => (/* binding */ updateColor)\n/* harmony export */ });\nvar _excluded = ["showPicker"];\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar deepCopy = function deepCopy(object) {\n  return JSON.parse(JSON.stringify(object));\n};\n\nvar getNewColorHex = function getNewColorHex() {\n  return \'#111111\';\n};\nvar getNewColor = function getNewColor() {\n  var label = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \'\';\n  return {\n    uid: "color_".concat(new Date().getTime()),\n    showPicker: true,\n    label: label,\n    value: getNewColorHex()\n  };\n};\nvar getNewColorGroup = function getNewColorGroup() {\n  return {\n    uid: "color_group_".concat(new Date().getTime()),\n    sources: [getNewColor(styleManager.l10n.colorPalettes.sourceColorsDefaultLabel)]\n  };\n};\nvar addNewColorGroup = function addNewColorGroup(config) {\n  var groupIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n  var newConfig = deepCopy(config).map(function (group) {\n    return _objectSpread(_objectSpread({}, group), {}, {\n      sources: group.sources.map(function (color) {\n        var showPicker = color.showPicker,\n            otherProps = _objectWithoutProperties(color, _excluded);\n\n        return otherProps;\n      })\n    });\n  });\n  newConfig.splice(groupIndex + 1, 0, getNewColorGroup());\n  return newConfig;\n};\nvar addNewColorToGroup = function addNewColorToGroup(config, groupIndex, index) {\n  var newConfig = deepCopy(config);\n  newConfig[groupIndex].sources.splice(index + 1, 0, getNewColor(styleManager.l10n.colorPalettes.sourceColorsDefaultLabel));\n  return newConfig;\n};\nvar deleteColor = function deleteColor(config, groupIndex, index) {\n  var newConfig = deepCopy(config);\n  newConfig[groupIndex].sources.splice(index, 1);\n\n  if (!newConfig[groupIndex].sources.length) {\n    newConfig.splice(groupIndex, 1);\n  }\n\n  return newConfig;\n};\nvar updateColor = function updateColor(config, groupIndex, index, newValue) {\n  var newConfig = deepCopy(config);\n  newConfig[groupIndex].sources[index] = Object.assign({}, newConfig[groupIndex].sources[index], newValue);\n  return newConfig;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/source-colors/utils.js?')},"./src/_js/customizer/components/typography-overlay/elements.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\nvar elements = [{\n  children: 'Display Heading',\n  id: 'display_font'\n}, {\n  children: 'Main Heading One',\n  id: 'heading_1_font'\n}, {\n  children: 'Secondary Heading',\n  id: 'heading_2_font'\n}, {\n  children: 'Heading Three',\n  id: 'heading_3_font'\n}, {\n  children: 'Heading Four',\n  id: 'heading_4_font'\n}, {\n  children: 'Heading Five & Six',\n  id: 'heading_5_font'\n}, {\n  children: /*#__PURE__*/React.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"wp-container-62179af27eb4e wp-block-buttons\",\n    style: {\n      display: 'flex',\n      gap: '2em',\n      flexWrap: 'wrap',\n      alignItems: 'center'\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"wp-block-button\"\n  }, /*#__PURE__*/React.createElement(\"a\", {\n    className: \"wp-block-button__link\"\n  }, \"Primary Button\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"wp-block-button is-style-secondary\"\n  }, /*#__PURE__*/React.createElement(\"a\", {\n    className: \"wp-block-button__link\"\n  }, \"Secondary\")), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"wp-block-button is-style-text\"\n  }, /*#__PURE__*/React.createElement(\"a\", {\n    className: \"wp-block-button__link\"\n  }, \"Text Button\")))),\n  id: 'buttons_font'\n}, {\n  children: 'Opening paragraphs often deserve some form of decorative type treatment to help draw the reader in. These special type treatments serve to mark a clear beginning to an article.',\n  id: 'lead_font'\n}, {\n  children: /*#__PURE__*/React.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/React.createElement(\"p\", null, \"Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don\\u2019t want huge gaps all down your page.\"), /*#__PURE__*/React.createElement(\"p\", null, \"Typography is more than just what fonts you use. Typography is everything that has to do with how the text looks\\u2014such as font size, line length, color, and even more subtle things like the whitespace around a text. Good typography sets the tone of your written message and helps to reinforce its meaning and context.\")),\n  id: 'body_font'\n}, {\n  children: /*#__PURE__*/React.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/React.createElement(\"h2\", null, \"Discover our story\")),\n  id: 'accent_font'\n}, {\n  children: 'Navigation Items',\n  id: 'navigation_font'\n}, {\n  children: 'Input Text',\n  id: 'input_font'\n}, {\n  children: 'Meta Details',\n  id: 'meta_font'\n}];\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (elements);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/typography-overlay/elements.js?")},"./src/_js/customizer/components/typography-overlay/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils */ "./src/_js/utils/get-font-field-css-value.js");\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../global-service */ "./src/_js/customizer/global-service.js");\n/* harmony import */ var _hooks_use_customize_setting_callback__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../hooks/use-customize-setting-callback */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\n/* harmony import */ var _fonts_connected_fields__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../fonts/connected-fields */ "./src/_js/customizer/fonts/connected-fields/index.js");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../index */ "./src/_js/customizer/components/overlay/index.js");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/components/typography-overlay/style.scss");\n/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./elements */ "./src/_js/customizer/components/typography-overlay/elements.js");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\n\n\n\n\nvar TypographyOverlay = function TypographyOverlay(props) {\n  var show = props.show;\n  return /*#__PURE__*/React.createElement(_index__WEBPACK_IMPORTED_MODULE_3__["default"], {\n    show: show\n  }, /*#__PURE__*/React.createElement(TypographyPreview, {\n    key: \'overlay_typography_preview\'\n  }));\n};\n\nvar TypographyPreview = function TypographyPreview() {\n  var settingIDs = styleManager.fontPalettes.masterSettingIds;\n  return /*#__PURE__*/React.createElement("div", {\n    className: "sm-typography-preview"\n  }, /*#__PURE__*/React.createElement(Cell, {\n    name: "category",\n    isHead: true,\n    key: \'typography_preview_category\'\n  }, styleManager.l10n.colorPalettes.typographyPreviewHeadCategoryLabel), /*#__PURE__*/React.createElement(Cell, {\n    name: "preview",\n    isHead: true,\n    key: \'typography_preview_preview\'\n  }, styleManager.l10n.colorPalettes.typographyPreviewHeadPreviewLabel), /*#__PURE__*/React.createElement(Cell, {\n    name: "size",\n    isHead: true,\n    key: \'typography_preview_size\'\n  }, styleManager.l10n.colorPalettes.typographyPreviewHeadSizeLabel), _elements__WEBPACK_IMPORTED_MODULE_4__["default"].map(function (element, index) {\n    var classNameBase = \'sm-typography-preview__separator\';\n    var classNames = [classNameBase];\n\n    if (index === 0) {\n      classNames.push("".concat(classNameBase, "--head"));\n    }\n\n    return /*#__PURE__*/React.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n      key: \'typography_preview_element_\' + index\n    }, /*#__PURE__*/React.createElement("div", {\n      className: classNames.join(\'  \')\n    }), /*#__PURE__*/React.createElement(Element, element));\n  }));\n};\n\nvar Cell = function Cell(props) {\n  var isHead = props.isHead,\n      name = props.name,\n      children = props.children,\n      id = props.id;\n  var classNameBase = \'sm-typography-preview__cell\';\n  var classNames = [classNameBase, "".concat(classNameBase, "--").concat(name), id];\n\n  if (isHead) {\n    classNames.push("".concat(classNameBase, "--head"));\n  }\n\n  return /*#__PURE__*/React.createElement("div", {\n    className: classNames.join(\'  \')\n  }, children);\n};\n\nvar convertCSSValuesToStrings = function convertCSSValuesToStrings(style) {\n  return Object.keys(style).reduce(function (obj, key) {\n    var value = "".concat(style[key]);\n    var alteredValue = key === \'font-size\' ? "".concat(value, "px") : value;\n    return _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, key, alteredValue));\n  }, {});\n};\n\nvar Element = function Element(props) {\n  var children = props.children,\n      id = props.id;\n\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      size = _useState2[0],\n      setSize = _useState2[1];\n\n  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState4 = _slicedToArray(_useState3, 2),\n      category = _useState4[0],\n      setCategory = _useState4[1];\n\n  var config = _global_service__WEBPACK_IMPORTED_MODULE_5__.getSettingConfig(\'sm_fonts_connected_fields_preset\');\n  var connectedSettingID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n    return "".concat(styleManager.config.options_name, "[").concat(id, "]");\n  }, [id]);\n\n  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),\n      _useState6 = _slicedToArray(_useState5, 2),\n      style = _useState6[0],\n      setStyle = _useState6[1];\n\n  var onConnectedFieldsPresetChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    var _config$choices, _config$choices$newVa;\n\n    if (!(config !== null && config !== void 0 && (_config$choices = config.choices) !== null && _config$choices !== void 0 && (_config$choices$newVa = _config$choices[newValue]) !== null && _config$choices$newVa !== void 0 && _config$choices$newVa.config)) {\n      return;\n    }\n\n    var newValueConfig = config.choices[newValue].config;\n    Object.keys(newValueConfig).forEach(function (settingID) {\n      var connectedFields = newValueConfig[settingID];\n\n      if (connectedFields.some(function (connectedField) {\n        return connectedField.includes(id);\n      })) {\n        setCategory(settingID);\n      }\n    });\n  }, []);\n  var updateSize = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n    wp.customize(category, function (setting) {\n      var fontsLogic = setting();\n      var styles = {};\n      wp.customize(connectedSettingID, function (connectedSetting) {\n        var value = connectedSetting();\n        var FontFieldCSSValue = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getFontFieldCSSValue)(connectedSettingID, value);\n        var StringCSSValue = convertCSSValuesToStrings(FontFieldCSSValue);\n        Object.assign(styles, StringCSSValue);\n      });\n      wp.customize("".concat(category, "_elevation"), function (elevationSetting) {\n        wp.customize("".concat(category, "_pitch"), function (pitchSetting) {\n          var _connectedFieldFontDa;\n\n          var elevation = elevationSetting();\n          var pitch = pitchSetting();\n          var connectedFieldFontData = (0,_fonts_connected_fields__WEBPACK_IMPORTED_MODULE_7__.getConnectedFieldFontData)(connectedSettingID, category, fontsLogic, elevation, pitch);\n          var FontFieldCSSValue = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getFontFieldCSSValue)(connectedSettingID, connectedFieldFontData);\n          var StringCSSValue = convertCSSValuesToStrings(FontFieldCSSValue);\n          setSize(parseInt(connectedFieldFontData === null || connectedFieldFontData === void 0 ? void 0 : (_connectedFieldFontDa = connectedFieldFontData.font_size) === null || _connectedFieldFontDa === void 0 ? void 0 : _connectedFieldFontDa.value, 10));\n          Object.assign(styles, StringCSSValue);\n        });\n      });\n\n      if (category === \'sm_font_accent\') {\n        Object.assign(styles, {\n          \'font-size\': \'60px\'\n        });\n      }\n\n      setStyle(styles);\n    });\n  }, [category]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var settingIDs = styleManager.fontPalettes.masterSettingIds;\n    settingIDs.forEach(function (settingID) {\n      var connectedFields = (0,_global_service__WEBPACK_IMPORTED_MODULE_5__.getConnectedFieldsIDs)(settingID);\n\n      if (connectedFields.some(function (connectedFieldID) {\n        return connectedFieldID.includes(id);\n      })) {\n        setCategory(settingID);\n      }\n    });\n  }, [id]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    wp.customize(\'sm_fonts_connected_fields_preset\', function (setting) {\n      var value = setting();\n      onConnectedFieldsPresetChange(value);\n    });\n  }, []);\n  (0,_hooks_use_customize_setting_callback__WEBPACK_IMPORTED_MODULE_8__["default"])(\'sm_fonts_connected_fields_preset\', onConnectedFieldsPresetChange, []);\n  (0,_hooks_use_customize_setting_callback__WEBPACK_IMPORTED_MODULE_8__["default"])(connectedSettingID, updateSize, [category]);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(updateSize, [category]);\n  var camelCasedStyleRules = {};\n  Object.keys(style).map(function (key) {\n    var camelCaseKey = lodash__WEBPACK_IMPORTED_MODULE_2___default().camelCase(key);\n\n    camelCasedStyleRules[camelCaseKey] = style[key];\n  });\n  return /*#__PURE__*/React.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/React.createElement(Cell, {\n    name: "category"\n  }, /*#__PURE__*/React.createElement(Category, {\n    id: category\n  })), /*#__PURE__*/React.createElement(Cell, {\n    name: "preview",\n    id: id\n  }, /*#__PURE__*/React.createElement("div", {\n    style: camelCasedStyleRules\n  }, children)), /*#__PURE__*/React.createElement(Cell, {\n    name: "size"\n  }, !isNaN(size) ? size : null));\n};\n\nvar Category = function Category(props) {\n  var id = props.id;\n  var categories = [{\n    id: \'sm_font_primary\',\n    label: styleManager.l10n.colorPalettes.typographyPreviewPrimaryShortLabel\n  }, {\n    id: \'sm_font_secondary\',\n    label: styleManager.l10n.colorPalettes.typographyPreviewSecondaryShortLabel\n  }, {\n    id: \'sm_font_body\',\n    label: styleManager.l10n.colorPalettes.typographyPreviewBodyShortLabel\n  }, {\n    id: \'sm_font_accent\',\n    label: styleManager.l10n.colorPalettes.typographyPreviewAccentShortLabel\n  }];\n  var current = categories.find(function (category) {\n    return category.id === id;\n  });\n\n  if (!current) {\n    return null;\n  }\n\n  return /*#__PURE__*/React.createElement("span", {\n    className: id\n  }, current.label);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TypographyOverlay);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/typography-overlay/index.js?')},"./src/_js/customizer/create-reset-buttons.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"createResetButtons\": () => (/* binding */ createResetButtons)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/utils/api-set-setting-value.js\");\n\n\nvar createResetButtons = function createResetButtons() {\n  var $document = jquery__WEBPACK_IMPORTED_MODULE_0___default()(document);\n  var showResetButtons = jquery__WEBPACK_IMPORTED_MODULE_0___default()('button[data-action=\"reset_style_manager\"]').length > 0;\n\n  if (showResetButtons) {\n    createResetPanelButtons();\n    createResetSectionButtons();\n    $document.on('click', '.js-reset-panel', onResetPanel);\n    $document.on('click', '.js-reset-section', onResetSection);\n    $document.on('click', '#customize-control-reset_style_manager button', onReset);\n  }\n};\n\nfunction createResetPanelButtons() {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('.panel-meta').each(function (i, obj) {\n    var $this = jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj);\n    var container = $this.parents('.control-panel');\n    var id = container.attr('id');\n\n    if (typeof id !== 'undefined') {\n      id = id.replace('sub-accordion-panel-', '');\n      id = id.replace('accordion-panel-', '');\n      var $buttonWrapper = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<li class=\"customize-control customize-control-reset\"></li>');\n      var $button = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<button class=\"button js-reset-panel\" data-panel=\"' + id + '\"></button>');\n      $button.text(styleManager.l10n.panelResetButton).appendTo($buttonWrapper);\n      $this.parent().append($buttonWrapper);\n    }\n  });\n}\n\nfunction createResetSectionButtons() {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('.accordion-section-content').each(function (el, key) {\n    var $this = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this);\n    var sectionID = $this.attr('id');\n\n    if (_.isUndefined(sectionID) || sectionID.indexOf(styleManager.config.options_name) === -1) {\n      return;\n    }\n\n    var id = sectionID.replace('sub-accordion-section-', '');\n    var $button = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<button class=\"button js-reset-section\" data-section=\"' + id + '\"></button>');\n    var $buttonWrapper = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<li class=\"customize-control customize-control-reset\"></li>');\n    $button.text(styleManager.l10n.sectionResetButton);\n    $buttonWrapper.append($button);\n    $this.append($buttonWrapper);\n  });\n}\n\nfunction onReset(ev) {\n  ev.preventDefault();\n  var iAgree = confirm(styleManager.l10n.resetGlobalConfirmMessage);\n\n  if (!iAgree) {\n    return;\n  }\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default().each(api.settings.controls, function (key, ctrl) {\n    var settingID = key.replace('_control', '');\n    var setting = styleManager.config.settings[settingID];\n\n    if (!_.isUndefined(setting) && !_.isUndefined(setting[\"default\"])) {\n      (0,_utils__WEBPACK_IMPORTED_MODULE_1__.apiSetSettingValue)(settingID, setting[\"default\"]);\n    }\n  });\n  api.previewer.save();\n}\n\nfunction onResetPanel(e) {\n  e.preventDefault();\n  var panelID = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('panel'),\n      panel = api.panel(panelID),\n      sections = panel.sections(),\n      iAgree = confirm(styleManager.l10n.resetPanelConfirmMessage);\n\n  if (!iAgree) {\n    return;\n  }\n\n  if (sections.length > 0) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default().each(sections, function () {\n      var controls = this.controls();\n\n      if (controls.length > 0) {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default().each(controls, function (key, ctrl) {\n          var settingID = ctrl.id.replace('_control', ''),\n              setting = styleManager.config.settings[settingID];\n\n          if (!_.isUndefined(setting) && !_.isUndefined(setting[\"default\"])) {\n            (0,_utils__WEBPACK_IMPORTED_MODULE_1__.apiSetSettingValue)(settingID, setting[\"default\"]);\n          }\n        });\n      }\n    });\n  }\n}\n\nfunction onResetSection(e) {\n  e.preventDefault();\n  var sectionID = jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).data('section'),\n      section = api.section(sectionID),\n      controls = section.controls();\n  var iAgree = confirm(styleManager.l10n.resetSectionConfirmMessage);\n\n  if (!iAgree) {\n    return;\n  }\n\n  if (controls.length > 0) {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default().each(controls, function (key, ctrl) {\n      var setting_id = ctrl.id.replace('_control', ''),\n          setting = styleManager.config.settings[setting_id];\n\n      if (!_.isUndefined(setting) && !_.isUndefined(setting[\"default\"])) {\n        (0,_utils__WEBPACK_IMPORTED_MODULE_1__.apiSetSettingValue)(setting_id, setting[\"default\"]);\n      }\n    });\n  }\n}\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/create-reset-buttons.js?")},"./src/_js/customizer/feedback-modal.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initializeFeedbackModal\": () => (/* binding */ initializeFeedbackModal)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar initializeFeedbackModal = function initializeFeedbackModal() {\n  var $userFeedbackModal = jquery__WEBPACK_IMPORTED_MODULE_0___default()('#style-manager-user-feedback-modal');\n\n  if (!$userFeedbackModal.length) {\n    return;\n  }\n\n  var $userFeedbackForm = $userFeedbackModal.find('form'),\n      $userFeedbackCloseBtn = $userFeedbackModal.find('.close'),\n      $userFeedbackFirstStep = $userFeedbackModal.find('.first-step'),\n      $userFeedbackSecondStep = $userFeedbackModal.find('.second-step'),\n      $userFeedbackThanksStep = $userFeedbackModal.find('.thanks-step'),\n      $userFeedbackErrorStep = $userFeedbackModal.find('.error-step');\n  var userFeedbackModalShown = false,\n      colorPaletteChanged = false,\n      fontPaletteChanged = false; // Handle when to open the modal.\n\n  wp.customize.bind('saved', function () {\n    // We will only show the modal once per Customizer session.\n    if (!userFeedbackModalShown && (colorPaletteChanged || fontPaletteChanged)) {\n      jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').addClass('feedback-modal-open modal-open');\n      userFeedbackModalShown = true;\n    }\n  }); // Handle the color palette changed info update.\n\n  wp.customize('sm_advanced_palette_output', function (setting) {\n    setting.bind(function (new_value, old_value) {\n      // Intentional loose comparison.\n      if (new_value != old_value) {\n        colorPaletteChanged = true;\n      }\n    });\n  }); // Handle the font palette changed info update.\n\n  wp.customize('sm_font_palette', function (setting) {\n    setting.bind(function (new_value, old_value) {\n      // Intentional loose comparison.\n      if (new_value != old_value) {\n        fontPaletteChanged = true;\n      }\n    });\n  }); // Handle the modal submit.\n\n  $userFeedbackForm.on('submit', function (event) {\n    event.preventDefault();\n    var $form = jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target);\n    var data = {\n      action: 'style_manager_user_feedback',\n      nonce: styleManager.userFeedback.nonce,\n      type: $form.find('input[name=type]').val(),\n      rating: $form.find('input[name=rating]:checked').val(),\n      message: $form.find('textarea[name=message]').val()\n    };\n    jquery__WEBPACK_IMPORTED_MODULE_0___default().post(styleManager.config.ajax_url, data, function (response) {\n      if (true === response.success) {\n        $userFeedbackFirstStep.hide();\n        $userFeedbackSecondStep.hide();\n        $userFeedbackThanksStep.show();\n        $userFeedbackErrorStep.hide();\n      } else {\n        $userFeedbackFirstStep.hide();\n        $userFeedbackSecondStep.hide();\n        $userFeedbackThanksStep.hide();\n        $userFeedbackErrorStep.show();\n      }\n    });\n  });\n  $userFeedbackForm.find('input[name=rating]').on('change', function (event) {\n    // Leave everything in working order\n    setTimeout(function () {\n      $userFeedbackSecondStep.show();\n    }, 300);\n    var rating = $userFeedbackForm.find('input[name=rating]:checked').val();\n    $userFeedbackForm.find('.rating-placeholder').text(rating);\n  });\n  $userFeedbackCloseBtn.on('click', function (event) {\n    event.preventDefault();\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('body').removeClass('feedback-modal-open modal-open'); // Leave everything in working order\n\n    setTimeout(function () {\n      $userFeedbackFirstStep.show();\n      $userFeedbackSecondStep.hide();\n      $userFeedbackThanksStep.hide();\n      $userFeedbackErrorStep.hide();\n    }, 300);\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/feedback-modal.js?")},"./src/_js/customizer/fields/color-select/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handleColorSelectFields\": () => (/* binding */ handleColorSelectFields),\n/* harmony export */   \"convertToColorSelect\": () => (/* binding */ convertToColorSelect)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar handleColorSelectFields = function handleColorSelectFields() {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-color-select').each(function (i, obj) {\n    convertToColorSelect(obj);\n  });\n};\nvar convertToColorSelect = function convertToColorSelect(element) {\n  var $select = jquery__WEBPACK_IMPORTED_MODULE_0___default()(element);\n  var $selectOptions = $select.find('option');\n  var $colorSelect = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div class=\"style-manager-color-select\">');\n  var settingID = $select.data('customize-setting-link');\n  var $optionsList = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div class=\"style-manager-color-select__option-list\">');\n  $selectOptions.each(function (i, option) {\n    var $option = jquery__WEBPACK_IMPORTED_MODULE_0___default()(option);\n    var label = $option.text();\n    var value = $option.attr('value');\n    var $colorSelectOptionLabel = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div class=\"style-manager-color-select__option-label\">');\n    var $colorSelectOption = jquery__WEBPACK_IMPORTED_MODULE_0___default()('<div class=\"style-manager-color-select__option\">');\n    $colorSelectOptionLabel.text(label).appendTo($colorSelectOption);\n    $colorSelectOption.data('value', value).appendTo($optionsList);\n    $colorSelectOption.addClass('style-manager-color-select__option--' + value);\n  });\n  $optionsList.appendTo($colorSelect);\n  var $colorSelectOptions = $colorSelect.find('.style-manager-color-select__option');\n  $colorSelectOptions.each(function (i, option) {\n    var $colorSelectOption = jquery__WEBPACK_IMPORTED_MODULE_0___default()(option);\n    var value = $colorSelectOption.data('value');\n    $colorSelectOption.on('click', function () {\n      $select.val(value).change();\n    });\n  });\n  $colorSelect.insertBefore($select);\n  $select.hide();\n\n  function updateColorSelect(newValue) {\n    var $colorSelectOption = $colorSelectOptions.filter(function (index, obj) {\n      return jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj).data('value') === newValue;\n    });\n\n    if ($colorSelectOption.length) {\n      $colorSelectOptions.removeClass('style-manager-color-select__option--selected');\n      $colorSelectOption.addClass('style-manager-color-select__option--selected');\n    }\n  }\n\n  wp.customize(settingID, function (setting) {\n    updateColorSelect(setting());\n    setting.bind(updateColorSelect);\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fields/color-select/index.js?")},"./src/_js/customizer/fields/preset/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handlePresets\": () => (/* binding */ handlePresets),\n/* harmony export */   \"handleRadioPreset\": () => (/* binding */ handleRadioPreset)\n/* harmony export */ });\nvar handlePresets = function handlePresets() {\n  var presets = Array.from(document.querySelectorAll('.js-style-manager-preset'));\n  presets.forEach(function (preset) {\n    if (preset.classList.contains('radio')) {\n      handleRadioPreset(preset);\n    }\n  });\n};\nvar handleRadioPreset = function handleRadioPreset(preset) {\n  var inputs = Array.from(preset.querySelectorAll('[data-customize-setting-link]'));\n\n  if (!inputs.length) {\n    return;\n  }\n\n  var settingID = inputs[0].getAttribute('data-customize-setting-link');\n  wp.customize(settingID, function (setting) {\n    var onConnectedSettingChange = function onConnectedSettingChange() {\n      var _currentInput$dataset;\n\n      var currentValue = setting();\n      var customInput = inputs.find(function (input) {\n        return input.value === 'custom';\n      });\n      var currentInput = inputs.find(function (input) {\n        return input.value === currentValue;\n      });\n      var currentInputOptions = JSON.parse(currentInput === null || currentInput === void 0 ? void 0 : (_currentInput$dataset = currentInput.dataset) === null || _currentInput$dataset === void 0 ? void 0 : _currentInput$dataset.options);\n\n      if (!customInput || !currentInputOptions) {\n        return false;\n      }\n\n      var isPreset = Object.keys(currentInputOptions).every(function (optionId) {\n        var sameValue = true;\n        wp.customize(optionId, function (optionSetting) {\n          sameValue = currentInputOptions[optionId] === optionSetting();\n        });\n        return sameValue;\n      });\n\n      if (!isPreset) {\n        setting.set('custom');\n      }\n    }; // to aboid binding same callback multiple times to the same setting\n    // we build an array of settingIds and then bind / unbind the callback\n\n\n    var linkedSettingsIds = [];\n    inputs.forEach(function (input) {\n      var options = JSON.parse(input.dataset.options);\n      Object.keys(options).forEach(function (connectedSettingId) {\n        if (linkedSettingsIds.indexOf(connectedSettingId) === -1) {\n          linkedSettingsIds.push(connectedSettingId);\n        }\n      });\n    });\n\n    var bindAll = function bindAll() {\n      linkedSettingsIds.forEach(function (connectedSettingId) {\n        wp.customize(connectedSettingId, function (connectedSetting) {\n          connectedSetting.bind(onConnectedSettingChange);\n        });\n      });\n    };\n\n    var unbindAll = function unbindAll() {\n      linkedSettingsIds.forEach(function (connectedSettingId) {\n        wp.customize(connectedSettingId, function (connectedSetting) {\n          connectedSetting.unbind(onConnectedSettingChange);\n        });\n      });\n    };\n\n    setting.bind(function (newValue) {\n      if (newValue === 'custom') {\n        return;\n      }\n\n      unbindAll();\n      var input = inputs.find(function (input) {\n        return input.value === newValue;\n      });\n      var options = JSON.parse(input.dataset.options);\n      Object.keys(options).forEach(function (connectedSettingId) {\n        wp.customize(connectedSettingId, function (connectedSetting) {\n          connectedSetting.set(options[connectedSettingId]);\n        });\n      });\n      bindAll();\n    });\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fields/preset/index.js?")},"./src/_js/customizer/fields/range/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handleRangeFields\": () => (/* binding */ handleRangeFields)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar handleRangeFields = function handleRangeFields() {\n  var rangeControlSelectors = [\".accordion-section-content[id*=\\\"\".concat(styleManager.config.options_name, \"\\\"]\"), '#sub-accordion-section-sm_color_palettes_section', '#sub-accordion-section-sm_color_usage_section', '#sub-accordion-section-sm_spacing_section', '#sub-accordion-section-sm_fine_tune_color_palette_section', '#sub-accordion-section-sm_fine_tune_font_palette_section'];\n  var rangeControlSelector = rangeControlSelectors.join(', ');\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()(rangeControlSelector).each(function (i, container) {\n    var $rangeFields = jquery__WEBPACK_IMPORTED_MODULE_0___default()(container).find('input[type=\"range\"]'); // For each range input add a number field (for preview mainly - but it can also be used for input)\n\n    $rangeFields.each(function (i, obj) {\n      var $range = jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj);\n      var settingID = $range.data('customize-setting-link');\n      var $number = $range.clone();\n      $number.attr('type', 'text').attr('class', 'range-value').removeAttr('data-value_entry');\n      $number.data('source', $range);\n\n      if ($range.first().attr('id')) {\n        $number.attr('id', $range.first().attr('id') + '_number');\n      }\n\n      $number.insertAfter($range);\n      wp.customize(settingID, function (setting) {\n        setting.bind(function (newValue) {\n          $number.val(newValue);\n        });\n      }); // font options don't have a setting associated with every input\n\n      if (!settingID) {\n        $range.on('input', function (event) {\n          $number.val(event.target.value);\n        });\n      } // When clicking outside the number field or on Enter.\n\n\n      $number.on('blur keyup', onRangePreviewBlur);\n    });\n  });\n};\n\nfunction onRangePreviewBlur(event) {\n  var $number = jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target);\n  var $range = $number.data('source');\n\n  if ('keyup' === event.type && event.keyCode !== 13) {\n    return;\n  }\n\n  if (event.target.value === $range.val()) {\n    // Nothing to do if the values are identical.\n    return;\n  }\n\n  if (!hasValidValue($number)) {\n    $number.val($range.val());\n    shake($number);\n  } else {\n    // Do not mark this trigger as being programmatically triggered by Style Manager since it is a result of a user input.\n    $range.val($number.val()).trigger('change');\n  }\n}\n\nfunction hasValidValue($input) {\n  var min = $input.attr('min');\n  var max = $input.attr('max');\n  var value = $input.val();\n\n  if (typeof min !== 'undefined' && parseFloat(min) > parseFloat(value)) {\n    return false;\n  }\n\n  if (typeof max !== 'undefined' && parseFloat(max) < parseFloat(value)) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction shake($field) {\n  $field.addClass('input-shake input-error');\n  $field.one('animationend', function () {\n    $field.removeClass('input-shake input-error');\n  });\n}\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fields/range/index.js?")},"./src/_js/customizer/fields/tabs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handleTabs\": () => (/* binding */ handleTabs)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar handleTabs = function handleTabs() {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('.sm-tabs').each(function (i, obj) {\n    var $wrapper = jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj);\n    var $section = $wrapper.closest('.control-section');\n    var $tabs = $wrapper.children('.sm-tabs__item');\n    var targets = $tabs.map(function (i, el) {\n      var target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(el).data('target');\n      return \"sm-view-\".concat(target);\n    });\n    var targetClassnames = targets.toArray().join(\" \");\n\n    function setActiveTab($active) {\n      var target = $active.data('target');\n      $tabs.removeClass('sm-tabs__item--active');\n      $active.addClass('sm-tabs__item--active');\n      $section.removeClass(targetClassnames).addClass(\"sm-view-\".concat(target));\n    }\n\n    $wrapper.on('click', '.sm-tabs__item', function (e) {\n      e.preventDefault();\n      setActiveTab(jquery__WEBPACK_IMPORTED_MODULE_0___default()(this));\n    });\n    setActiveTab($tabs.first());\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fields/tabs/index.js?")},"./src/_js/customizer/folding-fields.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handleFoldingFields\": () => (/* binding */ handleFoldingFields)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * This function will search for all the interdependend fields and make a bound between them.\n * So whenever a target is changed, it will take actions to the dependent fields.\n * @TODO  this is still written in a barbaric way, refactor when needed\n */\n\nvar handleFoldingFields = function handleFoldingFields() {\n  if (_.isUndefined(styleManager.config) || _.isUndefined(styleManager.config.settings)) {\n    return; // bail\n  }\n\n  (jquery__WEBPACK_IMPORTED_MODULE_0___default().fn.reactor.defaults.compliant) = function () {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).slideDown();\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).find(':disabled').attr({\n      disabled: false\n    });\n  };\n\n  (jquery__WEBPACK_IMPORTED_MODULE_0___default().fn.reactor.defaults.uncompliant) = function () {\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).slideUp();\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).find(':enabled').attr({\n      disabled: true\n    });\n  };\n\n  var IS = jquery__WEBPACK_IMPORTED_MODULE_0___default().extend({}, (jquery__WEBPACK_IMPORTED_MODULE_0___default().fn.reactor.helpers));\n\n  var bindFoldingEvents = function bindFoldingEvents(parentID, field, relation) {\n    var key = null;\n\n    if (_.isString(field)) {\n      key = field;\n    } else if (!_.isUndefined(field.id)) {\n      key = field.id;\n    } else if (_.isString(field[0])) {\n      key = field[0];\n    } else {\n      return; // no key, no fun\n    }\n\n    var value = 1,\n        // by default we use 1 the most used value for checkboxes or inputs\n    between = [0, 1]; // can only be `show` or `hide`\n\n    var target_key = styleManager.config.options_name + '[' + key + ']';\n    var target_type = styleManager.config.settings[target_key].type; // we support the usual syntax like a config array like `array( 'id' => $id, 'value' => $value, 'compare' => $compare )`\n    // but we also support a non-associative array like `array( $id, $value, $compare )`\n\n    if (!_.isUndefined(field.value)) {\n      value = field.value;\n    } else if (!_.isUndefined(field[1]) && !_.isString(field[1])) {\n      value = field[1];\n    }\n\n    if (!_.isUndefined(field.between)) {\n      between = field.between;\n    }\n    /**\n     * Now for each target we have, we will bind a change event to hide or show the dependent fields\n     */\n\n\n    var target_selector = '[data-customize-setting-link=\"' + styleManager.config.options_name + '[' + key + ']\"]';\n\n    switch (target_type) {\n      case 'checkbox':\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, function () {\n          return jquery__WEBPACK_IMPORTED_MODULE_0___default()(this).is(':checked') == value;\n        });\n        break;\n\n      case 'radio':\n      case 'sm_radio':\n      case 'sm_switch':\n      case 'radio_image':\n      case 'radio_html':\n        // in case of an array of values we use the ( val in array) condition\n        if (_.isObject(value)) {\n          value = _.toArray(value);\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, function () {\n            return value.indexOf(jquery__WEBPACK_IMPORTED_MODULE_0___default()(target_selector + ':checked').val()) !== -1;\n          });\n        } else {\n          // in any other case we use a simple == comparison\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, function () {\n            return jquery__WEBPACK_IMPORTED_MODULE_0___default()(target_selector + ':checked').val() == value;\n          });\n        }\n\n        break;\n\n      case 'range':\n        var x = IS.Between(between[0], between[1]);\n        jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, x);\n        break;\n\n      default:\n        // in case of an array of values we use the ( val in array) condition\n        if (_.isObject(value)) {\n          value = _.toArray(value);\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, function () {\n            return value.indexOf(jquery__WEBPACK_IMPORTED_MODULE_0___default()(target_selector).val()) !== -1;\n          });\n        } else {\n          // in any other case we use a simple == comparison\n          jquery__WEBPACK_IMPORTED_MODULE_0___default()(parentID).reactIf(target_selector, function () {\n            return jquery__WEBPACK_IMPORTED_MODULE_0___default()(target_selector).val() == value;\n          });\n        }\n\n        break;\n    }\n\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(target_selector).trigger('change', ['style-manager']);\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()('.reactor').trigger('change.reactor'); // triggers all events on load\n  };\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default().each(styleManager.config.settings, function (id, field) {\n    /**\n     * Here we have the id of the fields. but we know for sure that we just need his parent selector\n     * So we just create it\n     */\n    var parentID = id.replace('[', '-');\n    parentID = parentID.replace(']', '');\n    parentID = '#customize-control-' + parentID + '_control'; // get only the fields that have a 'show_if' property\n\n    if (field.hasOwnProperty('show_if')) {\n      var relation = 'AND';\n\n      if (!_.isUndefined(field.show_if.relation)) {\n        relation = field.show_if.relation; // remove the relation property, we need the config to be array based only\n\n        delete field.show_if.relation;\n      }\n      /**\n       * The 'show_if' can be a simple array with one target like: [ id, value, comparison, action ]\n       * Or it could be an array of multiple targets and we need to process both cases\n       */\n\n\n      if (!_.isUndefined(field.show_if.id)) {\n        bindFoldingEvents(parentID, field.show_if, relation);\n      } else if (_.isObject(field.show_if)) {\n        jquery__WEBPACK_IMPORTED_MODULE_0___default().each(field.show_if, function (i, j) {\n          bindFoldingEvents(parentID, j, relation);\n        });\n      }\n    }\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/folding-fields.js?")},"./src/_js/customizer/font-palettes/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initializeFontPalettes\": () => (/* binding */ initializeFontPalettes)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar initializeFontPalettes = function initializeFontPalettes() {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-font-palette').each(function (i, obj) {\n    var $paletteSet = jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj);\n    var $labels = $paletteSet.find('label');\n    $labels.on('click', function (event) {\n      var $label = jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target);\n      var forID = $label.attr('for');\n      var $input = jquery__WEBPACK_IMPORTED_MODULE_0___default()(\"#\".concat(forID));\n      var fontsLogic = $input.data('fonts_logic');\n      applyFontPalette(fontsLogic);\n    });\n  });\n};\n\nvar applyFontPalette = function applyFontPalette(fontsLogic) {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default().each(fontsLogic, function (settingID, config) {\n    wp.customize(settingID, function (setting) {\n      setting.set(config);\n    });\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/font-palettes/index.js?")},"./src/_js/customizer/fonts/connected-fields/get-connected-fields-font-size-interval.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "getConnectedFieldsFontSizeInterval": () => (/* binding */ getConnectedFieldsFontSizeInterval)\n/* harmony export */ });\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../global-service */ "./src/_js/customizer/global-service.js");\n\nvar getConnectedFieldsFontSizeInterval = function getConnectedFieldsFontSizeInterval(settingID) {\n  var settingConfig = (0,_global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig)(settingID);\n  var connectedFields = settingConfig.connected_fields || [];\n  var minFontSize = Number.MAX_SAFE_INTEGER;\n  var maxFontSize = Number.MIN_SAFE_INTEGER;\n  var fontSizeUnit = false;\n  var fontSizeUnitSet = false;\n  var hasConsistentFontSizes = true;\n  connectedFields.forEach(function (key) {\n    var connectedSettingID = "".concat(styleManager.config.options_name, "[").concat(key, "]");\n    wp.customize(connectedSettingID, function (connectedSetting) {\n      var _connectedSettingConf, _connectedSettingConf2, _connectedSettingConf3, _connectedSettingConf4;\n\n      var connectedSettingConfig = (0,_global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig)(connectedSettingID);\n      var connectedSettingValue = connectedSetting();\n      var fontSize = connectedSettingConfig === null || connectedSettingConfig === void 0 ? void 0 : (_connectedSettingConf = connectedSettingConfig["default"]) === null || _connectedSettingConf === void 0 ? void 0 : (_connectedSettingConf2 = _connectedSettingConf.font_size) === null || _connectedSettingConf2 === void 0 ? void 0 : _connectedSettingConf2.value;\n      var unit = connectedSettingConfig === null || connectedSettingConfig === void 0 ? void 0 : (_connectedSettingConf3 = connectedSettingConfig["default"]) === null || _connectedSettingConf3 === void 0 ? void 0 : (_connectedSettingConf4 = _connectedSettingConf3.font_size) === null || _connectedSettingConf4 === void 0 ? void 0 : _connectedSettingConf4.unit;\n\n      if (fontSizeUnitSet) {\n        if (!!unit && unit !== fontSizeUnit) {\n          hasConsistentFontSizes = false;\n        }\n      } else {\n        if (!!unit) {\n          fontSizeUnit = unit;\n          fontSizeUnitSet = true;\n        }\n      }\n\n      minFontSize = fontSize < minFontSize ? fontSize : minFontSize;\n      maxFontSize = fontSize > maxFontSize ? fontSize : maxFontSize;\n    });\n  });\n\n  if (!hasConsistentFontSizes || minFontSize === Number.MAX_SAFE_INTEGER || maxFontSize === Number.MIN_SAFE_INTEGER || minFontSize > maxFontSize) {\n    return false;\n  }\n\n  return [minFontSize, maxFontSize];\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/connected-fields/get-connected-fields-font-size-interval.js?')},"./src/_js/customizer/fonts/connected-fields/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "reloadConnectedFields": () => (/* binding */ reloadConnectedFields),\n/* harmony export */   "getConnectedFieldFontData": () => (/* binding */ getConnectedFieldFontData),\n/* harmony export */   "applyFontSizeInterval": () => (/* binding */ applyFontSizeInterval),\n/* harmony export */   "applyFontStyleIntervals": () => (/* binding */ applyFontStyleIntervals),\n/* harmony export */   "applyLineHeight": () => (/* binding */ applyLineHeight)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../utils */ "./src/_js/utils/debounce.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils */ "./src/_js/utils/maybe-load-font-family.js");\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../global-service */ "./src/_js/customizer/global-service.js");\n/* harmony import */ var _get_connected_fields_font_size_interval__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-connected-fields-font-size-interval */ "./src/_js/customizer/fonts/connected-fields/get-connected-fields-font-size-interval.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/_js/customizer/fonts/utils/standardize-numerical-value.js");\n/* harmony import */ var _utils_round__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/round */ "./src/_js/customizer/fonts/utils/round.js");\n\n\n\n\n\nvar reloadConnectedFields = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.debounce)(function () {\n  var settingIDs = styleManager.fontPalettes.masterSettingIds;\n  var boundSettingIDs = settingIDs.reduce(function (acc, settingID) {\n    return acc.concat([settingID, "".concat(settingID, "_elevation"), "".concat(settingID, "_pitch")]);\n  }, []);\n  (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.unbindConnectedFields)(boundSettingIDs);\n  settingIDs.forEach(function (settingID) {\n    var elevationSettingID = "".concat(settingID, "_elevation");\n    var pitchSettingID = "".concat(settingID, "_pitch");\n    wp.customize(settingID, function (setting) {\n      var fontsLogic = setting();\n      (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.setCallback)(settingID, function (newValue) {\n        fontsLogic = newValue;\n        (0,_utils__WEBPACK_IMPORTED_MODULE_2__.maybeLoadFontFamily)(newValue, settingID);\n        alterConnectedFields(settingID, fontsLogic);\n      });\n      setting.bind((0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getCallback)(settingID));\n      wp.customize(elevationSettingID, function (elevationSetting) {\n        wp.customize(pitchSettingID, function (pitchSetting) {\n          var elevation = elevationSetting();\n          var pitch = pitchSetting();\n          (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.setCallback)(elevationSettingID, function (newValue) {\n            elevation = newValue;\n            alterConnectedFields(settingID, fontsLogic);\n          });\n          (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.setCallback)(pitchSettingID, function (newValue) {\n            pitch = newValue;\n            alterConnectedFields(settingID, fontsLogic);\n          });\n          elevationSetting.bind((0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getCallback)(elevationSettingID));\n          pitchSetting.bind((0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getCallback)(pitchSettingID));\n        });\n      });\n    });\n  });\n}, 30);\nvar getConnectedFieldFontData = function getConnectedFieldFontData(connectedSettingID, settingID, fontsLogic) {\n  var newFontData = {};\n\n  if (typeof fontsLogic.reset !== \'undefined\') {\n    return (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getSettingConfig)(connectedSettingID)["default"];\n  } // The font family is straight forward as it comes directly from the parent field font logic configuration.\n\n\n  if (typeof fontsLogic.font_family === \'undefined\') {\n    return null;\n  }\n\n  wp.customize(connectedSettingID, function (connectedSetting) {\n    var fontSizeInterval = (0,_get_connected_fields_font_size_interval__WEBPACK_IMPORTED_MODULE_3__.getConnectedFieldsFontSizeInterval)(settingID);\n    var connectedSettingData = connectedSetting();\n    newFontData[\'font_family\'] = fontsLogic.font_family;\n    newFontData[\'font_size\'] = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.standardizeNumericalValue)(connectedSettingData.font_size);\n    var targetFontSizeInterval = getFontSizeInterval(settingID);\n\n    if (targetFontSizeInterval) {\n      var _connectedSettingConf, _connectedSettingConf2;\n\n      var connectedSettingConfig = (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getSettingConfig)(connectedSettingID);\n      var fontSize = connectedSettingConfig === null || connectedSettingConfig === void 0 ? void 0 : (_connectedSettingConf = connectedSettingConfig["default"]) === null || _connectedSettingConf === void 0 ? void 0 : (_connectedSettingConf2 = _connectedSettingConf.font_size) === null || _connectedSettingConf2 === void 0 ? void 0 : _connectedSettingConf2.value;\n      applyFontSizeInterval(newFontData, fontSize, fontSizeInterval, targetFontSizeInterval);\n    }\n\n    applyFontSizeMultiplier(newFontData, fontsLogic.font_size_multiplier);\n    applyFontStyleIntervals(newFontData, fontsLogic, connectedSettingData);\n    applyLineHeight(newFontData, fontsLogic);\n  });\n  return newFontData;\n};\n\nvar alterConnectedFields = function alterConnectedFields(settingID, fontsLogic) {\n  var settingConfig = (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.getSettingConfig)(settingID);\n  settingConfig.connected_fields.forEach(function (key) {\n    var connectedSettingID = "".concat(styleManager.config.options_name, "[").concat(key, "]");\n    wp.customize(connectedSettingID, function (connectedSetting) {\n      var newFontData = getConnectedFieldFontData(connectedSettingID, settingID, fontsLogic);\n      connectedSetting.set(newFontData);\n    });\n  });\n};\n\nvar getFontSizeInterval = function getFontSizeInterval(settingID) {\n  var fontSizeInterval;\n  wp.customize("".concat(settingID, "_elevation"), function (elevationSetting) {\n    wp.customize("".concat(settingID, "_pitch"), function (pitchSetting) {\n      var elevation = parseInt(elevationSetting(), 10);\n      var pitch = parseInt(pitchSetting(), 10);\n      fontSizeInterval = getInterval(settingID, elevation, pitch);\n    });\n  });\n  return fontSizeInterval;\n};\n\nvar getInterval = function getInterval(settingID, elevation, pitch) {\n  // The limits within which an element font-size can be included\n  // using the Elevation and Pitch settings.\n  var bounds = {\n    sm_font_primary: [16, 200],\n    sm_font_secondary: [12, 36],\n    sm_font_body: [14, 32]\n  };\n  var settingBounds = bounds[settingID]; // Elevation can move the minimum value only halfway to the end of the interval\n  // leaving space for the pitch control to have effect\n\n  var min = settingBounds[0] + (settingBounds[1] - settingBounds[0]) * (elevation / 100) * 0.5;\n  var max = min + (settingBounds[1] - min) * pitch / 100;\n  return [min, max];\n};\n\nvar applyFontSizeInterval = function applyFontSizeInterval(fontData, fontSize, fontSizeInterval, targetFontSizeInterval) {\n  if (!fontSizeInterval) {\n    return;\n  }\n\n  var ab = fontSizeInterval;\n  var cd = targetFontSizeInterval;\n\n  if (!Array.isArray(ab) || !Array.isArray(cd)) {\n    return;\n  }\n\n  if (!!fontSize) {\n    if (ab[1] === ab[0]) {\n      fontData.font_size.value = Math.max(cd[0], Math.min(cd[1], fontSize));\n    } else {\n      var newFontSize = (fontSize - ab[0]) * (cd[1] - cd[0]) / (ab[1] - ab[0]) + cd[0];\n      fontData.font_size.value = Math.round(newFontSize * 10) / 10;\n    }\n  }\n}; // The line height is determined by getting the value of the polynomial function determined by points.\n\nvar applyFontStyleIntervals = function applyFontStyleIntervals(newFontData, fontsLogic) {\n  // The font variant, letter spacing and text transform all come together from the font styles (intervals).\n  // We just need to find the one that best matches the connected field given font size (if given).\n  // Please bear in mind that we expect the font logic styles to be preprocessed, without any overlapping and using numerical keys.\n  if (Array.isArray(fontsLogic.font_styles_intervals) && fontsLogic.font_styles_intervals.length > 0) {\n    var idx = 0;\n\n    while (idx < fontsLogic.font_styles_intervals.length - 1 && typeof fontsLogic.font_styles_intervals[idx].end !== \'undefined\' && fontsLogic.font_styles_intervals[idx].end <= newFontData.font_size.value) {\n      idx++;\n    } // We will apply what we\'ve got.\n\n\n    if (!_.isEmpty(fontsLogic.font_styles_intervals[idx].font_variant)) {\n      newFontData[\'font_variant\'] = fontsLogic.font_styles_intervals[idx].font_variant;\n    }\n\n    if (!_.isEmpty(fontsLogic.font_styles_intervals[idx].letter_spacing)) {\n      newFontData[\'letter_spacing\'] = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.standardizeNumericalValue)(fontsLogic.font_styles_intervals[idx].letter_spacing);\n    }\n\n    if (!_.isEmpty(fontsLogic.font_styles_intervals[idx].text_transform)) {\n      newFontData[\'text_transform\'] = fontsLogic.font_styles_intervals[idx].text_transform;\n    }\n\n    applyFontSizeMultiplier(newFontData, fontsLogic.font_styles_intervals[idx].font_size_multiplier);\n  }\n};\nvar applyLineHeight = function applyLineHeight(newFontData, fontsLogic) {\n  if (Array.isArray(fontsLogic.font_size_to_line_height_points)) {\n    var result = regression.logarithmic(fontsLogic.font_size_to_line_height_points, {\n      precision: styleManager.fonts.floatPrecision\n    });\n    var lineHeight = result.predict(newFontData[\'font_size\'].value)[1];\n    newFontData[\'line_height\'] = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.standardizeNumericalValue)(lineHeight);\n  }\n}; // Use \'font_size_multiplier\' in font palette declaration to resize individual fonts \n\nvar applyFontSizeMultiplier = function applyFontSizeMultiplier(fontData, fontSizeMultiplier) {\n  if (typeof fontSizeMultiplier === "undefined") {\n    return;\n  }\n\n  var multiplier = parseFloat(fontSizeMultiplier);\n  multiplier = multiplier <= 0 ? 1 : multiplier;\n  fontData.font_size.value = (0,_utils_round__WEBPACK_IMPORTED_MODULE_5__.round)(parseFloat(fontData.font_size.value) * multiplier, styleManager.fonts.floatPrecision);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/connected-fields/index.js?')},"./src/_js/customizer/fonts/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initializeFonts\": () => (/* binding */ initializeFonts)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/init-subfield.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/get-font-details.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/update-font-head-title.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/update-variant-field.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/self-update-value.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/index.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/fonts-service.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils */ \"./src/_js/customizer/fonts/utils/load-font-value.js\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ \"./src/_js/utils/maybe-load-font-loader-script.js\");\n/* harmony import */ var _connected_fields__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./connected-fields */ \"./src/_js/customizer/fonts/connected-fields/index.js\");\n/* harmony import */ var _initialize_connected_fields_presets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./initialize-connected-fields-presets */ \"./src/_js/customizer/fonts/initialize-connected-fields-presets.js\");\n/* harmony import */ var _initialize_typography_shortcuts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./initialize-typography-shortcuts */ \"./src/_js/customizer/fonts/initialize-typography-shortcuts.js\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\n\n\n\n\n\n\n\nvar wrapperSelector = '.font-options__wrapper';\nvar fontVariantSelector = '.style-manager_font_weight';\nvar initializeFonts = function initializeFonts() {\n  var $fontFields = jquery__WEBPACK_IMPORTED_MODULE_0___default()(wrapperSelector);\n  $fontFields.each(function (i, obj) {\n    var $fontField = jquery__WEBPACK_IMPORTED_MODULE_0___default()(obj);\n    initializeFontFamilyField($fontField);\n    initializeSubfields($fontField);\n  });\n  window.addEventListener('pageshow', function () {\n    (0,_utils__WEBPACK_IMPORTED_MODULE_2__.maybeLoadWebfontloaderScript)();\n  });\n  (0,_utils__WEBPACK_IMPORTED_MODULE_3__.handleFontPopupToggle)();\n  (0,_initialize_connected_fields_presets__WEBPACK_IMPORTED_MODULE_4__.initializeConnectedFieldsPresets)();\n  (0,_initialize_typography_shortcuts__WEBPACK_IMPORTED_MODULE_5__.initializeTypographyShortcuts)();\n  (0,_connected_fields__WEBPACK_IMPORTED_MODULE_6__.reloadConnectedFields)();\n};\n\nvar initializeFontFamilyField = function initializeFontFamilyField($fontField) {\n  var $fontFamilyField = $fontField.find('.style-manager_font_family');\n  var familyPlaceholderText = styleManager.l10n.fonts.familyPlaceholderText; // Add the Google Fonts opts to each control\n\n  addGoogleFontsToFontFamilyField($fontFamilyField); // Initialize the select2 field for the font family\n\n  $fontFamilyField.select2({\n    placeholder: familyPlaceholderText\n  });\n  $fontFamilyField.on('change', onFontFamilyChange);\n  bindFontFamilySettingChange($fontFamilyField);\n};\n\nvar initializeSubfields = function initializeSubfields($fontField) {\n  var $variant = $fontField.find(fontVariantSelector);\n  var $select = $fontField.find('select').not('select[class*=\\' select2\\'],select[class^=\\'select2\\']');\n  var $range = $fontField.find('input[type=\"range\"]'); // Initialize the select2 field for the font variant\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.initSubfield)($variant, true); // Initialize all the regular selects in the font subfields\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.initSubfield)($select, false); // Initialize the all the range fields in the font subfields\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_7__.initSubfield)($range, false);\n};\n\nvar addGoogleFontsToFontFamilyField = function addGoogleFontsToFontFamilyField($fontFamilyField) {\n  var googleFontsOptions = wp.customize.settings['google_fonts_opts'];\n  var $googleOptionsPlaceholder = $fontFamilyField.find('.google-fonts-opts-placeholder').first();\n\n  if (typeof googleFontsOptions !== 'undefined' && $googleOptionsPlaceholder.length) {\n    // Replace the placeholder with the HTML for the Google fonts select options.\n    $googleOptionsPlaceholder.replaceWith(googleFontsOptions); // The active font family might be a Google font so we need to set the current value after we've added the options.\n\n    var activeFontFamily = $fontFamilyField.data('active_font_family');\n\n    if (typeof activeFontFamily !== 'undefined') {\n      $fontFamilyField.val(activeFontFamily);\n    }\n  }\n};\n\nvar onFontFamilyChange = function onFontFamilyChange(event) {\n  var newFontFamily = event.target.value;\n  var $target = jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target);\n  var $wrapper = $target.closest(wrapperSelector); // Get the new font details\n\n  var newFontDetails = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getFontDetails)(newFontFamily); // Update the font field head title (with the new font family name).\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_9__.updateFontHeadTitle)(newFontDetails, $wrapper); // Update the variant subfield with the new options given by the selected font family.\n\n  (0,_utils__WEBPACK_IMPORTED_MODULE_10__.updateVariantField)(newFontDetails, $wrapper);\n\n  if (typeof who !== 'undefined' && who === 'style-manager') {// The change was triggered programmatically by Style Manager.\n    // No need to self-update the value.\n  } else {\n    // Mark this input as touched by the user.\n    jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target).data('touched', true); // Serialize subfield values and refresh the fonts in the preview window.\n\n    (0,_utils__WEBPACK_IMPORTED_MODULE_11__.selfUpdateValue)($wrapper, (0,_utils__WEBPACK_IMPORTED_MODULE_12__.getSettingID)($target));\n  }\n};\n\nvar bindFontFamilySettingChange = function bindFontFamilySettingChange($fontFamilyField) {\n  var $wrapper = $fontFamilyField.closest(wrapperSelector);\n  var settingID = (0,_utils__WEBPACK_IMPORTED_MODULE_12__.getSettingID)($fontFamilyField);\n  wp.customize(settingID, function (setting) {\n    setting.bind(function (newValue, oldValue) {\n      // this is a costly operation\n      if (!_utils__WEBPACK_IMPORTED_MODULE_13__.isUpdating(settingID)) {\n        (0,_utils__WEBPACK_IMPORTED_MODULE_14__.loadFontValue)($wrapper, newValue, settingID);\n      }\n    });\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/index.js?")},"./src/_js/customizer/fonts/initialize-connected-fields-presets.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "initializeConnectedFieldsPresets": () => (/* binding */ initializeConnectedFieldsPresets)\n/* harmony export */ });\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global-service */ "./src/_js/customizer/global-service.js");\n/* harmony import */ var _connected_fields__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./connected-fields */ "./src/_js/customizer/fonts/connected-fields/index.js");\n\n\nvar initializeConnectedFieldsPresets = function initializeConnectedFieldsPresets() {\n  wp.customize(\'sm_fonts_connected_fields_preset\', function (setting) {\n    var settingIDs = styleManager.fontPalettes.masterSettingIds;\n    var config = _global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig(\'sm_fonts_connected_fields_preset\');\n    var value = setting();\n\n    var updateConnectedSettingsConfigs = function updateConnectedSettingsConfigs(newValue) {\n      var _config$choices, _config$choices$newVa;\n\n      if (!(config !== null && config !== void 0 && (_config$choices = config.choices) !== null && _config$choices !== void 0 && (_config$choices$newVa = _config$choices[newValue]) !== null && _config$choices$newVa !== void 0 && _config$choices$newVa.config)) {\n        return;\n      }\n\n      var newValueConfig = config.choices[newValue].config;\n      Object.keys(newValueConfig).forEach(function (settingID) {\n        var masterFontConfig = _global_service__WEBPACK_IMPORTED_MODULE_0__.getSettingConfig(settingID);\n        var newMasterFontConfig = Object.assign({}, masterFontConfig, {\n          connected_fields: newValueConfig[settingID]\n        });\n        _global_service__WEBPACK_IMPORTED_MODULE_0__.setSettingConfig(settingID, newMasterFontConfig);\n      });\n    };\n\n    updateConnectedSettingsConfigs(value);\n    setting.bind(function (newValue) {\n      updateConnectedSettingsConfigs(newValue);\n      (0,_connected_fields__WEBPACK_IMPORTED_MODULE_1__.reloadConnectedFields)();\n      settingIDs.forEach(function (settingID) {\n        wp.customize(settingID, function (setting) {\n          var value = setting();\n          setting.callbacks.fireWith(setting, [value, value]);\n        });\n      });\n    });\n  });\n  wp.customize(\'sm_font_sizing\', function (setting) {\n    // Font Sizing\n    var configs = {\n      smallest: {\n        sm_font_primary: [0, 34],\n        sm_font_secondary: [5, 30],\n        sm_font_body: [0, 10]\n      },\n      smaller: {\n        sm_font_primary: [6, 40],\n        // sm_font_category: [elevation, pitch]\n        sm_font_secondary: [16, 16],\n        sm_font_body: [0, 45]\n      },\n      normal: {\n        sm_font_primary: [7, 80],\n        sm_font_secondary: [24, 16],\n        sm_font_body: [24, 45]\n      },\n      larger: {\n        sm_font_primary: [12, 100],\n        sm_font_secondary: [20, 30],\n        sm_font_body: [50, 30]\n      },\n      largest: {\n        sm_font_primary: [18, 100],\n        sm_font_secondary: [20, 45],\n        sm_font_body: [70, 30]\n      } // Felt \n      // Connected Fields Presets: 1.5\n      // Config: Smallest\n\n    };\n    setting.bind(function (newValue) {\n      var config = configs[newValue];\n\n      if (!config) {\n        return;\n      }\n\n      Object.keys(config).forEach(function (settingID) {\n        wp.customize("".concat(settingID, "_elevation"), function (elevationSetting) {\n          wp.customize("".concat(settingID, "_pitch"), function (pitchSetting) {\n            elevationSetting.set(config[settingID][0]);\n            pitchSetting.set(config[settingID][1]);\n          });\n        });\n      });\n    });\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/initialize-connected-fields-presets.js?')},"./src/_js/customizer/fonts/initialize-typography-shortcuts.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "initializeTypographyShortcuts": () => (/* binding */ initializeTypographyShortcuts)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ "react-dom");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/_js/customizer/utils/index.js");\n/* harmony import */ var _components_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/index */ "./src/_js/customizer/components/customizer-shortcut/index.js");\n/* harmony import */ var _svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../svg/fine-tune-palette.svg */ "./src/_js/customizer/svg/fine-tune-palette.svg");\n\n\n\n\n\n\nvar FineTuneTypographyShortcut = function FineTuneTypographyShortcut(props) {\n  var targetSectionID = \'sm_fine_tune_font_palette_section\';\n  var currentSectionID = \'sm_font_palettes_section\';\n  var label = styleManager.l10n.colorPalettes.builderFineTuneTypographyLabel;\n  var icon = "\\n                <svg viewBox=\\"".concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_1__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_1__["default"].id, "\\" />\\n                </svg>");\n  return /*#__PURE__*/React.createElement(_components_index__WEBPACK_IMPORTED_MODULE_2__["default"], {\n    currentSectionID: currentSectionID,\n    targetSectionID: targetSectionID,\n    icon: icon,\n    label: label\n  });\n};\n\nvar FontElementsConfigurationShortcut = function FontElementsConfigurationShortcut(props) {\n  var currentSectionID = \'sm_fine_tune_font_palette_section\';\n  var targetSectionID = "".concat(styleManager.config.options_name, "[fonts_section]");\n  var label = styleManager.l10n.colorPalettes.builderFineTuneTypographyLabel;\n  var icon = "\\n                <svg viewBox=\\"".concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_1__["default"].viewBox, "\\">\\n                  <use xlink:href=\\"#").concat(_svg_fine_tune_palette_svg__WEBPACK_IMPORTED_MODULE_1__["default"].id, "\\" />\\n                </svg>");\n  return /*#__PURE__*/React.createElement(_components_index__WEBPACK_IMPORTED_MODULE_2__["default"], {\n    currentSectionID: currentSectionID,\n    targetSectionID: targetSectionID,\n    icon: icon,\n    label: label\n  });\n};\n\nvar initializeTypographyShortcuts = function initializeTypographyShortcuts() {\n  (0,_utils__WEBPACK_IMPORTED_MODULE_3__.insertShortcutAfter)(\'customize-control-sm_font_sizing_control\', FineTuneTypographyShortcut);\n  (0,_utils__WEBPACK_IMPORTED_MODULE_3__.insertShortcutAfter)(\'customize-control-sm_fonts_connected_fields_preset_control\', FontElementsConfigurationShortcut);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/initialize-typography-shortcuts.js?')},"./src/_js/customizer/fonts/utils/convert-font-variant.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"convertFontVariantToFVD\": () => (/* binding */ convertFontVariantToFVD)\n/* harmony export */ });\n/**\n * Will convert an array of CSS like variants into their FVD equivalents. Web Font Loader expects this format.\n * @link https://github.com/typekit/fvd\n */\nvar convertFontVariantToFVD = function convertFontVariantToFVD(variant) {\n  variant = String(variant);\n  var fontStyle = 'n'; // normal\n\n  if (-1 !== variant.indexOf('italic')) {\n    fontStyle = 'i';\n    variant = variant.replace('italic', '');\n  } else if (-1 !== variant.indexOf('oblique')) {\n    fontStyle = 'o';\n    variant = variant.replace('oblique', '');\n  }\n\n  var fontWeight; //  The equivalence:\n  //\n  //\t\t\t1: 100\n  //\t\t\t2: 200\n  //\t\t\t3: 300\n  //\t\t\t4: 400 (default, also recognized as 'normal')\n  //\t\t\t5: 500\n  //\t\t\t6: 600\n  //\t\t\t7: 700 (also recognized as 'bold')\n  //\t\t\t8: 800\n  //\t\t\t9: 900\n\n  switch (variant) {\n    case '100':\n      fontWeight = '1';\n      break;\n\n    case '200':\n      fontWeight = '2';\n      break;\n\n    case '300':\n      fontWeight = '3';\n      break;\n\n    case '500':\n      fontWeight = '5';\n      break;\n\n    case '600':\n      fontWeight = '6';\n      break;\n\n    case '700':\n    case 'bold':\n      fontWeight = '7';\n      break;\n\n    case '800':\n      fontWeight = '8';\n      break;\n\n    case '900':\n      fontWeight = '9';\n      break;\n\n    default:\n      fontWeight = '4';\n      break;\n  }\n\n  return fontStyle + fontWeight;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/convert-font-variant.js?")},"./src/_js/customizer/fonts/utils/determine-font-type.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"determineFontType\": () => (/* binding */ determineFontType)\n/* harmony export */ });\nvar determineFontType = function determineFontType(fontFamily) {\n  // The default is a standard font (aka no special loading or processing).\n  var fontType = 'system_font'; // We will follow a stack in the following order: third-party fonts, cloud fonts, theme fonts, Google fonts, standard fonts.\n\n  if (typeof styleManager.fonts.third_party_fonts[fontFamily] !== 'undefined') {\n    fontType = 'third_party_font';\n  } else if (typeof styleManager.fonts.cloud_fonts[fontFamily] !== 'undefined') {\n    fontType = 'cloud_font';\n  } else if (typeof styleManager.fonts.theme_fonts[fontFamily] !== 'undefined') {\n    fontType = 'theme_font';\n  } else if (typeof styleManager.fonts.google_fonts[fontFamily] !== 'undefined') {\n    fontType = 'google_font';\n  }\n\n  return fontType;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/determine-font-type.js?")},"./src/_js/customizer/fonts/utils/fonts-service.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "isLoading": () => (/* binding */ isLoading),\n/* harmony export */   "isUpdating": () => (/* binding */ isUpdating),\n/* harmony export */   "setLoading": () => (/* binding */ setLoading),\n/* harmony export */   "setUpdating": () => (/* binding */ setUpdating)\n/* harmony export */ });\nvar updating = {};\nvar loading = {};\nvar isLoading = function isLoading(settingID) {\n  return !!updating[settingID];\n};\nvar isUpdating = function isUpdating(settingID) {\n  return !!loading[settingID];\n};\nvar setLoading = function setLoading(settingID, value) {\n  loading[settingID] = value;\n};\nvar setUpdating = function setUpdating(settingID, value) {\n  updating[settingID] = value;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/fonts-service.js?')},"./src/_js/customizer/fonts/utils/get-font-details.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontDetails\": () => (/* binding */ getFontDetails)\n/* harmony export */ });\n/* harmony import */ var _determine_font_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./determine-font-type */ \"./src/_js/customizer/fonts/utils/determine-font-type.js\");\n\nvar getFontDetails = function getFontDetails(fontFamily) {\n  var fontType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n  if (false === fontType) {\n    // We will determine the font type based on font family.\n    fontType = (0,_determine_font_type__WEBPACK_IMPORTED_MODULE_0__.determineFontType)(fontFamily);\n  }\n\n  switch (fontType) {\n    case 'theme_font':\n      return styleManager.fonts.theme_fonts[fontFamily];\n      break;\n\n    case 'cloud_font':\n      return styleManager.fonts.cloud_fonts[fontFamily];\n      break;\n\n    case 'google_font':\n      return styleManager.fonts.google_fonts[fontFamily];\n      break;\n\n    case 'system_font':\n      if (typeof styleManager.fonts.system_fonts[fontFamily] !== 'undefined') {\n        return styleManager.fonts.system_fonts[fontFamily];\n      }\n\n      break;\n\n    case 'third_party_font':\n      if (typeof styleManager.fonts.third_party_fonts[fontFamily] !== 'undefined') {\n        return styleManager.fonts.third_party_fonts[fontFamily];\n      }\n\n      break;\n\n    default:\n  }\n\n  return false;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/get-font-details.js?")},"./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"handleFontPopupToggle\": () => (/* binding */ handleFontPopupToggle)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar handleFontPopupToggle = function handleFontPopupToggle() {\n  var $allFontCheckboxes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.js-font-option-toggle'); // Close all other font fields popups when opening a font field popup.\n\n  $allFontCheckboxes.on('click', function (event) {\n    $allFontCheckboxes.not(event.target).prop('checked', false);\n  }); // Make sure that all fonts popups are closed when backing away from a panel or section.\n  // @todo This doesn't catch backing with ESC key. For that we should hook on Customizer section and panel events ('collapsed').\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('#customize-controls .customize-panel-back, #customize-controls .customize-section-back').on('click', function () {\n    $allFontCheckboxes.prop('checked', false);\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js?")},"./src/_js/customizer/fonts/utils/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "convertFontVariantToFVD": () => (/* reexport safe */ _convert_font_variant__WEBPACK_IMPORTED_MODULE_0__.convertFontVariantToFVD),\n/* harmony export */   "determineFontType": () => (/* reexport safe */ _determine_font_type__WEBPACK_IMPORTED_MODULE_1__.determineFontType),\n/* harmony export */   "getFontDetails": () => (/* reexport safe */ _get_font_details__WEBPACK_IMPORTED_MODULE_2__.getFontDetails),\n/* harmony export */   "handleFontPopupToggle": () => (/* reexport safe */ _handle_font_popup_toggle__WEBPACK_IMPORTED_MODULE_3__.handleFontPopupToggle),\n/* harmony export */   "initSubfield": () => (/* reexport safe */ _init_subfield__WEBPACK_IMPORTED_MODULE_4__.initSubfield),\n/* harmony export */   "loadFontValue": () => (/* reexport safe */ _load_font_value__WEBPACK_IMPORTED_MODULE_5__.loadFontValue),\n/* harmony export */   "selfUpdateValue": () => (/* reexport safe */ _self_update_value__WEBPACK_IMPORTED_MODULE_6__.selfUpdateValue),\n/* harmony export */   "standardizeNumericalValue": () => (/* reexport safe */ _standardize_numerical_value__WEBPACK_IMPORTED_MODULE_7__.standardizeNumericalValue),\n/* harmony export */   "updateFontHeadTitle": () => (/* reexport safe */ _update_font_head_title__WEBPACK_IMPORTED_MODULE_8__.updateFontHeadTitle),\n/* harmony export */   "updateVariantField": () => (/* reexport safe */ _update_variant_field__WEBPACK_IMPORTED_MODULE_9__.updateVariantField),\n/* harmony export */   "fontsService": () => (/* reexport module object */ _fonts_service__WEBPACK_IMPORTED_MODULE_10__),\n/* harmony export */   "getSettingID": () => (/* binding */ getSettingID),\n/* harmony export */   "getWrapper": () => (/* binding */ getWrapper)\n/* harmony export */ });\n/* harmony import */ var _convert_font_variant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./convert-font-variant */ "./src/_js/customizer/fonts/utils/convert-font-variant.js");\n/* harmony import */ var _determine_font_type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./determine-font-type */ "./src/_js/customizer/fonts/utils/determine-font-type.js");\n/* harmony import */ var _get_font_details__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./get-font-details */ "./src/_js/customizer/fonts/utils/get-font-details.js");\n/* harmony import */ var _handle_font_popup_toggle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./handle-font-popup-toggle */ "./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js");\n/* harmony import */ var _init_subfield__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./init-subfield */ "./src/_js/customizer/fonts/utils/init-subfield.js");\n/* harmony import */ var _load_font_value__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./load-font-value */ "./src/_js/customizer/fonts/utils/load-font-value.js");\n/* harmony import */ var _self_update_value__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./self-update-value */ "./src/_js/customizer/fonts/utils/self-update-value.js");\n/* harmony import */ var _standardize_numerical_value__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./standardize-numerical-value */ "./src/_js/customizer/fonts/utils/standardize-numerical-value.js");\n/* harmony import */ var _update_font_head_title__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./update-font-head-title */ "./src/_js/customizer/fonts/utils/update-font-head-title.js");\n/* harmony import */ var _update_variant_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./update-variant-field */ "./src/_js/customizer/fonts/utils/update-variant-field.js");\n/* harmony import */ var _fonts_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./fonts-service */ "./src/_js/customizer/fonts/utils/fonts-service.js");\n\n\n\n\n\n\n\n\n\n\n\n\nvar wrapperSelector = \'.font-options__wrapper\';\nvar valueHolderSelector = \'.style-manager_font_values\';\nvar getSettingID = function getSettingID($element) {\n  return getWrapper($element).find(valueHolderSelector).data(\'customize-setting-link\');\n};\nvar getWrapper = function getWrapper($element) {\n  return $element.closest(wrapperSelector);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/index.js?')},"./src/_js/customizer/fonts/utils/init-subfield.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"initSubfield\": () => (/* binding */ initSubfield)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/index.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/self-update-value.js\");\n\n\nvar initSubfield = function initSubfield($subField) {\n  var select2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  // Mark these as not touched by the user.\n  $subField.data('touched', false);\n  $subField.on('input change', onSubfieldChange); // If we've been instructed, initialize a select2.\n\n  if (true === select2) {\n    $subField.select2();\n  }\n};\n\nvar onSubfieldChange = function onSubfieldChange(event, who) {\n  var $subField = jquery__WEBPACK_IMPORTED_MODULE_0___default()(event.target); // The change was triggered programmatically by Style Manager.\n  // No need to self-update the value.\n\n  if ('style-manager' === who) {\n    return;\n  }\n\n  var wrapper = (0,_index__WEBPACK_IMPORTED_MODULE_1__.getWrapper)($subField);\n  var settingID = (0,_index__WEBPACK_IMPORTED_MODULE_1__.getSettingID)($subField); // Mark this input as touched by the user.\n\n  $subField.data('touched', true); // Gather subfield values and trigger refresh of the fonts in the preview window.\n\n  (0,_index__WEBPACK_IMPORTED_MODULE_2__.selfUpdateValue)(wrapper, settingID);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/init-subfield.js?")},"./src/_js/customizer/fonts/utils/load-font-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"loadFontValue\": () => (/* binding */ loadFontValue)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/fonts-service.js\");\n/* harmony import */ var _round__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./round */ \"./src/_js/customizer/fonts/utils/round.js\");\n/* harmony import */ var _standardize_numerical_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./standardize-numerical-value */ \"./src/_js/customizer/fonts/utils/standardize-numerical-value.js\");\n\n\n\n\n/**\n * This function is a reverse of selfUpdateValue(), initializing the entire font field controls\n * based on the setting value.\n */\n\nvar loadFontValue = function loadFontValue(wrapper, value, settingID) {\n  // If we are already loading this setting value and haven't finished, there is no point in starting again.\n  if (_index__WEBPACK_IMPORTED_MODULE_1__.isLoading(settingID)) {\n    return;\n  } // Mark the fact that we are loading the field value\n\n\n  _index__WEBPACK_IMPORTED_MODULE_1__.setLoading(settingID, true);\n  var optionsList = jquery__WEBPACK_IMPORTED_MODULE_0___default()(wrapper).find('.font-options__options-list'),\n      inputs = optionsList.find('[data-value_entry]');\n  inputs.each(function (key, input) {\n    var $input = jquery__WEBPACK_IMPORTED_MODULE_0___default()(input);\n    var valueEntry = $input.data('value_entry'); // In the case of select2, only the original selects have the data field, thus excluding select2 created select DOM elements\n\n    if (typeof valueEntry === 'undefined' || valueEntry === '' || typeof value[valueEntry] === 'undefined') {\n      return;\n    } // We will do this only for numerical sub-fields.\n\n\n    if (_.includes(['letter_spacing', 'line_height', 'font_size'], valueEntry)) {\n      var subfieldValue = (0,_standardize_numerical_value__WEBPACK_IMPORTED_MODULE_2__.standardizeNumericalValue)(value[valueEntry], input); // Make sure that the unit and value_unit attributes are in place.\n\n      if (subfieldValue.unit !== '') {\n        $input.data('value_unit', subfieldValue.unit);\n\n        if (_.isEmpty($input.attr('unit'))) {\n          $input.attr('unit', subfieldValue.unit);\n        }\n      } // If the field unit and value unit differ, we have some conversion to do.\n      // We will convert the received value to the appropriate unit declared by the input.\n      // We will use a guessed base size of 16px. Not an exact conversion, but it will have to do.\n\n\n      var baseSize = 16;\n      var subfieldUnit = $input.attr('unit').trim().toLowerCase();\n      var subfieldValueUnit = $input.data('value_unit').trim().toLowerCase(); // The comparison is intentionally loose.\n\n      if (subfieldUnit != subfieldValueUnit) {\n        if (_.includes(['em', 'rem'], subfieldValueUnit) && 'px' === subfieldUnit) {\n          // We will have to multiply the value.\n          subfieldValue.value = (0,_round__WEBPACK_IMPORTED_MODULE_3__.round)(subfieldValue.value * baseSize, styleManager.fonts.floatPrecision);\n        } else if (_.includes(['em', 'rem'], subfieldUnit) && 'px' === subfieldValueUnit) {\n          // We will have to divide the value.\n          subfieldValue.value = (0,_round__WEBPACK_IMPORTED_MODULE_3__.round)(subfieldValue.value / baseSize, styleManager.fonts.floatPrecision);\n        }\n      } // If this field has a min/max attribute we need to make sure that those attributes allow for the value we are trying to impose.\n\n\n      if ($input.attr('min') && $input.attr('min') > subfieldValue.value) {\n        $input.attr('min', subfieldValue.value);\n      }\n\n      if ($input.attr('max') && $input.attr('max') < subfieldValue.value) {\n        $input.attr('max', subfieldValue.value);\n      }\n\n      $input.val(subfieldValue.value);\n    } else {\n      $input.val(value[valueEntry]);\n    } // Mark this input as not touched by the user.\n\n\n    $input.data('touched', false);\n    $input.trigger('input', ['style-manager']);\n    $input.trigger('change', ['style-manager']);\n  }); // Finished with the field value loading.\n\n  _index__WEBPACK_IMPORTED_MODULE_1__.setLoading(settingID, false);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/load-font-value.js?")},"./src/_js/customizer/fonts/utils/round.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "round": () => (/* binding */ round)\n/* harmony export */ });\nvar round = function round(number, precision) {\n  var factor = Math.pow(10, precision);\n  return Math.round(number * factor) / factor;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/round.js?')},"./src/_js/customizer/fonts/utils/self-update-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"selfUpdateValue\": () => (/* binding */ selfUpdateValue)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/fonts-service.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/standardize-numerical-value.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./index */ \"./src/_js/customizer/fonts/utils/get-font-details.js\");\n\n\n/**\n * Gather the value for our entire font field and save it in the setting.\n */\n\nvar selfUpdateValue = function selfUpdateValue(wrapper, settingID) {\n  // If we are already self-updating this and we haven't finished, we need to stop here to prevent infinite loops\n  // This call might have come from a subfield detecting the change thus triggering a further selfUpdateValue()\n  // If we are loading this setting value and haven't finished,\n  // there is no point in updating it as this would cause infinite loops.\n  if (_index__WEBPACK_IMPORTED_MODULE_1__.isUpdating(settingID) || _index__WEBPACK_IMPORTED_MODULE_1__.isLoading(settingID)) {\n    return;\n  } // Mark the fact that we are self-updating the field value\n\n\n  _index__WEBPACK_IMPORTED_MODULE_1__.setUpdating(settingID, true);\n  var optionsList = wrapper.find('.font-options__options-list');\n  var inputs = optionsList.find('[data-value_entry]');\n  var newFontData = {};\n  wp.customize(settingID, function (setting) {\n    newFontData = jquery__WEBPACK_IMPORTED_MODULE_0___default().extend(true, {}, setting());\n    inputs.each(function (key, input) {\n      var $input = jquery__WEBPACK_IMPORTED_MODULE_0___default()(input);\n      var valueEntry = $input.data('value_entry');\n      var value = $input.val(); // We only pick up subfields values that have been touched by the user, that are enabled (visible) or values that are missing in the oldValue.\n\n      if (_.isUndefined(valueEntry) || $input.data('disabled') || !$input.data('touched') && !_.isUndefined(newFontData[valueEntry])) {\n        return;\n      }\n\n      if ('font_family' === valueEntry) {\n        // Get the src of the selected option.\n        var src = jquery__WEBPACK_IMPORTED_MODULE_0___default()(input.options[input.selectedIndex]).data('src');\n\n        if (src) {\n          newFontData['src'] = src;\n        } else {\n          delete newFontData['src'];\n        }\n      }\n\n      if (!_.isUndefined(value) && !_.isNull(value) && value !== '') {\n        if (_.includes(['letter_spacing', 'line_height', 'font_size'], valueEntry)) {\n          // Standardize the value.\n          value = (0,_index__WEBPACK_IMPORTED_MODULE_2__.standardizeNumericalValue)(value, input, false);\n        }\n\n        newFontData[valueEntry] = value;\n      } else {\n        delete newFontData[valueEntry];\n      }\n    }); // We don't need to store font variants or subsets list in the value\n    // since we will get those from the global font details.\n\n    delete newFontData['variants'];\n    delete newFontData['subsets']; // We need to make sure that we don't \"use\" any variants not supported by the new font (values passed over from the old value).\n    // Get the new font details\n\n    var newFontDetails = (0,_index__WEBPACK_IMPORTED_MODULE_3__.getFontDetails)(newFontData['font_family']); // Check the font variant\n\n    if (typeof newFontData['font_variant'] !== 'undefined' && typeof newFontDetails.variants !== 'undefined' && Object.keys(newFontDetails.variants).length > 0) {\n      // Make sure that the font_variant is a string, not a number.\n      newFontData['font_variant'] = String(newFontData['font_variant']);\n\n      if (!_.includes(newFontDetails.variants, newFontData['font_variant'])) {\n        // The new font doesn't have this variant. Nor should the value.\n        delete newFontData['font_variant'];\n      }\n    } else {\n      // The new font has no variants. Nor should the value.\n      delete newFontData['font_variant'];\n    } // Update the Customizer setting value.\n\n\n    setting.set(newFontData);\n  }); // Finished with the field value self-updating.\n\n  _index__WEBPACK_IMPORTED_MODULE_1__.setUpdating(settingID, false);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/self-update-value.js?")},"./src/_js/customizer/fonts/utils/standardize-numerical-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"standardizeNumericalValue\": () => (/* binding */ standardizeNumericalValue)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * Given a value we will standardize it to an array with 'value' and 'unit'.\n *\n * This is a mirror logic of the server-side one from Utils\\Fonts::standardizeNumericalValue()\n *\n * @param value\n * @param input Optional. The input this value was extracted from\n * @param valueFirst Optional. Whether to give higher priority to value related data, or to input related one.\n */\n\nvar standardizeNumericalValue = function standardizeNumericalValue(value) {\n  var input = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n  var valueFirst = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n  var standardValue = {\n    value: false,\n    unit: false\n  };\n\n  if (_.isUndefined(value) || _.includes(['', 'false', false], value)) {\n    return standardValue;\n  }\n\n  if (!isNaN(value)) {\n    standardValue.value = value;\n  } else if (typeof value.value !== 'undefined') {\n    standardValue.value = value.value;\n\n    if (typeof value.unit !== 'undefined') {\n      standardValue.unit = value.unit;\n    }\n  } else if (typeof value[0] !== 'undefined') {\n    standardValue.value = value[0];\n\n    if (typeof value[1] !== 'undefined') {\n      standardValue.unit = value[1];\n    }\n  } else if (typeof value === 'string') {\n    // We will get everything in front that is a valid part of a number (float including).\n    var matches = value.match(/^([\\d.\\-+]+)(.+)/i);\n\n    if (matches !== null && typeof matches[1] !== 'undefined') {\n      standardValue.value = matches[1];\n\n      if (!_.isEmpty(matches[2])) {\n        standardValue.unit = matches[2];\n      }\n    } else {\n      // If we could not extract anything useful we will trust the developer and leave it like that.\n      standardValue.value = value;\n    }\n  }\n\n  if (false !== input && (false === standardValue.unit || _.isEmpty(standardValue.unit))) {\n    // If we are given an input, we will attempt to extract the unit from its attributes.\n    var fallbackInputUnit = '';\n    var $input = jquery__WEBPACK_IMPORTED_MODULE_0___default()(input);\n\n    if (valueFirst) {\n      if (!_.isEmpty($input.data('value_unit'))) {\n        fallbackInputUnit = $input.data('value_unit');\n      } else if (!_.isEmpty($input.attr('unit'))) {\n        fallbackInputUnit = $input.attr('unit');\n      }\n    } else {\n      if (!_.isEmpty($input.attr('unit'))) {\n        fallbackInputUnit = $input.attr('unit');\n      } else if (!_.isEmpty($input.data('value_unit'))) {\n        fallbackInputUnit = $input.data('value_unit');\n      }\n    }\n\n    standardValue.unit = fallbackInputUnit;\n  } // Make sure that if we have a numerical value, it is a float.\n\n\n  if (!isNaN(standardValue.value)) {\n    standardValue.value = parseFloat(standardValue.value);\n  }\n\n  return standardValue;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/standardize-numerical-value.js?")},"./src/_js/customizer/fonts/utils/update-font-head-title.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"updateFontHeadTitle\": () => (/* binding */ updateFontHeadTitle)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * Update the title of the font field (the field head) with the new font family name.\n *\n * @param newFontDetails\n * @param wrapper\n */\n\nvar updateFontHeadTitle = function updateFontHeadTitle(newFontDetails, wrapper) {\n  var fontTitleElement = wrapper.find('.font-options__head .font-options__font-title');\n  var fontFamilyDisplay = newFontDetails.family;\n\n  if (typeof newFontDetails.family_display === 'string' && newFontDetails.family_display.length) {\n    fontFamilyDisplay = newFontDetails.family_display;\n  }\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()(fontTitleElement).html(fontFamilyDisplay);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/update-font-head-title.js?")},"./src/_js/customizer/fonts/utils/update-variant-field.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"updateVariantField\": () => (/* binding */ updateVariantField)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\nvar fontVariantSelector = '.style-manager_font_weight';\n/**\n * This function updates the data in font weight selector from the given <option> element\n *\n * @param newFontDetails\n * @param wrapper\n */\n\nvar updateVariantField = function updateVariantField(newFontDetails, wrapper) {\n  var variants = typeof newFontDetails.variants !== 'undefined' ? newFontDetails.variants : [],\n      fontVariantInput = wrapper.find(fontVariantSelector),\n      selectedVariant = fontVariantInput.val() ? fontVariantInput.val() : '',\n      newVariants = []; // We clear everything about this subfield.\n\n  fontVariantInput.val(null).empty();\n\n  if (fontVariantInput.hasClass(\"select2-hidden-accessible\")) {\n    fontVariantInput.select2('destroy');\n  } // Mark this input as not touched by the user.\n\n\n  fontVariantInput.data('touched', false);\n\n  if (typeof variants === 'undefined' || Object.keys(variants).length < 2) {\n    fontVariantInput.parent().hide();\n    fontVariantInput.parent().prev('label').hide(); // Mark this input as disabled.\n\n    fontVariantInput.data('disabled', true);\n    return;\n  }\n\n  var variantAutoText = styleManager.l10n.fonts.variantAutoText; // Initialize the options with an empty one.\n\n  newVariants.push({\n    'id': '',\n    'text': variantAutoText\n  }); // we need to turn the data array into a specific form like [{id:\"id\", text:\"Text\"}]\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default().each(variants, function (index, variant) {\n    var newVariant = {\n      'id': variant,\n      // This is the option value.\n      'text': variant\n    }; // Leave the comparison loose.\n\n    if (selectedVariant == variant) {\n      newVariant.selected = true;\n    }\n\n    newVariants.push(newVariant);\n  }); // This is a costly operation especially when font palettes are changed and multiple font fields are updated\n\n  requestIdleCallback(function () {\n    // Only reinitialize the select2.\n    // No need to rebind on change or on input since those are still bound to the original HTML element.\n    fontVariantInput.select2({\n      data: newVariants\n    });\n    fontVariantInput.parent().show();\n    fontVariantInput.parent().prev('label').show(); // Mark this input as enabled.\n\n    fontVariantInput.data('disabled', false);\n  });\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/fonts/utils/update-variant-field.js?")},"./src/_js/customizer/global-service.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "loadSettings": () => (/* binding */ loadSettings),\n/* harmony export */   "getSettings": () => (/* binding */ getSettings),\n/* harmony export */   "setSettings": () => (/* binding */ setSettings),\n/* harmony export */   "getSetting": () => (/* binding */ getSetting),\n/* harmony export */   "getSettingConfig": () => (/* binding */ getSettingConfig),\n/* harmony export */   "setSettingConfig": () => (/* binding */ setSettingConfig),\n/* harmony export */   "setSetting": () => (/* binding */ setSetting),\n/* harmony export */   "getCallback": () => (/* binding */ getCallback),\n/* harmony export */   "setCallback": () => (/* binding */ setCallback),\n/* harmony export */   "getCallbacks": () => (/* binding */ getCallbacks),\n/* harmony export */   "deleteCallbacks": () => (/* binding */ deleteCallbacks),\n/* harmony export */   "getBackArray": () => (/* binding */ getBackArray),\n/* harmony export */   "addToBackArray": () => (/* binding */ addToBackArray),\n/* harmony export */   "setBackArray": () => (/* binding */ setBackArray),\n/* harmony export */   "pushToBackArray": () => (/* binding */ pushToBackArray),\n/* harmony export */   "popFromBackArray": () => (/* binding */ popFromBackArray),\n/* harmony export */   "getConnectedFields": () => (/* binding */ getConnectedFields),\n/* harmony export */   "getConnectedFieldsIDs": () => (/* binding */ getConnectedFieldsIDs),\n/* harmony export */   "bindConnectedFields": () => (/* binding */ bindConnectedFields),\n/* harmony export */   "unbindConnectedFields": () => (/* binding */ unbindConnectedFields)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n\nvar callbacks = {};\nvar settings = {};\nvar overrideCustomizerBack = [];\nvar loadSettings = function loadSettings() {\n  settings = JSON.parse(JSON.stringify(wp.customize.settings.settings));\n};\nvar getSettings = function getSettings() {\n  return settings;\n};\nvar setSettings = function setSettings(newSettings) {\n  settings = newSettings;\n};\nvar getSetting = function getSetting(settingID) {\n  return settings[settingID];\n};\nvar getSettingConfig = function getSettingConfig(settingID) {\n  return styleManager.config.settings[settingID];\n};\nvar setSettingConfig = function setSettingConfig(settingID, newConfig) {\n  styleManager.config.settings[settingID] = newConfig;\n};\nvar setSetting = function setSetting(settingID, value) {\n  settings[settingID] = value;\n};\nvar getCallback = function getCallback(settingID) {\n  return callbacks[settingID];\n};\nvar setCallback = function setCallback(settingID, callback) {\n  callbacks[settingID] = callback;\n};\nvar getCallbacks = function getCallbacks() {\n  return callbacks;\n};\nvar deleteCallbacks = function deleteCallbacks(settingIDs) {\n  settingIDs.forEach(function (settingID) {\n    delete callbacks[settingID];\n  });\n};\nvar getBackArray = function getBackArray() {\n  return overrideCustomizerBack;\n};\nvar addToBackArray = function addToBackArray(section) {\n  overrideCustomizerBack.push(section);\n};\nvar setBackArray = function setBackArray(newArray) {\n  overrideCustomizerBack = newArray.slice();\n};\nvar pushToBackArray = function pushToBackArray(targetSection, section) {\n  var backArray = getBackArray();\n  window.document.body.classList.add(\'sm-customizer-shortcut-busy\');\n  setBackArray([]);\n  targetSection.focus();\n  setTimeout(function () {\n    window.document.body.classList.remove(\'sm-customizer-shortcut-busy\');\n  }, 600);\n  setBackArray(backArray);\n  addToBackArray(section);\n};\nvar popFromBackArray = function popFromBackArray() {\n  var backArray = getBackArray();\n  var targetSectionID = backArray.pop();\n\n  if (targetSectionID) {\n    wp.customize.section(targetSectionID, function (targetSection) {\n      window.document.body.classList.add(\'sm-customizer-shortcut-busy\');\n      targetSection.focus();\n      setTimeout(function () {\n        window.document.body.classList.remove(\'sm-customizer-shortcut-busy\');\n      }, 600);\n    });\n  }\n};\nvar getConnectedFields = function getConnectedFields(settingID) {\n  var settingConfig = getSetting(settingID);\n  var connectedFields = settingConfig.connected_fields || {};\n  return connectedFields;\n};\nvar getConnectedFieldsIDs = function getConnectedFieldsIDs(settingID) {\n  var connectedFields = getConnectedFields(settingID);\n  var connectedFieldsIDs = Object.keys(connectedFields).map(function (key) {\n    return connectedFields[key].setting_id;\n  });\n  return connectedFieldsIDs;\n};\nvar bindConnectedFields = function bindConnectedFields(settingIDs) {\n  var filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;\n  settingIDs.forEach(function (settingID) {\n    wp.customize(settingID, function (parentSetting) {\n      setCallback(settingID, function (newValue) {\n        var connectedFields = getConnectedFieldsIDs(settingID);\n        connectedFields.forEach(function (connectedSettingID) {\n          wp.customize(connectedSettingID, function (connectedSetting) {\n            connectedSetting.set(filter(newValue));\n          });\n        });\n      });\n      parentSetting.bind(getCallback(settingID));\n    });\n  });\n};\nvar unbindConnectedFields = function unbindConnectedFields(settingIDs) {\n  var globalCallbacks = lodash__WEBPACK_IMPORTED_MODULE_0___default().pick(getCallbacks(), settingIDs);\n\n  lodash__WEBPACK_IMPORTED_MODULE_0___default().each(globalCallbacks, function (callback, settingID) {\n    wp.customize(settingID, function (setting) {\n      setting.unbind(callback);\n    });\n  });\n\n  deleteCallbacks(settingIDs);\n};\n\nvar noop = function noop(x) {\n  return x;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/global-service.js?')},"./src/_js/customizer/hooks/use-active-preset.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks */ "./src/_js/customizer/hooks/use-customize-setting-callback.js");\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\nvar useActivePreset = function useActivePreset() {\n  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      activePreset = _useState2[0],\n      setActivePreset = _useState2[1];\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    wp.customize(\'sm_color_palette_in_use\', function (setting) {\n      setActivePreset(setting());\n    });\n  }, []);\n  var updateSettings = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    wp.customize(\'sm_color_palette_in_use\', function (setting) {\n      setting.set(newValue);\n    });\n    wp.customize(\'sm_is_custom_color_palette\', function (setting) {\n      // Use empty string instead of false since that is what the DB provides.\n      // This way we avoid triggering a setting change when it really is not (false !== \'\' and the setting is updated).\n      setting.set(!newValue ? true : \'\');\n    });\n  }, []);\n  var onActivePresetChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    setActivePreset(newValue);\n  });\n  (0,_hooks__WEBPACK_IMPORTED_MODULE_1__["default"])(\'sm_color_palette_in_use\', onActivePresetChange);\n  return [activePreset, updateSettings];\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useActivePreset);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-active-preset.js?')},"./src/_js/customizer/hooks/use-customize-setting-callback.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar useCustomizeSettingCallback = function useCustomizeSettingCallback(settingID, callback) {\n  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n\n  if (typeof callback !== "function") {\n    return;\n  }\n\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    wp.customize(settingID, function (setting) {\n      setting.bind(callback);\n    });\n    return function () {\n      wp.customize(settingID, function (setting) {\n        setting.unbind(callback);\n      });\n    };\n  }, deps);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useCustomizeSettingCallback);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-customize-setting-callback.js?')},"./src/_js/customizer/hooks/use-did-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar useDidUpdateEffect = function useDidUpdateEffect(fn, inputs) {\n  var didMountRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    if (didMountRef.current) {\n      fn();\n    } else {\n      didMountRef.current = true;\n    }\n  }, inputs);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useDidUpdateEffect);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-did-update-effect.js?')},"./src/_js/customizer/hooks/use-outside-click.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * Hook that alerts clicks outside of the passed ref\n */\n\nfunction useOutsideClick(ref, callback) {\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    /**\n     * Alert if clicked on outside of element\n     */\n    function handleClickOutside(event) {\n      if (ref.current && !ref.current.contains(event.target)) {\n        callback();\n      }\n    } // Bind the event listener\n\n\n    document.addEventListener("mousedown", handleClickOutside);\n    return function () {\n      // Unbind the event listener on clean up\n      document.removeEventListener("mousedown", handleClickOutside);\n    };\n  }, [ref]);\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useOutsideClick);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-outside-click.js?')},"./src/_js/customizer/hooks/use-pop-from-back-array.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global-service */ "./src/_js/customizer/global-service.js");\n\n\n\nvar usePopFromBackArray = function usePopFromBackArray(sectionID) {\n  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    var callback = function callback(isExpanded) {\n      if (!isExpanded) {\n        (0,_global_service__WEBPACK_IMPORTED_MODULE_1__.popFromBackArray)();\n      }\n    };\n\n    wp.customize.section(sectionID, function (section) {\n      section.expanded.bind(callback);\n    });\n    return function () {\n      wp.customize.section(sectionID, function (section) {\n        section.expanded.unbind(callback);\n      });\n    };\n  }, []);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (usePopFromBackArray);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-pop-from-back-array.js?')},"./src/_js/customizer/hooks/use-section-expand-callback.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar useSectionExpandCallback = function useSectionExpandCallback(sectionID, callback) {\n  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n    wp.customize.section(sectionID, function (section) {\n      section.expanded.bind(callback);\n    });\n    return function () {\n      wp.customize.section(sectionID, function (section) {\n        section.expanded.unbind(callback);\n      });\n    };\n  }, []);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useSectionExpandCallback);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-section-expand-callback.js?')},"./src/_js/customizer/hooks/use-update-source-setting.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nvar useUpdateSourceSetting = function useUpdateSourceSetting() {\n  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (newValue) {\n    wp.customize(\'sm_advanced_palette_source\', function (setting) {\n      setting.set(JSON.stringify(newValue));\n    });\n  }, []);\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useUpdateSourceSetting);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/hooks/use-update-source-setting.js?')},"./src/_js/customizer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "getFontDetails": () => (/* reexport safe */ _fonts_utils__WEBPACK_IMPORTED_MODULE_13__.getFontDetails),\n/* harmony export */   "determineFontType": () => (/* reexport safe */ _fonts_utils__WEBPACK_IMPORTED_MODULE_14__.determineFontType),\n/* harmony export */   "convertFontVariantToFVD": () => (/* reexport safe */ _fonts_utils__WEBPACK_IMPORTED_MODULE_15__.convertFontVariantToFVD),\n/* harmony export */   "maybeFillPalettesArray": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_16__.maybeFillPalettesArray),\n/* harmony export */   "getCSSFromPalettes": () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_17__.getCSSFromPalettes),\n/* harmony export */   "resizer": () => (/* reexport module object */ _resizer__WEBPACK_IMPORTED_MODULE_18__)\n/* harmony export */ });\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ "jquery");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./style.scss */ "./src/_js/customizer/style.scss");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./colors */ "./src/_js/customizer/colors/index.js");\n/* harmony import */ var _fonts__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./fonts */ "./src/_js/customizer/fonts/index.js");\n/* harmony import */ var _font_palettes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./font-palettes */ "./src/_js/customizer/font-palettes/index.js");\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global-service */ "./src/_js/customizer/global-service.js");\n/* harmony import */ var _resizer__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./resizer */ "./src/_js/customizer/resizer/index.js");\n/* harmony import */ var _fields_color_select__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fields/color-select */ "./src/_js/customizer/fields/color-select/index.js");\n/* harmony import */ var _fields_range__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fields/range */ "./src/_js/customizer/fields/range/index.js");\n/* harmony import */ var _fields_tabs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fields/tabs */ "./src/_js/customizer/fields/tabs/index.js");\n/* harmony import */ var _fields_preset__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fields/preset */ "./src/_js/customizer/fields/preset/index.js");\n/* harmony import */ var _folding_fields__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./folding-fields */ "./src/_js/customizer/folding-fields.js");\n/* harmony import */ var _create_reset_buttons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./create-reset-buttons */ "./src/_js/customizer/create-reset-buttons.js");\n/* harmony import */ var _feedback_modal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./feedback-modal */ "./src/_js/customizer/feedback-modal.js");\n/* harmony import */ var _fonts_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./fonts/utils */ "./src/_js/customizer/fonts/utils/get-font-details.js");\n/* harmony import */ var _fonts_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./fonts/utils */ "./src/_js/customizer/fonts/utils/determine-font-type.js");\n/* harmony import */ var _fonts_utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./fonts/utils */ "./src/_js/customizer/fonts/utils/convert-font-variant.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utils */ "./src/_js/customizer/utils/maybe-fill-palettes-array.js");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils */ "./src/_js/customizer/utils/get-css-from-palettes.js");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nwp.customize.bind(\'ready\', function () {\n  _global_service__WEBPACK_IMPORTED_MODULE_2__.loadSettings();\n  var settings = _global_service__WEBPACK_IMPORTED_MODULE_2__.getSettings();\n  var settingIDs = Object.keys(settings);\n  _global_service__WEBPACK_IMPORTED_MODULE_2__.bindConnectedFields(settingIDs);\n  (0,_create_reset_buttons__WEBPACK_IMPORTED_MODULE_3__.createResetButtons)();\n  (0,_fields_range__WEBPACK_IMPORTED_MODULE_4__.handleRangeFields)();\n  (0,_fields_color_select__WEBPACK_IMPORTED_MODULE_5__.handleColorSelectFields)();\n  (0,_fields_tabs__WEBPACK_IMPORTED_MODULE_6__.handleTabs)();\n  (0,_fields_preset__WEBPACK_IMPORTED_MODULE_7__.handlePresets)(); // @todo check reason for this timeout\n\n  setTimeout(function () {\n    (0,_folding_fields__WEBPACK_IMPORTED_MODULE_8__.handleFoldingFields)();\n  }, 1000); // Initialize simple select2 fields.\n\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()(\'.style-manager_select2\').select2();\n  (0,_colors__WEBPACK_IMPORTED_MODULE_9__.initializeColors)();\n  (0,_fonts__WEBPACK_IMPORTED_MODULE_10__.initializeFonts)();\n  (0,_font_palettes__WEBPACK_IMPORTED_MODULE_11__.initializeFontPalettes)();\n  (0,_feedback_modal__WEBPACK_IMPORTED_MODULE_12__.initializeFeedbackModal)();\n}); // expose API on sm.customizer global object\n\n\n\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/index.js?')},"./src/_js/customizer/resizer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"setOffset\": () => (/* binding */ setOffset),\n/* harmony export */   \"resize\": () => (/* binding */ resize)\n/* harmony export */ });\nvar defaultOffset = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar offset = defaultOffset;\nwp.customize.bind('ready', function () {\n  setOffset({\n    top: 10,\n    right: 10,\n    bottom: 10,\n    left: 10\n  });\n  resize();\n  window.addEventListener('resize', resize);\n  wp.customize.previewedDevice.bind(resize);\n  wp.customize.previewer.bind('synced', function () {\n    window.requestAnimationFrame(resize);\n  });\n  var collapseSidebar = document.querySelector('.collapse-sidebar');\n\n  if (!collapseSidebar) {\n    return;\n  }\n\n  collapseSidebar.addEventListener('click', function () {\n    setTimeout(resize, 300);\n  });\n});\nvar setOffset = function setOffset(newOffset) {\n  offset = Object.assign({}, newOffset);\n};\nvar resize = function resize() {\n  var preview = document.querySelector('.wp-full-overlay');\n\n  if (!preview) {\n    return;\n  }\n\n  var iframe = preview.querySelector('iframe');\n  var previewedDevice = wp.customize.previewedDevice.get();\n\n  if (!iframe) {\n    return;\n  } // remove CSS properties that may have been previously added\n\n\n  iframe.style.removeProperty('width');\n  iframe.style.removeProperty('height');\n  iframe.style.removeProperty('transform-origin');\n  iframe.style.removeProperty('transform');\n  iframe.style.removeProperty('margin-top');\n  iframe.style.removeProperty('margin-left'); // scaling of the site preview should be done only in desktop preview mode\n\n  if (previewedDevice !== 'desktop') {\n    return;\n  }\n\n  var windowWidth = window.innerWidth;\n  var windowHeight = window.innerHeight;\n  var previewWidth = preview.offsetWidth;\n  var previewHeight = preview.offsetHeight; // for an accurate preview at resolutions where media queries may intervene\n  // increase the width of the preview and use CSS transforms to scale it back down\n\n  var shouldScale = previewWidth > 720 && previewWidth < 1100;\n  var initialHeight = previewHeight;\n  var finalHeight = previewHeight - offset.top - offset.bottom;\n  var initialWidth = shouldScale ? windowWidth : previewWidth;\n  var finalWidth = previewWidth - offset.left - offset.right;\n  var scaleX = initialWidth / finalWidth;\n  var scaleY = initialHeight / finalHeight;\n  var scale = Math.max(scaleX, scaleY);\n  iframe.style.width = \"\".concat(finalWidth * scale, \"px\");\n  iframe.style.height = \"\".concat(finalHeight * scale, \"px\");\n  iframe.style.transformOrigin = \"left top\";\n  iframe.style.transform = \"scale( \".concat(1 / scale, \" )\");\n  iframe.style.marginTop = \"\".concat(offset.top, \"px\");\n  iframe.style.marginLeft = \"\".concat(offset.left, \"px\");\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/resizer/index.js?")},"./src/_js/customizer/utils/api-set-setting-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"apiSetSettingValue\": () => (/* binding */ apiSetSettingValue)\n/* harmony export */ });\n/**\n * Set a setting value.\n *\n * Mostly used for resetting settings (via the reset buttons) but also for the preset (legacy) field.\n *\n * @param settingID\n * @param value\n */\nvar apiSetSettingValue = function apiSetSettingValue(settingID, value) {\n  var setting = api(settingID),\n      field = $('[data-customize-setting-link=\"' + settingID + '\"]'),\n      fieldClass = $(field).parent().attr('class');\n\n  if (!_.isUndefined(fieldClass) && fieldClass === 'font-options__wrapper') {\n    // if the value is a simple string it must be the font family\n    if (_.isString(value)) {\n      setting.set({\n        'font_family': value\n      });\n    } else if (_.isObject(value)) {\n      var standardValue = {}; // We will process each font property and update it\n\n      _.each(value, function (val, key) {\n        // We need to map the keys to the data attributes we are using - I know :(\n        var mappedKey = key;\n\n        switch (key) {\n          case 'font-family':\n            mappedKey = 'font_family';\n            break;\n\n          case 'font-size':\n            mappedKey = 'font_size';\n            break;\n\n          case 'font-weight':\n            mappedKey = 'font_variant';\n            break;\n\n          case 'letter-spacing':\n            mappedKey = 'letter_spacing';\n            break;\n\n          case 'text-transform':\n            mappedKey = 'text_transform';\n            break;\n\n          default:\n            break;\n        }\n\n        standardValue[mappedKey] = val;\n      });\n\n      setting.set(standardValue);\n    }\n  } else {\n    setting.set(value);\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/api-set-setting-value.js?")},"./src/_js/customizer/utils/colors/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getBestColor\": () => (/* binding */ getBestColor),\n/* harmony export */   \"getTextColors\": () => (/* binding */ getTextColors),\n/* harmony export */   \"getMinContrast\": () => (/* binding */ getMinContrast),\n/* harmony export */   \"desaturateTextColor\": () => (/* binding */ desaturateTextColor),\n/* harmony export */   \"myArray\": () => (/* binding */ myArray),\n/* harmony export */   \"getColorOptionsIDs\": () => (/* binding */ getColorOptionsIDs),\n/* harmony export */   \"getColorOptionsDefaults\": () => (/* binding */ getColorOptionsDefaults)\n/* harmony export */ });\n/* harmony import */ var hsluv__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hsluv */ \"./node_modules/hsluv/hsluv.js\");\n/* harmony import */ var hsluv__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hsluv__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! chroma-js */ \"chroma-js\");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _global_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../global-service */ \"./src/_js/customizer/global-service.js\");\n\n\n\nvar getBestColor = function getBestColor(background, colors, minContrast, please) {\n  var bestIndex = colors.findIndex(function (mycolor) {\n    return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(mycolor, background) > minContrast;\n  });\n\n  if (bestIndex > -1) {\n    return colors[bestIndex];\n  }\n\n  if (!!please) {\n    var sortedColors = colors.slice().sort(function (c1, c2) {\n      return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c1, background) - chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c2, background);\n    });\n    return sortedColors[sortedColors.length - 1];\n  }\n\n  return false;\n};\nvar getTextColors = function getTextColors(hex) {\n  var luminances = [1, // White\n  0.037, // 10\n  0.016, // 11\n  0.005 // 12\n  ];\n  return luminances.map(function (luminance) {\n    return desaturateTextColor(hex, luminance);\n  });\n};\nvar getMinContrast = function getMinContrast() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  var largeText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n  if (options.sm_elements_color_contrast === 'maximum') {\n    return largeText ? 4.5 : 7;\n  }\n\n  if (options.sm_elements_color_contrast === 'average') {\n    return largeText ? 3 : 4.5;\n  }\n\n  return 2.63; // arbitrary value: previously constrastArray[4]\n};\nvar desaturateTextColor = function desaturateTextColor(hex, luminance) {\n  var hpluv = (0,hsluv__WEBPACK_IMPORTED_MODULE_0__.hexToHpluv)(hex);\n  var h = Math.min(Math.max(hpluv[0], 0), 360);\n  var p = Math.min(Math.max(hpluv[1], 0), 100);\n  var l = Math.min(Math.max(hpluv[2], 0), 100);\n  return chroma_js__WEBPACK_IMPORTED_MODULE_1___default()((0,hsluv__WEBPACK_IMPORTED_MODULE_0__.hpluvToHex)([h, p, l])).luminance(luminance).hex();\n};\nvar myArray = [0, 0.0335, // 2\n0.1046, // 3\n0.2594, 0.3975, 0.5356, 0.6151, 0.6904, 0.7657, 0.8410, // 10\n0.9247, // 11\n1];\nvar getColorOptionsIDs = function getColorOptionsIDs() {\n  return ['sm_color_grades_number', 'sm_potential_color_contrast', 'sm_color_grade_balancer', 'sm_site_color_variation', 'sm_elements_color_contrast', 'sm_color_promotion_brand', 'sm_color_promotion_white', 'sm_color_promotion_black'];\n};\nvar getColorOptionsDefaults = function getColorOptionsDefaults() {\n  var settingsIDs = getColorOptionsIDs();\n  var defaults = {};\n  settingsIDs.forEach(function (settingID) {\n    var config = (0,_global_service__WEBPACK_IMPORTED_MODULE_2__.getSettingConfig)(settingID);\n\n    if (typeof config === 'undefined' || typeof config[\"default\"] === 'undefined') {\n      defaults[settingID] = '#000';\n      return;\n    }\n\n    defaults[settingID] = config[\"default\"];\n  });\n  return defaults;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/colors/index.js?")},"./src/_js/customizer/utils/get-colors-from-input-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "getColorsFromInputValue": () => (/* binding */ getColorsFromInputValue)\n/* harmony export */ });\nvar getColorsFromInputValue = function getColorsFromInputValue(value) {\n  var colors;\n\n  try {\n    colors = JSON.parse(value);\n  } catch (e) {\n    colors = [];\n  }\n\n  return colors;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/get-colors-from-input-value.js?')},"./src/_js/customizer/utils/get-css-from-palettes.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "getCSSFromPalettes": () => (/* binding */ getCSSFromPalettes),\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar getCSSFromPalettes = function getCSSFromPalettes(palettesArray) {\n  var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var palettes = palettesArray.slice();\n\n  if (!palettes.length) {\n    return \'\';\n  } // the old implementation generates 3 fallback palettes and\n  // we need to overwrite all 3 of them when the user starts building a new palette\n  // @todo this is necessary only in the Customizer preview\n\n\n  while (palettes.length < 3) {\n    palettes.push(palettes[0]);\n  }\n\n  return palettes.reduce(function (palettesAcc, palette, paletteIndex, palettes) {\n    var id = palette.id;\n    var paletteSelector = ".sm-palette-".concat(id);\n    var darkPaletteSelector = ".is-dark .sm-palette-".concat(id);\n    var paletteShiftedSelector = ".sm-palette-".concat(id, ".sm-palette--shifted");\n\n    if (id.toString() === \'1\') {\n      paletteSelector = "html, ".concat(paletteSelector);\n      darkPaletteSelector = "html.is-dark, ".concat(darkPaletteSelector);\n    }\n\n    return "\\n      ".concat(palettesAcc, "\\n      ").concat(paletteSelector, " {\\n      ").concat(getVariationsCSS(palette.variations, variation - 1), "\\n      }\\n      ").concat(darkPaletteSelector, " {\\n      ").concat(getVariationsCSS(palette.darkVariations, variation - 1), "\\n      }\\n      ").concat(paletteShiftedSelector, " {\\n      ").concat(getVariationsCSS(palette.variations, palette.sourceIndex), "\\n      }\\n    ");\n  }, \'\');\n};\n\nvar getVariationsCSS = function getVariationsCSS(variations, offset) {\n  return "\\n        ".concat(variations.reduce(function (variationsAcc, value, index) {\n    return "\\n            ".concat(variationsAcc, "\\n            ").concat(getVariationCSS(variations, index, offset), "  \\n        ");\n  }, \'\'), "\\n        ");\n};\n\nvar getVariationCSS = function getVariationCSS(variations, index, offset) {\n  var variation = variations[(index + offset) % 12];\n  return Object.keys(variation).reduce(function (acc, key) {\n    return "".concat(acc, "\\n    --sm-").concat(key, "-color-").concat(index + 1, ": ").concat(variation[key], ";");\n  }, \'\');\n};\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (getCSSFromPalettes);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/get-css-from-palettes.js?')},"./src/_js/customizer/utils/get-palettes-from-colors.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getPalettesFromColors\": () => (/* binding */ getPalettesFromColors),\n/* harmony export */   \"getFunctionalColors\": () => (/* binding */ getFunctionalColors)\n/* harmony export */ });\n/* harmony import */ var hsluv__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hsluv */ \"./node_modules/hsluv/hsluv.js\");\n/* harmony import */ var hsluv__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hsluv__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! chroma-js */ \"chroma-js\");\n/* harmony import */ var chroma_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(chroma_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./colors */ \"./src/_js/customizer/utils/colors/index.js\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _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); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _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; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\nvar defaultOptions = _objectSpread({\n  mode: 'lch',\n  bezierInterpolation: false\n}, (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getColorOptionsDefaults)());\n\nvar getPalettesFromColors = function getPalettesFromColors(colorGroups) {\n  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var simple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n  var options = Object.assign({}, defaultOptions, opts);\n  var functionalColors = getFunctionalColors(colorGroups);\n  var allColors = colorGroups.concat(functionalColors);\n  return allColors.map(mapColorToPalette(options)).map(mapAddColors).map(mapForceColors).map(mapCreateVariations).map(mapAddSourceIndex);\n};\n\nvar mapForceColors = function mapForceColors(palette) {\n  var _palette$colors;\n\n  var options = palette.options,\n      source = palette.source;\n  var forcedColors = [];\n\n  if (options.sm_color_promotion_brand) {\n    forcedColors.push.apply(forcedColors, _toConsumableArray(source));\n  }\n\n  var uniqueForcedColors = forcedColors.filter(function (color, index, self) {\n    return self.findIndex(function (compare) {\n      return color === compare;\n    }) === index;\n  });\n  uniqueForcedColors.forEach(function (color) {\n    palette.colors.sort(function (c1, c2) {\n      return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c2, color) - chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c1, color);\n    });\n    palette.colors.pop();\n  });\n\n  (_palette$colors = palette.colors).push.apply(_palette$colors, _toConsumableArray(uniqueForcedColors));\n\n  palette.colors.sort(function (c1, c2) {\n    return chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(c2).luminance() - chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(c1).luminance();\n  });\n  return palette;\n};\n\nvar mapCreateVariations = function mapCreateVariations(palette, index, palettes) {\n  var colors = palette.colors,\n      darkColors = palette.darkColors,\n      source = palette.source,\n      options = palette.options;\n  var otherPalettes = palettes.filter(function (thisPalette) {\n    var thisId = \"\".concat(thisPalette.id);\n    return \"\".concat(palette.id) !== thisId && '_' !== thisId.charAt(0);\n  });\n  palette.variations = getVariationsFromColors(colors, source, options, otherPalettes);\n  palette.darkVariations = getVariationsFromColors(darkColors, source, options, otherPalettes);\n  return palette;\n};\n\nvar getVariationsFromColors = function getVariationsFromColors(colors, sources, options) {\n  var otherPalettes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];\n  var scale = chroma_js__WEBPACK_IMPORTED_MODULE_1___default().scale(colors).classes(colors.length);\n  return scale.colors(12).map(function (mycolor) {\n    return getVariation(colors, sources, mycolor, options, otherPalettes);\n  });\n};\n\nvar isWhite = function isWhite(hex) {\n  return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(hex, '#FFFFFF') === 1;\n};\n\nvar getVariation = function getVariation(colors, sources, color, options) {\n  var otherPalettes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];\n  var darkerContrast = (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getMinContrast)(options);\n  var darkContrast = (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getMinContrast)(options, true);\n  var background = color;\n  var accent = getBestAccentColor(background, colors, sources, options);\n  var textReference = accent && !isWhite(accent) ? accent : background;\n  var textColors = (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getTextColors)(textReference);\n  var dark = (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getBestColor)(background, textColors, darkContrast, true);\n  var darkerTextColors = textColors.filter(function (color) {\n    return color !== dark || isWhite(color);\n  });\n  var darker = (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getBestColor)(background, darkerTextColors, darkerContrast, true);\n  var fg1 = darker; // if there's great contrast between dark and darker, darker is probably white\n\n  var fg2 = chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(darker, dark) >= (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getMinContrast)() ? darker : dark;\n  var variationConfig = {\n    bg: background,\n    accent: accent || fg2,\n    fg1: fg1,\n    fg2: fg2\n  };\n  otherPalettes.forEach(function (otherPalette, index) {\n    var key = \"accent\".concat(index + 2);\n    var otherAccent = getBestAccentColor(background, otherPalette.colors, otherPalette.source, options);\n    variationConfig[key] = otherAccent || fg2;\n  });\n  return variationConfig;\n};\n\nvar getBestAccentColor = function getBestAccentColor(background, colors, sources) {\n  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n  var accentContrast = 'maximum' !== options.sm_elements_color_contrast ? 2.5 : (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getMinContrast)(options, true);\n  var accentColorOptions = colors.slice().map(function (color) {\n    return color;\n  });\n  accentColorOptions.unshift.apply(accentColorOptions, _toConsumableArray(sources));\n  return (0,_colors__WEBPACK_IMPORTED_MODULE_2__.getBestColor)(background, accentColorOptions, accentContrast);\n};\n\nvar mapAddSourceIndex = function mapAddSourceIndex(palette) {\n  var source = palette.source,\n      options = palette.options;\n  var colors = palette.variations.map(function (variation) {\n    return variation.bg;\n  });\n  var sourceIndex = getBestPositionInPalette(source[0], colors, options);\n  return _objectSpread({\n    sourceIndex: sourceIndex\n  }, palette);\n};\n\nvar mapColorToPalette = function mapColorToPalette(options) {\n  return function (groupObject, index) {\n    var colorObjects = groupObject.sources;\n    var sources = colorObjects.map(function (colorObj) {\n      return colorObj.value;\n    });\n    var _colorObjects$ = colorObjects[0],\n        label = _colorObjects$.label,\n        id = _colorObjects$.id;\n    return {\n      id: id || index + 1,\n      label: label,\n      source: sources,\n      options: options,\n      darkOptions: Object.assign({}, options, {\n        sm_potential_color_contrast: Math.min(0.25, options.sm_potential_color_contrast),\n        sm_color_grade_balancer: 1,\n        sm_color_grades_number: options.sm_color_grades_number,\n        sm_color_promotion_brand: true,\n        sm_color_promotion_white: false,\n        sm_color_promotion_black: true\n      })\n    };\n  };\n};\n\nvar mapAddColors = function mapAddColors(palette) {\n  var options = palette.options,\n      darkOptions = palette.darkOptions;\n  palette.colors = createAutoPalette(palette.source, options);\n  palette.darkColors = createAutoPalette(palette.source, darkOptions);\n  return palette;\n};\n\nvar getBestPositionInPalette = function getBestPositionInPalette(color, colors) {\n  var mycolors = colors.map(function (color, index) {\n    return {\n      color: color,\n      index: index\n    };\n  });\n  mycolors.sort(function (c1, c2) {\n    return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c1.color, color) - chroma_js__WEBPACK_IMPORTED_MODULE_1___default().contrast(c2.color, color);\n  });\n  return mycolors[0].index;\n};\n\nvar createAutoPalette = function createAutoPalette(colors) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n  var width = parseFloat(options.sm_potential_color_contrast);\n  var center = parseFloat(options.sm_color_grade_balancer);\n  var count = parseInt(options.sm_color_grades_number, 10);\n  var mode = options.mode,\n      bezierInterpolation = options.bezierInterpolation;\n  var newColors = colors.slice();\n\n  if (options.sm_color_promotion_white) {\n    newColors.unshift('#FFFFFF');\n  }\n\n  if (options.sm_color_promotion_black) {\n    newColors.push('#000000');\n  }\n\n  newColors.sort(function (hex1, hex2) {\n    return chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(hex2).luminance() - chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(hex1).luminance();\n  });\n  var scale = chroma_js__WEBPACK_IMPORTED_MODULE_1___default().scale(newColors).correctLightness();\n  var paddingLeft = (1 - width) * (center * 0.5 + 0.5);\n  var paddingRight = (1 - width) * (0.5 - center * 0.5);\n  scale.padding([paddingLeft, paddingRight]);\n  var tempColors = _colors__WEBPACK_IMPORTED_MODULE_2__.myArray.map(function (position) {\n    return scale(position).hex();\n  });\n  return chroma_js__WEBPACK_IMPORTED_MODULE_1___default().scale(tempColors).colors(count);\n};\n\nvar blend = function blend(functionalColor, brandColor) {\n  var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;\n  var l1 = chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(functionalColor).get('hsl.s');\n  var l2 = chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(brandColor).get('hsl.s');\n  var l3 = l1 * (1 - 0.8 * ratio) + l2 * 0.8 * ratio;\n  return chroma_js__WEBPACK_IMPORTED_MODULE_1___default()(functionalColor).mix(brandColor, 0.1 * ratio).set('hsl.s', l3).hex();\n};\n\nvar getFunctionalColors = function getFunctionalColors(colorGroups) {\n  var _colorGroups$, _colorGroups$$sources;\n\n  if (!(colorGroups !== null && colorGroups !== void 0 && colorGroups.length) || !((_colorGroups$ = colorGroups[0]) !== null && _colorGroups$ !== void 0 && (_colorGroups$$sources = _colorGroups$.sources) !== null && _colorGroups$$sources !== void 0 && _colorGroups$$sources.length)) {\n    return [];\n  }\n\n  var hex = colorGroups[0].sources[0].value;\n  var blue = blend('#2E72D2', hex);\n  var red = blend('#D82C0D', hex);\n  var yellow = blend('#FFCC00', hex, 0.5);\n  var green = blend('#00703c', hex, 0.75);\n  return [{\n    sources: [{\n      value: blue,\n      label: 'Info',\n      id: '_info'\n    }]\n  }, {\n    sources: [{\n      value: red,\n      label: 'Error',\n      id: '_error'\n    }]\n  }, {\n    sources: [{\n      value: yellow,\n      label: 'Warning',\n      id: '_warning'\n    }]\n  }, {\n    sources: [{\n      value: green,\n      label: 'Success',\n      id: '_success'\n    }]\n  }];\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/get-palettes-from-colors.js?")},"./src/_js/customizer/utils/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "desaturateTextColor": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.desaturateTextColor),\n/* harmony export */   "getBestColor": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getBestColor),\n/* harmony export */   "getColorOptionsDefaults": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getColorOptionsDefaults),\n/* harmony export */   "getColorOptionsIDs": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getColorOptionsIDs),\n/* harmony export */   "getMinContrast": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getMinContrast),\n/* harmony export */   "getTextColors": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.getTextColors),\n/* harmony export */   "myArray": () => (/* reexport safe */ _colors__WEBPACK_IMPORTED_MODULE_1__.myArray),\n/* harmony export */   "apiSetSettingValue": () => (/* reexport safe */ _api_set_setting_value__WEBPACK_IMPORTED_MODULE_2__.apiSetSettingValue),\n/* harmony export */   "getCSSFromPalettes": () => (/* reexport safe */ _get_css_from_palettes__WEBPACK_IMPORTED_MODULE_3__.getCSSFromPalettes),\n/* harmony export */   "getPalettesFromColors": () => (/* reexport safe */ _get_palettes_from_colors__WEBPACK_IMPORTED_MODULE_4__.getPalettesFromColors),\n/* harmony export */   "getColorsFromInputValue": () => (/* reexport safe */ _get_colors_from_input_value__WEBPACK_IMPORTED_MODULE_5__.getColorsFromInputValue),\n/* harmony export */   "maybeFillPalettesArray": () => (/* reexport safe */ _maybe_fill_palettes_array__WEBPACK_IMPORTED_MODULE_6__.maybeFillPalettesArray),\n/* harmony export */   "insertShortcutAfter": () => (/* binding */ insertShortcutAfter)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ "react-dom");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ "./src/_js/customizer/utils/colors/index.js");\n/* harmony import */ var _api_set_setting_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./api-set-setting-value */ "./src/_js/customizer/utils/api-set-setting-value.js");\n/* harmony import */ var _get_css_from_palettes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-css-from-palettes */ "./src/_js/customizer/utils/get-css-from-palettes.js");\n/* harmony import */ var _get_palettes_from_colors__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get-palettes-from-colors */ "./src/_js/customizer/utils/get-palettes-from-colors.js");\n/* harmony import */ var _get_colors_from_input_value__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get-colors-from-input-value */ "./src/_js/customizer/utils/get-colors-from-input-value.js");\n/* harmony import */ var _maybe_fill_palettes_array__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./maybe-fill-palettes-array */ "./src/_js/customizer/utils/maybe-fill-palettes-array.js");\n\n\n\n\n\n\n\nvar insertShortcutAfter = function insertShortcutAfter(id, Component) {\n  var element = document.getElementById(id);\n\n  if (!element) {\n    return;\n  }\n\n  var button = document.createElement(\'li\');\n  button.setAttribute(\'class\', \'customize-control\');\n  button.setAttribute(\'style\', \'padding: 0\');\n  element.insertAdjacentElement(\'afterend\', button);\n  react_dom__WEBPACK_IMPORTED_MODULE_0___default().render( /*#__PURE__*/React.createElement(Component, null), button);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/index.js?')},"./src/_js/customizer/utils/maybe-fill-palettes-array.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeFillPalettesArray\": () => (/* binding */ maybeFillPalettesArray)\n/* harmony export */ });\nvar maybeFillPalettesArray = function maybeFillPalettesArray(arr, minLength) {\n  if (Array.isArray(arr) && !!arr.length) {\n    var userPalettes = arr.filter(function (palette) {\n      var id = palette.id.toString();\n      return id.indexOf('_') !== 0;\n    });\n    var userPalettesCount = userPalettes.length;\n\n    if (userPalettesCount < minLength) {\n      for (var i = 0; i < minLength - userPalettesCount; i++) {\n        var newPalette = JSON.parse(JSON.stringify(arr[0]));\n        newPalette.id = userPalettesCount + i + 1;\n        arr.splice(userPalettesCount + i, 0, newPalette);\n      }\n    }\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/utils/maybe-fill-palettes-array.js?")},"./src/_js/dark-mode/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./src/_js/dark-mode/utils.js\");\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n\nvar COLOR_SCHEME_BUTTON_SELECTOR = '.js-sm-dark-mode-toggle';\nvar STORAGE_ITEM = 'color-scheme-dark';\nvar TEMP_STORAGE_ITEM = 'color-scheme-dark-temp';\n\nvar DarkMode = /*#__PURE__*/function () {\n  function DarkMode() {\n    _classCallCheck(this, DarkMode);\n\n    this.initialize();\n  }\n\n  _createClass(DarkMode, [{\n    key: \"initialize\",\n    value: function initialize() {\n      var _window$document$docu,\n          _this = this;\n\n      this.darkModeSetting = (_window$document$docu = window.document.documentElement.dataset) === null || _window$document$docu === void 0 ? void 0 : _window$document$docu.darkModeAdvanced;\n      this.matchMedia = window.matchMedia('(prefers-color-scheme: dark)');\n      this.storageItemKey = STORAGE_ITEM;\n      this.callbacks = [];\n      onReady(function () {\n        if (isCustomizePreview() || isLoggedIn()) {\n          localStorage.removeItem(TEMP_STORAGE_ITEM);\n          _this.storageItemKey = TEMP_STORAGE_ITEM;\n        }\n\n        _this.initializeCustomizePreview();\n\n        _this.bindEvents();\n\n        _this.update();\n      });\n    }\n  }, {\n    key: \"initializeCustomizePreview\",\n    value: function initializeCustomizePreview() {\n      var _window$wp,\n          _window$parent,\n          _window$parent$wp,\n          _this2 = this;\n\n      var api = ((_window$wp = window.wp) === null || _window$wp === void 0 ? void 0 : _window$wp.customize) || ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$wp = _window$parent.wp) === null || _window$parent$wp === void 0 ? void 0 : _window$parent$wp.customize);\n\n      if (!api) {\n        return;\n      }\n\n      api('sm_dark_mode_advanced', function (setting) {\n        _this2.darkModeSetting = setting();\n        setting.bind(function (newValue) {\n          _this2.darkModeSetting = newValue;\n          localStorage.removeItem(TEMP_STORAGE_ITEM);\n\n          _this2.update();\n        });\n      });\n    }\n  }, {\n    key: \"bindEvents\",\n    value: function bindEvents() {\n      var _this3 = this;\n\n      (0,_utils__WEBPACK_IMPORTED_MODULE_0__.delegateEvent)(document.documentElement, 'click', COLOR_SCHEME_BUTTON_SELECTOR, this.onClick.bind(this));\n      this.matchMedia.addEventListener('change', function () {\n        localStorage.removeItem(TEMP_STORAGE_ITEM);\n\n        _this3.update();\n      });\n    }\n  }, {\n    key: \"bind\",\n    value: function bind(callback) {\n      var index = this.callbacks.indexOf(callback);\n\n      if (typeof callback !== \"function\") {\n        return;\n      }\n\n      if (index === -1) {\n        this.callbacks.push(callback);\n      }\n    }\n  }, {\n    key: \"unbind\",\n    value: function unbind(callback) {\n      var index = this.callbacks.indexOf(callback);\n\n      if (index > -1) {\n        this.callbacks.splice(index, 1);\n      }\n    }\n  }, {\n    key: \"onClick\",\n    value: function onClick(event) {\n      event.preventDefault();\n      localStorage.setItem(this.storageItemKey, !!this.isCompiledDark() ? 'light' : 'dark');\n      this.update();\n    }\n  }, {\n    key: \"isSystemDark\",\n    value: function isSystemDark() {\n      var isDark = this.darkModeSetting === 'on';\n\n      if (this.darkModeSetting === 'auto' && this.matchMedia.matches) {\n        isDark = true;\n      }\n\n      return isDark;\n    }\n  }, {\n    key: \"isCompiledDark\",\n    value: function isCompiledDark() {\n      var isDark = this.isSystemDark();\n      var colorSchemeStorageValue = localStorage.getItem(this.storageItemKey);\n\n      if (colorSchemeStorageValue !== null) {\n        isDark = colorSchemeStorageValue === 'dark';\n      }\n\n      return isDark;\n    }\n  }, {\n    key: \"update\",\n    value: function update() {\n      var isDark = this.isCompiledDark();\n      this.callbacks.forEach(function (callback) {\n        callback(isDark);\n      });\n\n      if (isDark) {\n        window.document.documentElement.classList.add('is-dark');\n      } else {\n        window.document.documentElement.classList.remove('is-dark');\n      }\n    }\n  }]);\n\n  return DarkMode;\n}();\n\nfunction onReady(fn) {\n  if (document.readyState != 'loading') {\n    fn();\n  } else {\n    document.addEventListener('DOMContentLoaded', fn);\n  }\n}\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return true;\n  }\n}\n\nfunction isLoggedIn() {\n  return window.document.body.classList.contains('logged-in');\n}\n\nfunction isCustomizePreview() {\n  var _window, _window$parent2, _window$parent2$wp;\n\n  return inIframe() && ((_window = window) === null || _window === void 0 ? void 0 : (_window$parent2 = _window.parent) === null || _window$parent2 === void 0 ? void 0 : (_window$parent2$wp = _window$parent2.wp) === null || _window$parent2$wp === void 0 ? void 0 : _window$parent2$wp.customize);\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (new DarkMode());\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/dark-mode/index.js?")},"./src/_js/dark-mode/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "delegateEvent": () => (/* binding */ delegateEvent)\n/* harmony export */ });\nvar delegateEvent = function delegateEvent(element, eventName, selector, handler) {\n  element.addEventListener(eventName, function (event) {\n    // loop parent nodes from the target to the delegation node\n    for (var target = event.target; target && target != this; target = target.parentNode) {\n      if (target.matches(selector)) {\n        handler.call(target, event);\n        break;\n      }\n    }\n  }, false);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/dark-mode/utils.js?')},"./src/_js/utils/debounce.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "debounce": () => (/* binding */ debounce)\n/* harmony export */ });\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\nvar debounce = function debounce(func, wait, immediate) {\n  var timeout;\n  return function () {\n    var context = this,\n        args = arguments;\n\n    var later = function later() {\n      timeout = null;\n\n      if (!immediate) {\n        func.apply(context, args);\n      }\n    };\n\n    var callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n\n    if (callNow) {\n      func.apply(context, args);\n    }\n  };\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/debounce.js?')},"./src/_js/utils/get-font-family-fallback-stack.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFamilyFallbackStack\": () => (/* binding */ getFontFamilyFallbackStack)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n// This is a mirror logic of the server-side Utils\\Fonts::getFontFamilyFallbackStack()\n\nvar getFontFamilyFallbackStack = function getFontFamilyFallbackStack(fontFamily) {\n  var styleManager = styleManager || parent.styleManager;\n  var fallbackStack = '';\n  var fontDetails = parent.sm.customizer.getFontDetails(fontFamily);\n\n  if (typeof fontDetails.fallback_stack !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(fontDetails.fallback_stack)) {\n    fallbackStack = fontDetails.fallback_stack;\n  } else if (typeof fontDetails.category !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(fontDetails.category)) {\n    var category = fontDetails.category; // Search in the available categories for a match.\n\n    if (typeof styleManager.fonts.categories[category] !== 'undefined') {\n      // Matched by category ID/key\n      fallbackStack = typeof styleManager.fonts.categories[category].fallback_stack !== 'undefined' ? styleManager.fonts.categories[category].fallback_stack : '';\n    } else {\n      // We need to search for aliases.\n      lodash__WEBPACK_IMPORTED_MODULE_0___default().find(styleManager.fonts.categories, function (categoryDetails) {\n        if (typeof categoryDetails.aliases !== 'undefined') {\n          var aliases = maybeImplodeList(categoryDetails.aliases);\n\n          if (aliases.indexOf(category) !== -1) {\n            // Found it.\n            fallbackStack = typeof categoryDetails.fallback_stack !== 'undefined' ? categoryDetails.fallback_stack : '';\n            return true;\n          }\n        }\n\n        return false;\n      });\n    }\n  }\n\n  return fallbackStack;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-family-fallback-stack.js?")},"./src/_js/utils/get-font-field-css-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontFieldCSSValue\": () => (/* binding */ getFontFieldCSSValue)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _get_font_family_fallback_stack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./get-font-family-fallback-stack */ \"./src/_js/utils/get-font-family-fallback-stack.js\");\n/* harmony import */ var _get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get-font-subfield-unit */ \"./src/_js/utils/get-font-subfield-unit.js\");\n/* harmony import */ var _sanitize_font_family_css_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./sanitize-font-family-css-value */ \"./src/_js/utils/sanitize-font-family-css-value/index.js\");\n// Mirror logic of server-side Utils\\Fonts::getCSSValue()\n\n\n\n\nvar getFontFieldCSSValue = function getFontFieldCSSValue(settingID, value) {\n  var CSSValue = {};\n\n  if (typeof value.font_family !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_family)) {\n    CSSValue['font-family'] = value.font_family; // \"Expand\" the font family by appending the fallback stack, if any is available.\n    // But only do this, if the value is not already a font stack!\n\n    if (CSSValue['font-family'].indexOf(',') === -1) {\n      var fallbackStack = (0,_get_font_family_fallback_stack__WEBPACK_IMPORTED_MODULE_1__.getFontFamilyFallbackStack)(CSSValue['font-family']);\n\n      if (fallbackStack.length) {\n        CSSValue['font-family'] += ',' + fallbackStack;\n      }\n    }\n\n    CSSValue['font-family'] = (0,_sanitize_font_family_css_value__WEBPACK_IMPORTED_MODULE_2__.sanitizeFontFamilyCSSValue)(CSSValue['font-family']);\n  }\n\n  if (typeof value.font_variant !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_variant)) {\n    var variant = value.font_variant;\n\n    if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isString(variant)) {\n      // We may have a style in the variant; attempt to split.\n      if (variant.indexOf('italic') !== -1) {\n        CSSValue['font-style'] = 'italic';\n        variant = variant.replace('italic', '');\n      } else if (variant.indexOf('oblique') !== -1) {\n        CSSValue['font-style'] = 'oblique';\n        variant = variant.replace('oblique', '');\n      } // If anything remained, then we have a font weight also.\n\n\n      if (variant !== '') {\n        if (variant === 'regular' || variant === 'normal') {\n          variant = '400';\n        }\n\n        CSSValue['font-weight'] = variant;\n      }\n    } else if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isNumber(variant)) {\n      CSSValue['font-weight'] = String(variant);\n    }\n  }\n\n  if (typeof value.font_size !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.font_size)) {\n    var fontSizeUnit = false;\n    CSSValue['font-size'] = value.font_size; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.font_size)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.font_size.value !== 'undefined') {\n        CSSValue['font-size'] = value.font_size.value;\n\n        if (typeof value.font_size.unit !== 'undefined') {\n          fontSizeUnit = value.font_size.unit;\n        }\n      } else {\n        fontSizeUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'font-size');\n      }\n    } else {\n      fontSizeUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'font-size');\n    }\n\n    if (false !== fontSizeUnit) {\n      CSSValue['font-size'] += fontSizeUnit;\n    }\n  }\n\n  if (typeof value.letter_spacing !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.letter_spacing)) {\n    var letterSpacingUnit = false;\n    CSSValue['letter-spacing'] = value.letter_spacing; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.letter_spacing)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.letter_spacing.value !== 'undefined') {\n        CSSValue['letter-spacing'] = value.letter_spacing.value;\n\n        if (typeof value.letter_spacing.unit !== 'undefined') {\n          letterSpacingUnit = value.letter_spacing.unit;\n        }\n      } else {\n        letterSpacingUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'letter-spacing');\n      }\n    } else {\n      letterSpacingUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'letter-spacing');\n    }\n\n    if (false !== letterSpacingUnit) {\n      CSSValue['letter-spacing'] += letterSpacingUnit;\n    }\n  }\n\n  if (typeof value.line_height !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.line_height)) {\n    var lineHeightUnit = false;\n    CSSValue['line-height'] = value.line_height; // If the value already contains a unit (is not numeric), go with that.\n\n    if (isNaN(value.line_height)) {\n      // If we have a standardized value field (as array), use that.\n      if (typeof value.line_height.value !== 'undefined') {\n        CSSValue['line-height'] = value.line_height.value;\n\n        if (!!value.line_height.unit !== 'undefined') {\n          lineHeightUnit = value.line_height.unit;\n        }\n      } else {\n        lineHeightUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'line-height');\n      }\n    } else {\n      lineHeightUnit = (0,_get_font_subfield_unit__WEBPACK_IMPORTED_MODULE_3__.getFontSubfieldUnit)(settingID, 'line-height');\n    }\n\n    if (false !== lineHeightUnit) {\n      CSSValue['line-height'] += lineHeightUnit;\n    }\n  }\n\n  if (typeof value.text_align !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_align)) {\n    CSSValue['text-align'] = value.text_align;\n  }\n\n  if (typeof value.text_transform !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_transform)) {\n    CSSValue['text-transform'] = value.text_transform;\n  }\n\n  if (typeof value.text_decoration !== 'undefined' && !lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], value.text_decoration)) {\n    CSSValue['text-decoration'] = value.text_decoration;\n  }\n\n  return CSSValue;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-field-css-value.js?")},"./src/_js/utils/get-font-subfield-unit.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"getFontSubfieldUnit\": () => (/* binding */ getFontSubfieldUnit)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n// This is a mirror logic of the server-side Utils\\Fonts::getSubFieldUnit()\n\nvar getFontSubfieldUnit = function getFontSubfieldUnit(settingID, field) {\n  if (typeof styleManager.config.settings[settingID] === 'undefined' || typeof styleManager.config.settings[settingID].fields[field] === 'undefined') {\n    // These fields don't have an unit, by default.\n    if (lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['font-family', 'font-weight', 'font-style', 'line-height', 'text-align', 'text-transform', 'text-decoration'], field)) {\n      return false;\n    } // The rest of the subfields have pixels as default units.\n\n\n    return 'px';\n  }\n\n  if (typeof styleManager.config.settings[settingID].fields[field].unit !== 'undefined') {\n    // Make sure that we convert all falsy unit values to the boolean false.\n    return lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], styleManager.config.settings[settingID].fields[field].unit) ? false : styleManager.config.settings[settingID].fields[field].unit;\n  }\n\n  if (typeof styleManager.config.settings[settingID].fields[field][3] !== 'undefined') {\n    // Make sure that we convert all falsy unit values to the boolean false.\n    return lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(['', 'false', false], styleManager.config.settings[settingID].fields[field][3]) ? false : styleManager.config.settings[settingID].fields[field][3];\n  }\n\n  return 'px';\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/get-font-subfield-unit.js?")},"./src/_js/utils/maybe-load-font-family.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeLoadFontFamily\": () => (/* binding */ maybeLoadFontFamily)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\nvar maybeLoadFontFamily = function maybeLoadFontFamily(font, settingID) {\n  var _window$fontsCache;\n\n  var styleManager = styleManager || parent.styleManager;\n  window.fontsCache = (_window$fontsCache = window.fontsCache) !== null && _window$fontsCache !== void 0 ? _window$fontsCache : [];\n\n  if (typeof font.font_family === 'undefined') {\n    return;\n  }\n\n  var fontConfig = styleManager.config.settings[settingID];\n  var family = font.font_family; // The font family may be a comma separated list like \"Roboto, sans\"\n\n  var fontType = parent.sm.customizer.determineFontType(family);\n\n  if ('system_font' === fontType) {\n    // Nothing to do for standard fonts\n    return;\n  }\n\n  var fontDetails = parent.sm.customizer.getFontDetails(family, fontType); // Handle theme defined fonts and cloud fonts together since they are very similar.\n\n  if (fontType === 'theme_font' || fontType === 'cloud_font') {\n    // Bail if we have no src.\n    if (_typeof(fontDetails.src) === undefined) {\n      return;\n    } // Handle the font variants.\n    // If there is a selected font variant and we haven't been instructed to load all, load only that,\n    // otherwise load all the available variants.\n\n\n    var variants = typeof font.font_variant !== 'undefined' && (typeof fontConfig['fields']['font-weight']['loadAllVariants'] === 'undefined' || !fontConfig['fields']['font-weight']['loadAllVariants']) && typeof fontDetails.variants !== 'undefined' // If the font has no variants, any variant value we may have received should be ignored.\n    && lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(fontDetails.variants, font.font_variant) // If the value variant is not amongst the available ones, load all available variants.\n    ? font.font_variant : typeof fontDetails.variants !== 'undefined' ? fontDetails.variants : [];\n\n    if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(variants)) {\n      variants = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_1__.standardizeToArray)(variants);\n\n      if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(variants)) {\n        family = family + ':' + variants.map(function (variant) {\n          return parent.sm.customizer.convertFontVariantToFVD(variant);\n        }).join(',');\n      }\n    }\n\n    if (window.fontsCache.indexOf(family) === -1) {\n      WebFont.load({\n        custom: {\n          families: [family],\n          urls: [fontDetails.src]\n        },\n        classes: false,\n        events: false\n      }); // Remember we've loaded this family (with it's variants) so we don't load it again.\n\n      window.fontsCache.push(family);\n    }\n  } // Handle Google fonts since Web Font Loader has a special module for them.\n  else if (fontType === 'google_font') {\n    // Handle the font variants\n    // If there is a selected font variant and we haven't been instructed to load all, load only that,\n    // otherwise load all the available variants.\n    var _variants = typeof font.font_variant !== 'undefined' && (typeof fontConfig['fields']['font-weight']['loadAllVariants'] === 'undefined' || !fontConfig['fields']['font-weight']['loadAllVariants']) && typeof fontDetails.variants !== 'undefined' // If the font has no variants, any variant value we may have received should be ignored.\n    && lodash__WEBPACK_IMPORTED_MODULE_0___default().includes(fontDetails.variants, font.font_variant) // If the value variant is not amongst the available ones, load all available variants.\n    ? font.font_variant : typeof fontDetails.variants !== 'undefined' ? fontDetails.variants : [];\n\n    if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(_variants)) {\n      _variants = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_1__.standardizeToArray)(_variants);\n\n      if (!lodash__WEBPACK_IMPORTED_MODULE_0___default().isEmpty(_variants)) {\n        family = family + ':' + _variants.join(',');\n      }\n    }\n\n    if (window.fontsCache.indexOf(family) === -1) {\n      WebFont.load({\n        google: {\n          families: [family]\n        },\n        classes: false,\n        events: false\n      }); // Remember we've loaded this family (with it's variants) so we don't load it again.\n\n      window.fontsCache.push(family);\n    }\n  } else {// Maybe Typekit, Fonts.com or Fontdeck fonts\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/maybe-load-font-family.js?")},"./src/_js/utils/maybe-load-font-loader-script.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeLoadWebfontloaderScript\": () => (/* binding */ maybeLoadWebfontloaderScript)\n/* harmony export */ });\nvar maybeLoadWebfontloaderScript = function maybeLoadWebfontloaderScript() {\n  if (typeof WebFont === 'undefined') {\n    var tk = document.createElement('script');\n    tk.src = parent.styleManager.config.webfontloader_url;\n    tk.type = 'text/javascript';\n    var s = document.getElementsByTagName('script')[0];\n    s.parentNode.insertBefore(tk, s);\n  }\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/maybe-load-font-loader-script.js?")},"./src/_js/utils/sanitize-font-family-css-value/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"sanitizeFontFamilyCSSValue\": () => (/* binding */ sanitizeFontFamilyCSSValue)\n/* harmony export */ });\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _maybe_explode_list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./maybe-explode-list */ \"./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js\");\n/* harmony import */ var _maybe_implode_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./maybe-implode-list */ \"./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js\");\n// Mirror logic of server-side Utils\\Fonts::sanitizeFontFamilyCSSValue()\n\n\n\nvar sanitizeFontFamilyCSSValue = function sanitizeFontFamilyCSSValue(value) {\n  if (lodash__WEBPACK_IMPORTED_MODULE_0___default().isUndefined(value)) {\n    return '';\n  } // Since we might get a stack, attempt to treat is a comma-delimited list.\n\n\n  var fontFamilies = (0,_maybe_explode_list__WEBPACK_IMPORTED_MODULE_1__.maybeExplodeList)(value);\n\n  if (!fontFamilies.length) {\n    return '';\n  }\n\n  lodash__WEBPACK_IMPORTED_MODULE_0___default().each(fontFamilies, function (fontFamily, key) {\n    // Make sure that the font family is free from \" or ' or whitespace, at the front.\n    fontFamily = fontFamily.replace(new RegExp(/^\\s*[\"'‘’“”]*\\s*/), ''); // Make sure that the font family is free from \" or ' or whitespace, at the back.\n\n    fontFamily = fontFamily.replace(new RegExp(/\\s*[\"'‘’“”]*\\s*$/), '');\n\n    if ('' === fontFamily) {\n      delete fontFamilies[key];\n      return;\n    } // Now, if the font family contains spaces, wrap it in \".\n\n\n    if (fontFamily.indexOf(' ') !== -1) {\n      fontFamily = '\"' + fontFamily + '\"';\n    } // Finally, put it back.\n\n\n    fontFamilies[key] = fontFamily;\n  });\n\n  return (0,_maybe_implode_list__WEBPACK_IMPORTED_MODULE_2__.maybeImplodeList)(fontFamilies);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/index.js?")},"./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeExplodeList\": () => (/* binding */ maybeExplodeList)\n/* harmony export */ });\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\nvar maybeExplodeList = function maybeExplodeList(str) {\n  var delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';\n\n  if (_typeof(str) === 'object') {\n    str = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_0__.standardizeToArray)(str);\n  } // If by any chance we are given an array, just return it\n\n\n  if (Array.isArray(str)) {\n    return str;\n  } // Anything else we coerce to a string\n\n\n  if (typeof str !== 'string') {\n    str = String(str);\n  } // Make sure we trim it\n\n\n  str = str.trim(); // Bail on empty string\n\n  if (!str.length) {\n    return [];\n  } // Return the whole string as an element if the delimiter is missing\n\n\n  if (str.indexOf(delimiter) === -1) {\n    return [str];\n  } // Explode it and return it\n\n\n  return explode(delimiter, str);\n};\n\nvar explode = function explode(delimiter, string, limit) {\n  //  discuss at: https://locutus.io/php/explode/\n  // original by: Kevin van Zonneveld (https://kvz.io)\n  //   example 1: explode(' ', 'Kevin van Zonneveld')\n  //   returns 1: [ 'Kevin', 'van', 'Zonneveld' ]\n  if (arguments.length < 2 || typeof delimiter === 'undefined' || typeof string === 'undefined') {\n    return null;\n  }\n\n  if (delimiter === '' || delimiter === false || delimiter === null) {\n    return false;\n  }\n\n  if (typeof delimiter === 'function' || _typeof(delimiter) === 'object' || typeof string === 'function' || _typeof(string) === 'object') {\n    return {\n      0: ''\n    };\n  }\n\n  if (delimiter === true) {\n    delimiter = '1';\n  } // Here we go...\n\n\n  delimiter += '';\n  string += '';\n  var s = string.split(delimiter);\n\n  if (typeof limit === 'undefined') {\n    return s;\n  } // Support for limit\n\n\n  if (limit === 0) {\n    limit = 1;\n  } // Positive limit\n\n\n  if (limit > 0) {\n    if (limit >= s.length) {\n      return s;\n    }\n\n    return s.slice(0, limit - 1).concat([s.slice(limit - 1).join(delimiter)]);\n  } // Negative limit\n\n\n  if (-limit >= s.length) {\n    return [];\n  }\n\n  s.splice(s.length + limit);\n  return s;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js?")},"./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"maybeImplodeList\": () => (/* binding */ maybeImplodeList)\n/* harmony export */ });\n/* harmony import */ var _standardize_to_array__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../standardize-to-array */ \"./src/_js/utils/standardize-to-array.js\");\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\nvar maybeImplodeList = function maybeImplodeList(value) {\n  var glue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';\n\n  // If by any chance we are given a string, just return it\n  if (typeof value === 'string' || typeof value === 'number') {\n    return String(value);\n  }\n\n  if (_typeof(value) === 'object') {\n    value = (0,_standardize_to_array__WEBPACK_IMPORTED_MODULE_0__.standardizeToArray)(value);\n  }\n\n  if (Array.isArray(value)) {\n    return implode(glue, value);\n  } // For anything else we return an empty string.\n\n\n  return '';\n};\n\nvar implode = function implode(glue, pieces) {\n  //  discuss at: https://locutus.io/php/implode/\n  // original by: Kevin van Zonneveld (https://kvz.io)\n  // improved by: Waldo Malqui Silva (https://waldo.malqui.info)\n  // improved by: Itsacon (https://www.itsacon.net/)\n  // bugfixed by: Brett Zamir (https://brett-zamir.me)\n  //   example 1: implode(' ', ['Kevin', 'van', 'Zonneveld'])\n  //   returns 1: 'Kevin van Zonneveld'\n  //   example 2: implode(' ', {first:'Kevin', last: 'van Zonneveld'})\n  //   returns 2: 'Kevin van Zonneveld'\n  var i = '';\n  var retVal = '';\n  var tGlue = '';\n\n  if (arguments.length === 1) {\n    pieces = glue;\n    glue = '';\n  }\n\n  if (_typeof(pieces) === 'object') {\n    if (Object.prototype.toString.call(pieces) === '[object Array]') {\n      return pieces.join(glue);\n    }\n\n    for (i in pieces) {\n      retVal += tGlue + pieces[i];\n      tGlue = glue;\n    }\n\n    return retVal;\n  }\n\n  return pieces;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js?")},"./src/_js/utils/standardize-to-array.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "standardizeToArray": () => (/* binding */ standardizeToArray)\n/* harmony export */ });\nfunction _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }\n\nvar standardizeToArray = function standardizeToArray(value) {\n  if (typeof value === \'string\' || typeof value === \'number\') {\n    value = [value];\n  } else if (_typeof(value) === \'object\') {\n    value = Object.values(value);\n  }\n\n  return value;\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/utils/standardize-to-array.js?')},"./node_modules/classnames/index.js":(module,exports)=>{eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif ( true && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (true) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\t!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {\n\t\t\treturn classNames;\n\t\t}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\t} else {}\n}());\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/classnames/index.js?")},"./node_modules/hsluv/hsluv.js":module=>{eval('// Generated by Haxe 3.4.4\nvar hsluv = hsluv || {};\nhsluv.Geometry = function() { };\nhsluv.Geometry.intersectLineLine = function(a,b) {\n\tvar x = (a.intercept - b.intercept) / (b.slope - a.slope);\n\tvar y = a.slope * x + a.intercept;\n\treturn { x : x, y : y};\n};\nhsluv.Geometry.distanceFromOrigin = function(point) {\n\treturn Math.sqrt(Math.pow(point.x,2) + Math.pow(point.y,2));\n};\nhsluv.Geometry.distanceLineFromOrigin = function(line) {\n\treturn Math.abs(line.intercept) / Math.sqrt(Math.pow(line.slope,2) + 1);\n};\nhsluv.Geometry.perpendicularThroughPoint = function(line,point) {\n\tvar slope = -1 / line.slope;\n\tvar intercept = point.y - slope * point.x;\n\treturn { slope : slope, intercept : intercept};\n};\nhsluv.Geometry.angleFromOrigin = function(point) {\n\treturn Math.atan2(point.y,point.x);\n};\nhsluv.Geometry.normalizeAngle = function(angle) {\n\tvar m = 2 * Math.PI;\n\treturn (angle % m + m) % m;\n};\nhsluv.Geometry.lengthOfRayUntilIntersect = function(theta,line) {\n\treturn line.intercept / (Math.sin(theta) - line.slope * Math.cos(theta));\n};\nhsluv.Hsluv = function() { };\nhsluv.Hsluv.getBounds = function(L) {\n\tvar result = [];\n\tvar sub1 = Math.pow(L + 16,3) / 1560896;\n\tvar sub2 = sub1 > hsluv.Hsluv.epsilon ? sub1 : L / hsluv.Hsluv.kappa;\n\tvar _g = 0;\n\twhile(_g < 3) {\n\t\tvar c = _g++;\n\t\tvar m1 = hsluv.Hsluv.m[c][0];\n\t\tvar m2 = hsluv.Hsluv.m[c][1];\n\t\tvar m3 = hsluv.Hsluv.m[c][2];\n\t\tvar _g1 = 0;\n\t\twhile(_g1 < 2) {\n\t\t\tvar t = _g1++;\n\t\t\tvar top1 = (284517 * m1 - 94839 * m3) * sub2;\n\t\t\tvar top2 = (838422 * m3 + 769860 * m2 + 731718 * m1) * L * sub2 - 769860 * t * L;\n\t\t\tvar bottom = (632260 * m3 - 126452 * m2) * sub2 + 126452 * t;\n\t\t\tresult.push({ slope : top1 / bottom, intercept : top2 / bottom});\n\t\t}\n\t}\n\treturn result;\n};\nhsluv.Hsluv.maxSafeChromaForL = function(L) {\n\tvar bounds = hsluv.Hsluv.getBounds(L);\n\tvar min = Infinity;\n\tvar _g = 0;\n\twhile(_g < bounds.length) {\n\t\tvar bound = bounds[_g];\n\t\t++_g;\n\t\tvar length = hsluv.Geometry.distanceLineFromOrigin(bound);\n\t\tmin = Math.min(min,length);\n\t}\n\treturn min;\n};\nhsluv.Hsluv.maxChromaForLH = function(L,H) {\n\tvar hrad = H / 360 * Math.PI * 2;\n\tvar bounds = hsluv.Hsluv.getBounds(L);\n\tvar min = Infinity;\n\tvar _g = 0;\n\twhile(_g < bounds.length) {\n\t\tvar bound = bounds[_g];\n\t\t++_g;\n\t\tvar length = hsluv.Geometry.lengthOfRayUntilIntersect(hrad,bound);\n\t\tif(length >= 0) {\n\t\t\tmin = Math.min(min,length);\n\t\t}\n\t}\n\treturn min;\n};\nhsluv.Hsluv.dotProduct = function(a,b) {\n\tvar sum = 0;\n\tvar _g1 = 0;\n\tvar _g = a.length;\n\twhile(_g1 < _g) {\n\t\tvar i = _g1++;\n\t\tsum += a[i] * b[i];\n\t}\n\treturn sum;\n};\nhsluv.Hsluv.fromLinear = function(c) {\n\tif(c <= 0.0031308) {\n\t\treturn 12.92 * c;\n\t} else {\n\t\treturn 1.055 * Math.pow(c,0.416666666666666685) - 0.055;\n\t}\n};\nhsluv.Hsluv.toLinear = function(c) {\n\tif(c > 0.04045) {\n\t\treturn Math.pow((c + 0.055) / 1.055,2.4);\n\t} else {\n\t\treturn c / 12.92;\n\t}\n};\nhsluv.Hsluv.xyzToRgb = function(tuple) {\n\treturn [hsluv.Hsluv.fromLinear(hsluv.Hsluv.dotProduct(hsluv.Hsluv.m[0],tuple)),hsluv.Hsluv.fromLinear(hsluv.Hsluv.dotProduct(hsluv.Hsluv.m[1],tuple)),hsluv.Hsluv.fromLinear(hsluv.Hsluv.dotProduct(hsluv.Hsluv.m[2],tuple))];\n};\nhsluv.Hsluv.rgbToXyz = function(tuple) {\n\tvar rgbl = [hsluv.Hsluv.toLinear(tuple[0]),hsluv.Hsluv.toLinear(tuple[1]),hsluv.Hsluv.toLinear(tuple[2])];\n\treturn [hsluv.Hsluv.dotProduct(hsluv.Hsluv.minv[0],rgbl),hsluv.Hsluv.dotProduct(hsluv.Hsluv.minv[1],rgbl),hsluv.Hsluv.dotProduct(hsluv.Hsluv.minv[2],rgbl)];\n};\nhsluv.Hsluv.yToL = function(Y) {\n\tif(Y <= hsluv.Hsluv.epsilon) {\n\t\treturn Y / hsluv.Hsluv.refY * hsluv.Hsluv.kappa;\n\t} else {\n\t\treturn 116 * Math.pow(Y / hsluv.Hsluv.refY,0.333333333333333315) - 16;\n\t}\n};\nhsluv.Hsluv.lToY = function(L) {\n\tif(L <= 8) {\n\t\treturn hsluv.Hsluv.refY * L / hsluv.Hsluv.kappa;\n\t} else {\n\t\treturn hsluv.Hsluv.refY * Math.pow((L + 16) / 116,3);\n\t}\n};\nhsluv.Hsluv.xyzToLuv = function(tuple) {\n\tvar X = tuple[0];\n\tvar Y = tuple[1];\n\tvar Z = tuple[2];\n\tvar divider = X + 15 * Y + 3 * Z;\n\tvar varU = 4 * X;\n\tvar varV = 9 * Y;\n\tif(divider != 0) {\n\t\tvarU /= divider;\n\t\tvarV /= divider;\n\t} else {\n\t\tvarU = NaN;\n\t\tvarV = NaN;\n\t}\n\tvar L = hsluv.Hsluv.yToL(Y);\n\tif(L == 0) {\n\t\treturn [0,0,0];\n\t}\n\tvar U = 13 * L * (varU - hsluv.Hsluv.refU);\n\tvar V = 13 * L * (varV - hsluv.Hsluv.refV);\n\treturn [L,U,V];\n};\nhsluv.Hsluv.luvToXyz = function(tuple) {\n\tvar L = tuple[0];\n\tvar U = tuple[1];\n\tvar V = tuple[2];\n\tif(L == 0) {\n\t\treturn [0,0,0];\n\t}\n\tvar varU = U / (13 * L) + hsluv.Hsluv.refU;\n\tvar varV = V / (13 * L) + hsluv.Hsluv.refV;\n\tvar Y = hsluv.Hsluv.lToY(L);\n\tvar X = 0 - 9 * Y * varU / ((varU - 4) * varV - varU * varV);\n\tvar Z = (9 * Y - 15 * varV * Y - varV * X) / (3 * varV);\n\treturn [X,Y,Z];\n};\nhsluv.Hsluv.luvToLch = function(tuple) {\n\tvar L = tuple[0];\n\tvar U = tuple[1];\n\tvar V = tuple[2];\n\tvar C = Math.sqrt(U * U + V * V);\n\tvar H;\n\tif(C < 0.00000001) {\n\t\tH = 0;\n\t} else {\n\t\tvar Hrad = Math.atan2(V,U);\n\t\tH = Hrad * 180.0 / Math.PI;\n\t\tif(H < 0) {\n\t\t\tH = 360 + H;\n\t\t}\n\t}\n\treturn [L,C,H];\n};\nhsluv.Hsluv.lchToLuv = function(tuple) {\n\tvar L = tuple[0];\n\tvar C = tuple[1];\n\tvar H = tuple[2];\n\tvar Hrad = H / 360.0 * 2 * Math.PI;\n\tvar U = Math.cos(Hrad) * C;\n\tvar V = Math.sin(Hrad) * C;\n\treturn [L,U,V];\n};\nhsluv.Hsluv.hsluvToLch = function(tuple) {\n\tvar H = tuple[0];\n\tvar S = tuple[1];\n\tvar L = tuple[2];\n\tif(L > 99.9999999) {\n\t\treturn [100,0,H];\n\t}\n\tif(L < 0.00000001) {\n\t\treturn [0,0,H];\n\t}\n\tvar max = hsluv.Hsluv.maxChromaForLH(L,H);\n\tvar C = max / 100 * S;\n\treturn [L,C,H];\n};\nhsluv.Hsluv.lchToHsluv = function(tuple) {\n\tvar L = tuple[0];\n\tvar C = tuple[1];\n\tvar H = tuple[2];\n\tif(L > 99.9999999) {\n\t\treturn [H,0,100];\n\t}\n\tif(L < 0.00000001) {\n\t\treturn [H,0,0];\n\t}\n\tvar max = hsluv.Hsluv.maxChromaForLH(L,H);\n\tvar S = C / max * 100;\n\treturn [H,S,L];\n};\nhsluv.Hsluv.hpluvToLch = function(tuple) {\n\tvar H = tuple[0];\n\tvar S = tuple[1];\n\tvar L = tuple[2];\n\tif(L > 99.9999999) {\n\t\treturn [100,0,H];\n\t}\n\tif(L < 0.00000001) {\n\t\treturn [0,0,H];\n\t}\n\tvar max = hsluv.Hsluv.maxSafeChromaForL(L);\n\tvar C = max / 100 * S;\n\treturn [L,C,H];\n};\nhsluv.Hsluv.lchToHpluv = function(tuple) {\n\tvar L = tuple[0];\n\tvar C = tuple[1];\n\tvar H = tuple[2];\n\tif(L > 99.9999999) {\n\t\treturn [H,0,100];\n\t}\n\tif(L < 0.00000001) {\n\t\treturn [H,0,0];\n\t}\n\tvar max = hsluv.Hsluv.maxSafeChromaForL(L);\n\tvar S = C / max * 100;\n\treturn [H,S,L];\n};\nhsluv.Hsluv.rgbToHex = function(tuple) {\n\tvar h = "#";\n\tvar _g = 0;\n\twhile(_g < 3) {\n\t\tvar i = _g++;\n\t\tvar chan = tuple[i];\n\t\tvar c = Math.round(chan * 255);\n\t\tvar digit2 = c % 16;\n\t\tvar digit1 = (c - digit2) / 16 | 0;\n\t\th += hsluv.Hsluv.hexChars.charAt(digit1) + hsluv.Hsluv.hexChars.charAt(digit2);\n\t}\n\treturn h;\n};\nhsluv.Hsluv.hexToRgb = function(hex) {\n\thex = hex.toLowerCase();\n\tvar ret = [];\n\tvar _g = 0;\n\twhile(_g < 3) {\n\t\tvar i = _g++;\n\t\tvar digit1 = hsluv.Hsluv.hexChars.indexOf(hex.charAt(i * 2 + 1));\n\t\tvar digit2 = hsluv.Hsluv.hexChars.indexOf(hex.charAt(i * 2 + 2));\n\t\tvar n = digit1 * 16 + digit2;\n\t\tret.push(n / 255.0);\n\t}\n\treturn ret;\n};\nhsluv.Hsluv.lchToRgb = function(tuple) {\n\treturn hsluv.Hsluv.xyzToRgb(hsluv.Hsluv.luvToXyz(hsluv.Hsluv.lchToLuv(tuple)));\n};\nhsluv.Hsluv.rgbToLch = function(tuple) {\n\treturn hsluv.Hsluv.luvToLch(hsluv.Hsluv.xyzToLuv(hsluv.Hsluv.rgbToXyz(tuple)));\n};\nhsluv.Hsluv.hsluvToRgb = function(tuple) {\n\treturn hsluv.Hsluv.lchToRgb(hsluv.Hsluv.hsluvToLch(tuple));\n};\nhsluv.Hsluv.rgbToHsluv = function(tuple) {\n\treturn hsluv.Hsluv.lchToHsluv(hsluv.Hsluv.rgbToLch(tuple));\n};\nhsluv.Hsluv.hpluvToRgb = function(tuple) {\n\treturn hsluv.Hsluv.lchToRgb(hsluv.Hsluv.hpluvToLch(tuple));\n};\nhsluv.Hsluv.rgbToHpluv = function(tuple) {\n\treturn hsluv.Hsluv.lchToHpluv(hsluv.Hsluv.rgbToLch(tuple));\n};\nhsluv.Hsluv.hsluvToHex = function(tuple) {\n\treturn hsluv.Hsluv.rgbToHex(hsluv.Hsluv.hsluvToRgb(tuple));\n};\nhsluv.Hsluv.hpluvToHex = function(tuple) {\n\treturn hsluv.Hsluv.rgbToHex(hsluv.Hsluv.hpluvToRgb(tuple));\n};\nhsluv.Hsluv.hexToHsluv = function(s) {\n\treturn hsluv.Hsluv.rgbToHsluv(hsluv.Hsluv.hexToRgb(s));\n};\nhsluv.Hsluv.hexToHpluv = function(s) {\n\treturn hsluv.Hsluv.rgbToHpluv(hsluv.Hsluv.hexToRgb(s));\n};\nhsluv.Hsluv.m = [[3.240969941904521,-1.537383177570093,-0.498610760293],[-0.96924363628087,1.87596750150772,0.041555057407175],[0.055630079696993,-0.20397695888897,1.056971514242878]];\nhsluv.Hsluv.minv = [[0.41239079926595,0.35758433938387,0.18048078840183],[0.21263900587151,0.71516867876775,0.072192315360733],[0.019330818715591,0.11919477979462,0.95053215224966]];\nhsluv.Hsluv.refY = 1.0;\nhsluv.Hsluv.refU = 0.19783000664283;\nhsluv.Hsluv.refV = 0.46831999493879;\nhsluv.Hsluv.kappa = 903.2962962;\nhsluv.Hsluv.epsilon = 0.0088564516;\nhsluv.Hsluv.hexChars = "0123456789abcdef";\nvar root = {\n    "hsluvToRgb": hsluv.Hsluv.hsluvToRgb,\n    "rgbToHsluv": hsluv.Hsluv.rgbToHsluv,\n    "hpluvToRgb": hsluv.Hsluv.hpluvToRgb,\n    "rgbToHpluv": hsluv.Hsluv.rgbToHpluv,\n    "hsluvToHex": hsluv.Hsluv.hsluvToHex,\n    "hexToHsluv": hsluv.Hsluv.hexToHsluv,\n    "hpluvToHex": hsluv.Hsluv.hpluvToHex,\n    "hexToHpluv": hsluv.Hsluv.hexToHpluv,\n    "lchToHpluv": hsluv.Hsluv.lchToHpluv,\n    "hpluvToLch": hsluv.Hsluv.hpluvToLch,\n    "lchToHsluv": hsluv.Hsluv.lchToHsluv,\n    "hsluvToLch": hsluv.Hsluv.hsluvToLch,\n    "lchToLuv": hsluv.Hsluv.lchToLuv,\n    "luvToLch": hsluv.Hsluv.luvToLch,\n    "xyzToLuv": hsluv.Hsluv.xyzToLuv,\n    "luvToXyz": hsluv.Hsluv.luvToXyz,\n    "xyzToRgb": hsluv.Hsluv.xyzToRgb,\n    "rgbToXyz": hsluv.Hsluv.rgbToXyz,\n    "lchToRgb": hsluv.Hsluv.lchToRgb,\n    "rgbToLch": hsluv.Hsluv.rgbToLch\n};\n\nmodule.exports = root;\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/hsluv/hsluv.js?')},"./src/_js/customizer/components/accordion/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/accordion/style.scss?")},"./src/_js/customizer/components/colors-preview/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/colors-preview/style.scss?")},"./src/_js/customizer/components/contextual-menu/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/contextual-menu/style.scss?")},"./src/_js/customizer/components/dropzone/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/dropzone/style.scss?")},"./src/_js/customizer/components/overlay/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/overlay/style.scss?")},"./src/_js/customizer/components/palette-list/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/palette-list/style.scss?")},"./src/_js/customizer/components/preview-tabs/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/preview-tabs/style.scss?")},"./src/_js/customizer/components/source-colors/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/source-colors/style.scss?")},"./src/_js/customizer/components/typography-overlay/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/typography-overlay/style.scss?")},"./src/_js/customizer/style.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/style.scss?")},"./node_modules/react-colorful/dist/index.module.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "HexColorInput": () => (/* binding */ Me),\n/* harmony export */   "HexColorPicker": () => (/* binding */ J),\n/* harmony export */   "HslColorPicker": () => (/* binding */ te),\n/* harmony export */   "HslStringColorPicker": () => (/* binding */ oe),\n/* harmony export */   "HslaColorPicker": () => (/* binding */ W),\n/* harmony export */   "HslaStringColorPicker": () => (/* binding */ ee),\n/* harmony export */   "HsvColorPicker": () => (/* binding */ se),\n/* harmony export */   "HsvStringColorPicker": () => (/* binding */ ve),\n/* harmony export */   "HsvaColorPicker": () => (/* binding */ le),\n/* harmony export */   "HsvaStringColorPicker": () => (/* binding */ ce),\n/* harmony export */   "RgbColorPicker": () => (/* binding */ be),\n/* harmony export */   "RgbStringColorPicker": () => (/* binding */ xe),\n/* harmony export */   "RgbaColorPicker": () => (/* binding */ he),\n/* harmony export */   "RgbaStringColorPicker": () => (/* binding */ ge),\n/* harmony export */   "setNonce": () => (/* binding */ Y)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function c(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function i(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(e),n=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}var s=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},f=function(e){return"touches"in e},v=function(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:s((o.pageX-(n.left+window.pageXOffset))/n.width),top:s((o.pageY-(n.top+window.pageYOffset))/n.height)}},d=function(e){!f(e)&&e.preventDefault()},h=react__WEBPACK_IMPORTED_MODULE_0___default().memo(function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),h=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),m=i(a),g=i(l),p=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),b=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),_=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function(){var e=function(e){d(e),(f(e)?e.touches.length>0:e.buttons>0)&&h.current?m(v(h.current,e,p.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=b.current,o=t?self.addEventListener:self.removeEventListener;o(n?"touchmove":"mousemove",e),o(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=h.current;if(n&&(d(r),!function(e,r){return r&&!f(e)}(r,b.current)&&n)){if(f(r)){b.current=!0;var o=r.changedTouches||[];o.length&&(p.current=o[0].identifier)}n.focus(),m(v(n,r,p.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),g({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]},[g,m]),x=_[0],C=_[1],E=_[2];return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){return E},[E]),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",u({},s,{onTouchStart:x,onMouseDown:x,className:"react-colorful__interactive",ref:h,onKeyDown:C,tabIndex:0,role:"slider"}))}),m=function(e){return e.filter(Boolean).join(" ")},g=function(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=m(["react-colorful__pointer",r.className]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},p=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},b={grad:.9,turn:360,rad:360/(2*Math.PI)},_=function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},x=function(e,r){return void 0===r&&(r="deg"),Number(e)*(b[r]||1)},C=function(e){var r=/hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);return r?H({h:x(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},E=C,H=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},M=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:p(e.h),s:p(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:p(o/2),a:p(n,2)}},N=function(e){var r=M(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},w=function(e){var r=M(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},y=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:p(255*[n,u,l,l,c,n][i]),g:p(255*[c,n,n,u,l,l][i]),b:p(255*[l,l,c,n,n,u][i]),a:p(o,2)}},q=function(e){var r=/hsva?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);return r?B({h:x(r[1],r[2]),s:Number(r[3]),v:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},k=q,O=function(e){var r=/rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i.exec(e);return r?z({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},I=O,j=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},z=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:p(60*(u<0?u+6:u)),s:p(a?l/a*100:0),v:p(a/255*100),a:o}},B=function(e){return{h:p(e.h),s:p(e.s),v:p(e.v),a:p(e.a,2)}},K=react__WEBPACK_IMPORTED_MODULE_0___default().memo(function(r){var t=r.hue,n=r.onChange,o=m(["react-colorful__hue",r.className]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:o},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(h,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":p(t)},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(g,{className:"react-colorful__hue-pointer",left:t/360,color:N({h:t,s:100,v:100,a:1})})))}),L=react__WEBPACK_IMPORTED_MODULE_0___default().memo(function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:N({h:t.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"react-colorful__saturation",style:o},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(h,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+p(t.s)+"%, Brightness "+p(t.v)+"%"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(g,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:N(t)})))}),A=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},D=function(e,r){return e.replace(/\\s/g,"")===r.replace(/\\s/g,"")};function S(e,t,l){var u=i(l),c=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(function(){return e.toHsva(t)}),s=c[0],f=c[1],v=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({color:t,hsva:s});(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}},[t,e]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))},[s,e,u]);var d=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(e){f(function(r){return Object.assign({},r,e)})},[]);return[s,d]}var T,F,P="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect,X=function(){return T||( true?__webpack_require__.nc:0)},Y=function(e){T=e},R=function(){P(function(){if("undefined"!=typeof document&&!F){(F=document.createElement("style")).innerHTML=\'.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\\\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\\\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}\';var e=X();e&&F.setAttribute("nonce",e),document.head.appendChild(F)}},[])},$=function(r){var t=r.className,n=r.colorModel,o=r.color,a=void 0===o?n.defaultColor:o,l=r.onChange,i=c(r,["className","colorModel","color","onChange"]);R();var s=S(n,a,l),f=s[0],v=s[1],d=m(["react-colorful",t]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",u({},i,{className:d}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(L,{hsva:f,onChange:v}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(K,{hue:f.h,onChange:v,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function(e){return z(_(e))},fromHsva:function(e){return t=(r=y(e)).g,n=r.b,"#"+j(r.r)+j(t)+j(n);var r,t,n},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||A(_(e),_(r))}},J=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:G}))},Q=function(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+w(Object.assign({},n,{a:0}))+", "+w(Object.assign({},n,{a:1}))+")"},l=m(["react-colorful__alpha",t]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:l},react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(h,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":p(100*n.a)+"%"},react__WEBPACK_IMPORTED_MODULE_0___default().createElement(g,{className:"react-colorful__alpha-pointer",left:n.a,color:w(n)})))},U=function(r){var t=r.className,n=r.colorModel,o=r.color,a=void 0===o?n.defaultColor:o,l=r.onChange,i=c(r,["className","colorModel","color","onChange"]);R();var s=S(n,a,l),f=s[0],v=s[1],d=m(["react-colorful",t]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div",u({},i,{className:d}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(L,{hsva:f,onChange:v}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(K,{hue:f.h,onChange:v}),react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Q,{hsva:f,onChange:v,className:"react-colorful__last-control"}))},V={defaultColor:{h:0,s:0,l:0,a:1},toHsva:H,fromHsva:M,equal:A},W=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:V}))},Z={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:C,fromHsva:w,equal:D},ee=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:Z}))},re={defaultColor:{h:0,s:0,l:0},toHsva:function(e){return H({h:e.h,s:e.s,l:e.l,a:1})},fromHsva:function(e){return{h:(r=M(e)).h,s:r.s,l:r.l};var r},equal:A},te=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:re}))},ne={defaultColor:"hsl(0, 0%, 0%)",toHsva:E,fromHsva:N,equal:D},oe=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:ne}))},ae={defaultColor:{h:0,s:0,v:0,a:1},toHsva:function(e){return e},fromHsva:B,equal:A},le=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:ae}))},ue={defaultColor:"hsva(0, 0%, 0%, 1)",toHsva:q,fromHsva:function(e){var r=B(e);return"hsva("+r.h+", "+r.s+"%, "+r.v+"%, "+r.a+")"},equal:D},ce=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:ue}))},ie={defaultColor:{h:0,s:0,v:0},toHsva:function(e){return{h:e.h,s:e.s,v:e.v,a:1}},fromHsva:function(e){var r=B(e);return{h:r.h,s:r.s,v:r.v}},equal:A},se=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:ie}))},fe={defaultColor:"hsv(0, 0%, 0%)",toHsva:k,fromHsva:function(e){var r=B(e);return"hsv("+r.h+", "+r.s+"%, "+r.v+"%)"},equal:D},ve=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:fe}))},de={defaultColor:{r:0,g:0,b:0,a:1},toHsva:z,fromHsva:y,equal:A},he=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:de}))},me={defaultColor:"rgba(0, 0, 0, 1)",toHsva:O,fromHsva:function(e){var r=y(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:D},ge=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(U,u({},r,{colorModel:me}))},pe={defaultColor:{r:0,g:0,b:0},toHsva:function(e){return z({r:e.r,g:e.g,b:e.b,a:1})},fromHsva:function(e){return{r:(r=y(e)).r,g:r.g,b:r.b};var r},equal:A},be=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:pe}))},_e={defaultColor:"rgb(0, 0, 0)",toHsva:I,fromHsva:function(e){var r=y(e);return"rgb("+r.r+", "+r.g+", "+r.b+")"},equal:D},xe=function(r){return react__WEBPACK_IMPORTED_MODULE_0___default().createElement($,u({},r,{colorModel:_e}))},Ce=/^#?([0-9A-F]{3,8})$/i,Ee=function(r){var t=r.color,l=void 0===t?"":t,s=r.onChange,f=r.onBlur,v=r.escape,d=r.validate,h=r.format,m=r.process,g=c(r,["color","onChange","onBlur","escape","validate","format","process"]),p=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(function(){return v(l)}),b=p[0],_=p[1],x=i(s),C=i(f),E=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(e){var r=v(e.target.value);_(r),d(r)&&x(m?m(r):r)},[v,m,d,x]),H=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(e){d(e.target.value)||_(v(l)),C(e)},[l,v,d,C]);return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function(){_(v(l))},[l,v]),react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input",u({},g,{value:h?h(b):b,spellCheck:"false",onChange:E,onBlur:H}))},He=function(e){return"#"+e},Me=function(r){var t=r.prefixed,n=r.alpha,o=c(r,["prefixed","alpha"]),l=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(e){return e.replace(/([^0-9A-F]+)/gi,"").substr(0,n?8:6)},[n]),i=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function(e){return function(e,r){var t=Ce.exec(e),n=t?t[1].length:0;return 3===n||6===n||!!r&&4===n||!!r&&8===n}(e,n)},[n]);return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Ee,u({},o,{escape:l,format:t?He:void 0,process:He,validate:i}))};\n//# sourceMappingURL=index.module.js.map\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/react-colorful/dist/index.module.js?')},"./node_modules/svg-baker-runtime/browser-symbol.js":function(module,__unused_webpack_exports,__webpack_require__){eval("(function (global, factory) {\n\t true ? module.exports = factory() :\n\t0;\n}(this, (function () { 'use strict';\n\nvar SpriteSymbol = function SpriteSymbol(ref) {\n  var id = ref.id;\n  var viewBox = ref.viewBox;\n  var content = ref.content;\n\n  this.id = id;\n  this.viewBox = viewBox;\n  this.content = content;\n};\n\n/**\n * @return {string}\n */\nSpriteSymbol.prototype.stringify = function stringify () {\n  return this.content;\n};\n\n/**\n * @return {string}\n */\nSpriteSymbol.prototype.toString = function toString () {\n  return this.stringify();\n};\n\nSpriteSymbol.prototype.destroy = function destroy () {\n    var this$1 = this;\n\n  ['id', 'viewBox', 'content'].forEach(function (prop) { return delete this$1[prop]; });\n};\n\n/**\n * @param {string} content\n * @return {Element}\n */\nvar parse = function (content) {\n  var hasImportNode = !!document.importNode;\n  var doc = new DOMParser().parseFromString(content, 'image/svg+xml').documentElement;\n\n  /**\n   * Fix for browser which are throwing WrongDocumentError\n   * if you insert an element which is not part of the document\n   * @see http://stackoverflow.com/a/7986519/4624403\n   */\n  if (hasImportNode) {\n    return document.importNode(doc, true);\n  }\n\n  return doc;\n};\n\nvar commonjsGlobal = typeof window !== 'undefined' ? window : typeof __webpack_require__.g !== 'undefined' ? __webpack_require__.g : typeof self !== 'undefined' ? self : {};\n\n\n\n\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar deepmerge = createCommonjsModule(function (module, exports) {\n(function (root, factory) {\n    if (false) {} else {\n        module.exports = factory();\n    }\n}(commonjsGlobal, function () {\n\nfunction isMergeableObject(val) {\n    var nonNullObject = val && typeof val === 'object';\n\n    return nonNullObject\n        && Object.prototype.toString.call(val) !== '[object RegExp]'\n        && Object.prototype.toString.call(val) !== '[object Date]'\n}\n\nfunction emptyTarget(val) {\n    return Array.isArray(val) ? [] : {}\n}\n\nfunction cloneIfNecessary(value, optionsArgument) {\n    var clone = optionsArgument && optionsArgument.clone === true;\n    return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value\n}\n\nfunction defaultArrayMerge(target, source, optionsArgument) {\n    var destination = target.slice();\n    source.forEach(function(e, i) {\n        if (typeof destination[i] === 'undefined') {\n            destination[i] = cloneIfNecessary(e, optionsArgument);\n        } else if (isMergeableObject(e)) {\n            destination[i] = deepmerge(target[i], e, optionsArgument);\n        } else if (target.indexOf(e) === -1) {\n            destination.push(cloneIfNecessary(e, optionsArgument));\n        }\n    });\n    return destination\n}\n\nfunction mergeObject(target, source, optionsArgument) {\n    var destination = {};\n    if (isMergeableObject(target)) {\n        Object.keys(target).forEach(function (key) {\n            destination[key] = cloneIfNecessary(target[key], optionsArgument);\n        });\n    }\n    Object.keys(source).forEach(function (key) {\n        if (!isMergeableObject(source[key]) || !target[key]) {\n            destination[key] = cloneIfNecessary(source[key], optionsArgument);\n        } else {\n            destination[key] = deepmerge(target[key], source[key], optionsArgument);\n        }\n    });\n    return destination\n}\n\nfunction deepmerge(target, source, optionsArgument) {\n    var array = Array.isArray(source);\n    var options = optionsArgument || { arrayMerge: defaultArrayMerge };\n    var arrayMerge = options.arrayMerge || defaultArrayMerge;\n\n    if (array) {\n        return Array.isArray(target) ? arrayMerge(target, source, optionsArgument) : cloneIfNecessary(source, optionsArgument)\n    } else {\n        return mergeObject(target, source, optionsArgument)\n    }\n}\n\ndeepmerge.all = function deepmergeAll(array, optionsArgument) {\n    if (!Array.isArray(array) || array.length < 2) {\n        throw new Error('first argument should be an array with at least two elements')\n    }\n\n    // we are sure there are at least 2 values, so it is safe to have no initial value\n    return array.reduce(function(prev, next) {\n        return deepmerge(prev, next, optionsArgument)\n    })\n};\n\nreturn deepmerge\n\n}));\n});\n\nvar namespaces_1 = createCommonjsModule(function (module, exports) {\nvar namespaces = {\n  svg: {\n    name: 'xmlns',\n    uri: 'http://www.w3.org/2000/svg'\n  },\n  xlink: {\n    name: 'xmlns:xlink',\n    uri: 'http://www.w3.org/1999/xlink'\n  }\n};\n\nexports.default = namespaces;\nmodule.exports = exports.default;\n});\n\n/**\n * @param {Object} attrs\n * @return {string}\n */\nvar objectToAttrsString = function (attrs) {\n  return Object.keys(attrs).map(function (attr) {\n    var value = attrs[attr].toString().replace(/\"/g, '&quot;');\n    return (attr + \"=\\\"\" + value + \"\\\"\");\n  }).join(' ');\n};\n\nvar svg = namespaces_1.svg;\nvar xlink = namespaces_1.xlink;\n\nvar defaultAttrs = {};\ndefaultAttrs[svg.name] = svg.uri;\ndefaultAttrs[xlink.name] = xlink.uri;\n\n/**\n * @param {string} [content]\n * @param {Object} [attributes]\n * @return {string}\n */\nvar wrapInSvgString = function (content, attributes) {\n  if ( content === void 0 ) content = '';\n\n  var attrs = deepmerge(defaultAttrs, attributes || {});\n  var attrsRendered = objectToAttrsString(attrs);\n  return (\"<svg \" + attrsRendered + \">\" + content + \"</svg>\");\n};\n\nvar BrowserSpriteSymbol = (function (SpriteSymbol$$1) {\n  function BrowserSpriteSymbol () {\n    SpriteSymbol$$1.apply(this, arguments);\n  }\n\n  if ( SpriteSymbol$$1 ) BrowserSpriteSymbol.__proto__ = SpriteSymbol$$1;\n  BrowserSpriteSymbol.prototype = Object.create( SpriteSymbol$$1 && SpriteSymbol$$1.prototype );\n  BrowserSpriteSymbol.prototype.constructor = BrowserSpriteSymbol;\n\n  var prototypeAccessors = { isMounted: {} };\n\n  prototypeAccessors.isMounted.get = function () {\n    return !!this.node;\n  };\n\n  /**\n   * @param {Element} node\n   * @return {BrowserSpriteSymbol}\n   */\n  BrowserSpriteSymbol.createFromExistingNode = function createFromExistingNode (node) {\n    return new BrowserSpriteSymbol({\n      id: node.getAttribute('id'),\n      viewBox: node.getAttribute('viewBox'),\n      content: node.outerHTML\n    });\n  };\n\n  BrowserSpriteSymbol.prototype.destroy = function destroy () {\n    if (this.isMounted) {\n      this.unmount();\n    }\n    SpriteSymbol$$1.prototype.destroy.call(this);\n  };\n\n  /**\n   * @param {Element|string} target\n   * @return {Element}\n   */\n  BrowserSpriteSymbol.prototype.mount = function mount (target) {\n    if (this.isMounted) {\n      return this.node;\n    }\n\n    var mountTarget = typeof target === 'string' ? document.querySelector(target) : target;\n    var node = this.render();\n    this.node = node;\n\n    mountTarget.appendChild(node);\n\n    return node;\n  };\n\n  /**\n   * @return {Element}\n   */\n  BrowserSpriteSymbol.prototype.render = function render () {\n    var content = this.stringify();\n    return parse(wrapInSvgString(content)).childNodes[0];\n  };\n\n  BrowserSpriteSymbol.prototype.unmount = function unmount () {\n    this.node.parentNode.removeChild(this.node);\n  };\n\n  Object.defineProperties( BrowserSpriteSymbol.prototype, prototypeAccessors );\n\n  return BrowserSpriteSymbol;\n}(SpriteSymbol));\n\nreturn BrowserSpriteSymbol;\n\n})));\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/svg-baker-runtime/browser-symbol.js?")},"./src/_js/customizer/svg/colorize-elements.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({\n  "id": "colorize-elements",\n  "use": "colorize-elements-usage",\n  "viewBox": "0 0 24 24",\n  "content": "<symbol viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"colorize-elements\\">\\n<path d=\\"M16.66 4.51945L19.49 7.34945L16.66 10.1795L13.83 7.34945L16.66 4.51945ZM9 4.99945V8.99945H5V4.99945H9ZM19 14.9995V18.9995H15V14.9995H19ZM9 14.9995V18.9995H5V14.9995H9ZM16.66 1.68945L11 7.33945L16.66 12.9995L22.32 7.33945L16.66 1.68945ZM11 2.99945H3V10.9995H11V2.99945ZM21 12.9995H13V20.9995H21V12.9995ZM11 12.9995H3V20.9995H11V12.9995Z\\" fill=\\"#2F384C\\" />\\n</symbol>"\n});\nvar result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/svg/colorize-elements.svg?')},"./src/_js/customizer/svg/customize-colors-usage.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({\n  "id": "customize-colors-usage",\n  "use": "customize-colors-usage-usage",\n  "viewBox": "0 0 24 24",\n  "content": "<symbol viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"customize-colors-usage\\">\\n<path d=\\"M16.56 8.94L7.62 0L6.21 1.41L8.59 3.79L3.44 8.94C2.85 9.53 2.85 10.48 3.44 11.06L8.94 16.56C9.23 16.85 9.62 17 10 17C10.38 17 10.77 16.85 11.06 16.56L16.56 11.06C17.15 10.48 17.15 9.53 16.56 8.94ZM5.21 10L10 5.21L14.79 10H5.21ZM19 11.5C19 11.5 17 13.67 17 15C17 16.1 17.9 17 19 17C20.1 17 21 16.1 21 15C21 13.67 19 11.5 19 11.5ZM2 20H22V24H2V20Z\\" fill=\\"#2F384C\\" />\\n</symbol>"\n});\nvar result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/svg/customize-colors-usage.svg?')},"./src/_js/customizer/svg/fine-tune-palette.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({\n  "id": "fine-tune-palette",\n  "use": "fine-tune-palette-usage",\n  "viewBox": "0 0 24 24",\n  "content": "<symbol viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"fine-tune-palette\\">\\n<path d=\\"M3 17V19H9V17H3ZM3 5V7H13V5H3ZM13 21V19H21V17H13V15H11V21H13ZM7 9V11H3V13H7V15H9V9H7ZM21 13V11H11V13H21ZM15 9H17V7H21V5H17V3H15V9Z\\" fill=\\"#2F384C\\" />\\n</symbol>"\n});\nvar result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/svg/fine-tune-palette.svg?')},"./src/_js/customizer/svg/upload.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");\n/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");\n/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);\n\n\nvar symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({\n  "id": "upload",\n  "use": "upload-usage",\n  "viewBox": "0 0 32 41",\n  "content": "<symbol viewBox=\\"0 0 32 41\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"upload\\">\\n<path d=\\"M20 0.869141H0V40.8691H32V12.8691L20 0.869141ZM18 26.8691V34.8691H14V26.8691H8L16.02 18.8691L24 26.8691H18ZM18 14.8691V3.86914L29 14.8691H18Z\\" fill=\\"#0F376A\\" />\\n</symbol>"\n});\nvar result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/svg/upload.svg?')},"./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js":function(module,__unused_webpack_exports,__webpack_require__){eval("(function (global, factory) {\n\t true ? module.exports = factory() :\n\t0;\n}(this, (function () { 'use strict';\n\nvar commonjsGlobal = typeof window !== 'undefined' ? window : typeof __webpack_require__.g !== 'undefined' ? __webpack_require__.g : typeof self !== 'undefined' ? self : {};\n\n\n\n\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar deepmerge = createCommonjsModule(function (module, exports) {\n(function (root, factory) {\n    if (false) {} else {\n        module.exports = factory();\n    }\n}(commonjsGlobal, function () {\n\nfunction isMergeableObject(val) {\n    var nonNullObject = val && typeof val === 'object';\n\n    return nonNullObject\n        && Object.prototype.toString.call(val) !== '[object RegExp]'\n        && Object.prototype.toString.call(val) !== '[object Date]'\n}\n\nfunction emptyTarget(val) {\n    return Array.isArray(val) ? [] : {}\n}\n\nfunction cloneIfNecessary(value, optionsArgument) {\n    var clone = optionsArgument && optionsArgument.clone === true;\n    return (clone && isMergeableObject(value)) ? deepmerge(emptyTarget(value), value, optionsArgument) : value\n}\n\nfunction defaultArrayMerge(target, source, optionsArgument) {\n    var destination = target.slice();\n    source.forEach(function(e, i) {\n        if (typeof destination[i] === 'undefined') {\n            destination[i] = cloneIfNecessary(e, optionsArgument);\n        } else if (isMergeableObject(e)) {\n            destination[i] = deepmerge(target[i], e, optionsArgument);\n        } else if (target.indexOf(e) === -1) {\n            destination.push(cloneIfNecessary(e, optionsArgument));\n        }\n    });\n    return destination\n}\n\nfunction mergeObject(target, source, optionsArgument) {\n    var destination = {};\n    if (isMergeableObject(target)) {\n        Object.keys(target).forEach(function (key) {\n            destination[key] = cloneIfNecessary(target[key], optionsArgument);\n        });\n    }\n    Object.keys(source).forEach(function (key) {\n        if (!isMergeableObject(source[key]) || !target[key]) {\n            destination[key] = cloneIfNecessary(source[key], optionsArgument);\n        } else {\n            destination[key] = deepmerge(target[key], source[key], optionsArgument);\n        }\n    });\n    return destination\n}\n\nfunction deepmerge(target, source, optionsArgument) {\n    var array = Array.isArray(source);\n    var options = optionsArgument || { arrayMerge: defaultArrayMerge };\n    var arrayMerge = options.arrayMerge || defaultArrayMerge;\n\n    if (array) {\n        return Array.isArray(target) ? arrayMerge(target, source, optionsArgument) : cloneIfNecessary(source, optionsArgument)\n    } else {\n        return mergeObject(target, source, optionsArgument)\n    }\n}\n\ndeepmerge.all = function deepmergeAll(array, optionsArgument) {\n    if (!Array.isArray(array) || array.length < 2) {\n        throw new Error('first argument should be an array with at least two elements')\n    }\n\n    // we are sure there are at least 2 values, so it is safe to have no initial value\n    return array.reduce(function(prev, next) {\n        return deepmerge(prev, next, optionsArgument)\n    })\n};\n\nreturn deepmerge\n\n}));\n});\n\n//      \n// An event handler can take an optional event argument\n// and should not return a value\n                                          \n// An array of all currently registered event handlers for a type\n                                            \n// A map of event types and their corresponding event handlers.\n                        \n                                   \n  \n\n/** Mitt: Tiny (~200b) functional event emitter / pubsub.\n *  @name mitt\n *  @returns {Mitt}\n */\nfunction mitt(all                 ) {\n\tall = all || Object.create(null);\n\n\treturn {\n\t\t/**\n\t\t * Register an event handler for the given type.\n\t\t *\n\t\t * @param  {String} type\tType of event to listen for, or `\"*\"` for all events\n\t\t * @param  {Function} handler Function to call in response to given event\n\t\t * @memberOf mitt\n\t\t */\n\t\ton: function on(type        , handler              ) {\n\t\t\t(all[type] || (all[type] = [])).push(handler);\n\t\t},\n\n\t\t/**\n\t\t * Remove an event handler for the given type.\n\t\t *\n\t\t * @param  {String} type\tType of event to unregister `handler` from, or `\"*\"`\n\t\t * @param  {Function} handler Handler function to remove\n\t\t * @memberOf mitt\n\t\t */\n\t\toff: function off(type        , handler              ) {\n\t\t\tif (all[type]) {\n\t\t\t\tall[type].splice(all[type].indexOf(handler) >>> 0, 1);\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Invoke all handlers for the given type.\n\t\t * If present, `\"*\"` handlers are invoked after type-matched handlers.\n\t\t *\n\t\t * @param {String} type  The event type to invoke\n\t\t * @param {Any} [evt]  Any value (object is recommended and powerful), passed to each handler\n\t\t * @memberof mitt\n\t\t */\n\t\temit: function emit(type        , evt     ) {\n\t\t\t(all[type] || []).map(function (handler) { handler(evt); });\n\t\t\t(all['*'] || []).map(function (handler) { handler(type, evt); });\n\t\t}\n\t};\n}\n\nvar namespaces_1 = createCommonjsModule(function (module, exports) {\nvar namespaces = {\n  svg: {\n    name: 'xmlns',\n    uri: 'http://www.w3.org/2000/svg'\n  },\n  xlink: {\n    name: 'xmlns:xlink',\n    uri: 'http://www.w3.org/1999/xlink'\n  }\n};\n\nexports.default = namespaces;\nmodule.exports = exports.default;\n});\n\n/**\n * @param {Object} attrs\n * @return {string}\n */\nvar objectToAttrsString = function (attrs) {\n  return Object.keys(attrs).map(function (attr) {\n    var value = attrs[attr].toString().replace(/\"/g, '&quot;');\n    return (attr + \"=\\\"\" + value + \"\\\"\");\n  }).join(' ');\n};\n\nvar svg = namespaces_1.svg;\nvar xlink = namespaces_1.xlink;\n\nvar defaultAttrs = {};\ndefaultAttrs[svg.name] = svg.uri;\ndefaultAttrs[xlink.name] = xlink.uri;\n\n/**\n * @param {string} [content]\n * @param {Object} [attributes]\n * @return {string}\n */\nvar wrapInSvgString = function (content, attributes) {\n  if ( content === void 0 ) content = '';\n\n  var attrs = deepmerge(defaultAttrs, attributes || {});\n  var attrsRendered = objectToAttrsString(attrs);\n  return (\"<svg \" + attrsRendered + \">\" + content + \"</svg>\");\n};\n\nvar svg$1 = namespaces_1.svg;\nvar xlink$1 = namespaces_1.xlink;\n\nvar defaultConfig = {\n  attrs: ( obj = {\n    style: ['position: absolute', 'width: 0', 'height: 0'].join('; '),\n    'aria-hidden': 'true'\n  }, obj[svg$1.name] = svg$1.uri, obj[xlink$1.name] = xlink$1.uri, obj )\n};\nvar obj;\n\nvar Sprite = function Sprite(config) {\n  this.config = deepmerge(defaultConfig, config || {});\n  this.symbols = [];\n};\n\n/**\n * Add new symbol. If symbol with the same id exists it will be replaced.\n * @param {SpriteSymbol} symbol\n * @return {boolean} `true` - symbol was added, `false` - replaced\n */\nSprite.prototype.add = function add (symbol) {\n  var ref = this;\n    var symbols = ref.symbols;\n  var existing = this.find(symbol.id);\n\n  if (existing) {\n    symbols[symbols.indexOf(existing)] = symbol;\n    return false;\n  }\n\n  symbols.push(symbol);\n  return true;\n};\n\n/**\n * Remove symbol & destroy it\n * @param {string} id\n * @return {boolean} `true` - symbol was found & successfully destroyed, `false` - otherwise\n */\nSprite.prototype.remove = function remove (id) {\n  var ref = this;\n    var symbols = ref.symbols;\n  var symbol = this.find(id);\n\n  if (symbol) {\n    symbols.splice(symbols.indexOf(symbol), 1);\n    symbol.destroy();\n    return true;\n  }\n\n  return false;\n};\n\n/**\n * @param {string} id\n * @return {SpriteSymbol|null}\n */\nSprite.prototype.find = function find (id) {\n  return this.symbols.filter(function (s) { return s.id === id; })[0] || null;\n};\n\n/**\n * @param {string} id\n * @return {boolean}\n */\nSprite.prototype.has = function has (id) {\n  return this.find(id) !== null;\n};\n\n/**\n * @return {string}\n */\nSprite.prototype.stringify = function stringify () {\n  var ref = this.config;\n    var attrs = ref.attrs;\n  var stringifiedSymbols = this.symbols.map(function (s) { return s.stringify(); }).join('');\n  return wrapInSvgString(stringifiedSymbols, attrs);\n};\n\n/**\n * @return {string}\n */\nSprite.prototype.toString = function toString () {\n  return this.stringify();\n};\n\nSprite.prototype.destroy = function destroy () {\n  this.symbols.forEach(function (s) { return s.destroy(); });\n};\n\nvar SpriteSymbol = function SpriteSymbol(ref) {\n  var id = ref.id;\n  var viewBox = ref.viewBox;\n  var content = ref.content;\n\n  this.id = id;\n  this.viewBox = viewBox;\n  this.content = content;\n};\n\n/**\n * @return {string}\n */\nSpriteSymbol.prototype.stringify = function stringify () {\n  return this.content;\n};\n\n/**\n * @return {string}\n */\nSpriteSymbol.prototype.toString = function toString () {\n  return this.stringify();\n};\n\nSpriteSymbol.prototype.destroy = function destroy () {\n    var this$1 = this;\n\n  ['id', 'viewBox', 'content'].forEach(function (prop) { return delete this$1[prop]; });\n};\n\n/**\n * @param {string} content\n * @return {Element}\n */\nvar parse = function (content) {\n  var hasImportNode = !!document.importNode;\n  var doc = new DOMParser().parseFromString(content, 'image/svg+xml').documentElement;\n\n  /**\n   * Fix for browser which are throwing WrongDocumentError\n   * if you insert an element which is not part of the document\n   * @see http://stackoverflow.com/a/7986519/4624403\n   */\n  if (hasImportNode) {\n    return document.importNode(doc, true);\n  }\n\n  return doc;\n};\n\nvar BrowserSpriteSymbol = (function (SpriteSymbol$$1) {\n  function BrowserSpriteSymbol () {\n    SpriteSymbol$$1.apply(this, arguments);\n  }\n\n  if ( SpriteSymbol$$1 ) BrowserSpriteSymbol.__proto__ = SpriteSymbol$$1;\n  BrowserSpriteSymbol.prototype = Object.create( SpriteSymbol$$1 && SpriteSymbol$$1.prototype );\n  BrowserSpriteSymbol.prototype.constructor = BrowserSpriteSymbol;\n\n  var prototypeAccessors = { isMounted: {} };\n\n  prototypeAccessors.isMounted.get = function () {\n    return !!this.node;\n  };\n\n  /**\n   * @param {Element} node\n   * @return {BrowserSpriteSymbol}\n   */\n  BrowserSpriteSymbol.createFromExistingNode = function createFromExistingNode (node) {\n    return new BrowserSpriteSymbol({\n      id: node.getAttribute('id'),\n      viewBox: node.getAttribute('viewBox'),\n      content: node.outerHTML\n    });\n  };\n\n  BrowserSpriteSymbol.prototype.destroy = function destroy () {\n    if (this.isMounted) {\n      this.unmount();\n    }\n    SpriteSymbol$$1.prototype.destroy.call(this);\n  };\n\n  /**\n   * @param {Element|string} target\n   * @return {Element}\n   */\n  BrowserSpriteSymbol.prototype.mount = function mount (target) {\n    if (this.isMounted) {\n      return this.node;\n    }\n\n    var mountTarget = typeof target === 'string' ? document.querySelector(target) : target;\n    var node = this.render();\n    this.node = node;\n\n    mountTarget.appendChild(node);\n\n    return node;\n  };\n\n  /**\n   * @return {Element}\n   */\n  BrowserSpriteSymbol.prototype.render = function render () {\n    var content = this.stringify();\n    return parse(wrapInSvgString(content)).childNodes[0];\n  };\n\n  BrowserSpriteSymbol.prototype.unmount = function unmount () {\n    this.node.parentNode.removeChild(this.node);\n  };\n\n  Object.defineProperties( BrowserSpriteSymbol.prototype, prototypeAccessors );\n\n  return BrowserSpriteSymbol;\n}(SpriteSymbol));\n\nvar defaultConfig$1 = {\n  /**\n   * Should following options be automatically configured:\n   * - `syncUrlsWithBaseTag`\n   * - `locationChangeAngularEmitter`\n   * - `moveGradientsOutsideSymbol`\n   * @type {boolean}\n   */\n  autoConfigure: true,\n\n  /**\n   * Default mounting selector\n   * @type {string}\n   */\n  mountTo: 'body',\n\n  /**\n   * Fix disappearing SVG elements when <base href> exists.\n   * Executes when sprite mounted.\n   * @see http://stackoverflow.com/a/18265336/796152\n   * @see https://github.com/everdimension/angular-svg-base-fix\n   * @see https://github.com/angular/angular.js/issues/8934#issuecomment-56568466\n   * @type {boolean}\n   */\n  syncUrlsWithBaseTag: false,\n\n  /**\n   * Should sprite listen custom location change event\n   * @type {boolean}\n   */\n  listenLocationChangeEvent: true,\n\n  /**\n   * Custom window event name which should be emitted to update sprite urls\n   * @type {string}\n   */\n  locationChangeEvent: 'locationChange',\n\n  /**\n   * Emit location change event in Angular automatically\n   * @type {boolean}\n   */\n  locationChangeAngularEmitter: false,\n\n  /**\n   * Selector to find symbols usages when updating sprite urls\n   * @type {string}\n   */\n  usagesToUpdate: 'use[*|href]',\n\n  /**\n   * Fix Firefox bug when gradients and patterns don't work if they are within a symbol.\n   * Executes when sprite is rendered, but not mounted.\n   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=306674\n   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=353575\n   * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1235364\n   * @type {boolean}\n   */\n  moveGradientsOutsideSymbol: false\n};\n\n/**\n * @param {*} arrayLike\n * @return {Array}\n */\nvar arrayFrom = function (arrayLike) {\n  return Array.prototype.slice.call(arrayLike, 0);\n};\n\nvar browser = {\n  isChrome: function () { return /chrome/i.test(navigator.userAgent); },\n  isFirefox: function () { return /firefox/i.test(navigator.userAgent); },\n\n  // https://msdn.microsoft.com/en-us/library/ms537503(v=vs.85).aspx\n  isIE: function () { return /msie/i.test(navigator.userAgent) || /trident/i.test(navigator.userAgent); },\n  isEdge: function () { return /edge/i.test(navigator.userAgent); }\n};\n\n/**\n * @param {string} name\n * @param {*} data\n */\nvar dispatchEvent = function (name, data) {\n  var event = document.createEvent('CustomEvent');\n  event.initCustomEvent(name, false, false, data);\n  window.dispatchEvent(event);\n};\n\n/**\n * IE doesn't evaluate <style> tags in SVGs that are dynamically added to the page.\n * This trick will trigger IE to read and use any existing SVG <style> tags.\n * @see https://github.com/iconic/SVGInjector/issues/23\n * @see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10898469/\n *\n * @param {Element} node DOM Element to search <style> tags in\n * @return {Array<HTMLStyleElement>}\n */\nvar evalStylesIEWorkaround = function (node) {\n  var updatedNodes = [];\n\n  arrayFrom(node.querySelectorAll('style'))\n    .forEach(function (style) {\n      style.textContent += '';\n      updatedNodes.push(style);\n    });\n\n  return updatedNodes;\n};\n\n/**\n * @param {string} [url] If not provided - current URL will be used\n * @return {string}\n */\nvar getUrlWithoutFragment = function (url) {\n  return (url || window.location.href).split('#')[0];\n};\n\n/* global angular */\n/**\n * @param {string} eventName\n */\nvar locationChangeAngularEmitter = function (eventName) {\n  angular.module('ng').run(['$rootScope', function ($rootScope) {\n    $rootScope.$on('$locationChangeSuccess', function (e, newUrl, oldUrl) {\n      dispatchEvent(eventName, { oldUrl: oldUrl, newUrl: newUrl });\n    });\n  }]);\n};\n\nvar defaultSelector = 'linearGradient, radialGradient, pattern, mask, clipPath';\n\n/**\n * @param {Element} svg\n * @param {string} [selector]\n * @return {Element}\n */\nvar moveGradientsOutsideSymbol = function (svg, selector) {\n  if ( selector === void 0 ) selector = defaultSelector;\n\n  arrayFrom(svg.querySelectorAll('symbol')).forEach(function (symbol) {\n    arrayFrom(symbol.querySelectorAll(selector)).forEach(function (node) {\n      symbol.parentNode.insertBefore(node, symbol);\n    });\n  });\n  return svg;\n};\n\n/**\n * @param {NodeList} nodes\n * @param {Function} [matcher]\n * @return {Attr[]}\n */\nfunction selectAttributes(nodes, matcher) {\n  var attrs = arrayFrom(nodes).reduce(function (acc, node) {\n    if (!node.attributes) {\n      return acc;\n    }\n\n    var arrayfied = arrayFrom(node.attributes);\n    var matched = matcher ? arrayfied.filter(matcher) : arrayfied;\n    return acc.concat(matched);\n  }, []);\n\n  return attrs;\n}\n\n/**\n * @param {NodeList|Node} nodes\n * @param {boolean} [clone=true]\n * @return {string}\n */\n\nvar xLinkNS = namespaces_1.xlink.uri;\nvar xLinkAttrName = 'xlink:href';\n\n// eslint-disable-next-line no-useless-escape\nvar specialUrlCharsPattern = /[{}|\\\\\\^\\[\\]`\"<>]/g;\n\nfunction encoder(url) {\n  return url.replace(specialUrlCharsPattern, function (match) {\n    return (\"%\" + (match[0].charCodeAt(0).toString(16).toUpperCase()));\n  });\n}\n\nfunction escapeRegExp(str) {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"); // $& means the whole matched string\n}\n\n/**\n * @param {NodeList} nodes\n * @param {string} startsWith\n * @param {string} replaceWith\n * @return {NodeList}\n */\nfunction updateReferences(nodes, startsWith, replaceWith) {\n  arrayFrom(nodes).forEach(function (node) {\n    var href = node.getAttribute(xLinkAttrName);\n    if (href && href.indexOf(startsWith) === 0) {\n      var newUrl = href.replace(startsWith, replaceWith);\n      node.setAttributeNS(xLinkNS, xLinkAttrName, newUrl);\n    }\n  });\n\n  return nodes;\n}\n\n/**\n * List of SVG attributes to update url() target in them\n */\nvar attList = [\n  'clipPath',\n  'colorProfile',\n  'src',\n  'cursor',\n  'fill',\n  'filter',\n  'marker',\n  'markerStart',\n  'markerMid',\n  'markerEnd',\n  'mask',\n  'stroke',\n  'style'\n];\n\nvar attSelector = attList.map(function (attr) { return (\"[\" + attr + \"]\"); }).join(',');\n\n/**\n * Update URLs in svg image (like `fill=\"url(...)\"`) and update referencing elements\n * @param {Element} svg\n * @param {NodeList} references\n * @param {string|RegExp} startsWith\n * @param {string} replaceWith\n * @return {void}\n *\n * @example\n * const sprite = document.querySelector('svg.sprite');\n * const usages = document.querySelectorAll('use');\n * updateUrls(sprite, usages, '#', 'prefix#');\n */\nvar updateUrls = function (svg, references, startsWith, replaceWith) {\n  var startsWithEncoded = encoder(startsWith);\n  var replaceWithEncoded = encoder(replaceWith);\n\n  var nodes = svg.querySelectorAll(attSelector);\n  var attrs = selectAttributes(nodes, function (ref) {\n    var localName = ref.localName;\n    var value = ref.value;\n\n    return attList.indexOf(localName) !== -1 && value.indexOf((\"url(\" + startsWithEncoded)) !== -1;\n  });\n\n  attrs.forEach(function (attr) { return attr.value = attr.value.replace(new RegExp(escapeRegExp(startsWithEncoded), 'g'), replaceWithEncoded); });\n  updateReferences(references, startsWithEncoded, replaceWithEncoded);\n};\n\n/**\n * Internal emitter events\n * @enum\n * @private\n */\nvar Events = {\n  MOUNT: 'mount',\n  SYMBOL_MOUNT: 'symbol_mount'\n};\n\nvar BrowserSprite = (function (Sprite$$1) {\n  function BrowserSprite(cfg) {\n    var this$1 = this;\n    if ( cfg === void 0 ) cfg = {};\n\n    Sprite$$1.call(this, deepmerge(defaultConfig$1, cfg));\n\n    var emitter = mitt();\n    this._emitter = emitter;\n    this.node = null;\n\n    var ref = this;\n    var config = ref.config;\n\n    if (config.autoConfigure) {\n      this._autoConfigure(cfg);\n    }\n\n    if (config.syncUrlsWithBaseTag) {\n      var baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\n      emitter.on(Events.MOUNT, function () { return this$1.updateUrls('#', baseUrl); });\n    }\n\n    var handleLocationChange = this._handleLocationChange.bind(this);\n    this._handleLocationChange = handleLocationChange;\n\n    // Provide way to update sprite urls externally via dispatching custom window event\n    if (config.listenLocationChangeEvent) {\n      window.addEventListener(config.locationChangeEvent, handleLocationChange);\n    }\n\n    // Emit location change event in Angular automatically\n    if (config.locationChangeAngularEmitter) {\n      locationChangeAngularEmitter(config.locationChangeEvent);\n    }\n\n    // After sprite mounted\n    emitter.on(Events.MOUNT, function (spriteNode) {\n      if (config.moveGradientsOutsideSymbol) {\n        moveGradientsOutsideSymbol(spriteNode);\n      }\n    });\n\n    // After symbol mounted into sprite\n    emitter.on(Events.SYMBOL_MOUNT, function (symbolNode) {\n      if (config.moveGradientsOutsideSymbol) {\n        moveGradientsOutsideSymbol(symbolNode.parentNode);\n      }\n\n      if (browser.isIE() || browser.isEdge()) {\n        evalStylesIEWorkaround(symbolNode);\n      }\n    });\n  }\n\n  if ( Sprite$$1 ) BrowserSprite.__proto__ = Sprite$$1;\n  BrowserSprite.prototype = Object.create( Sprite$$1 && Sprite$$1.prototype );\n  BrowserSprite.prototype.constructor = BrowserSprite;\n\n  var prototypeAccessors = { isMounted: {} };\n\n  /**\n   * @return {boolean}\n   */\n  prototypeAccessors.isMounted.get = function () {\n    return !!this.node;\n  };\n\n  /**\n   * Automatically configure following options\n   * - `syncUrlsWithBaseTag`\n   * - `locationChangeAngularEmitter`\n   * - `moveGradientsOutsideSymbol`\n   * @param {Object} cfg\n   * @private\n   */\n  BrowserSprite.prototype._autoConfigure = function _autoConfigure (cfg) {\n    var ref = this;\n    var config = ref.config;\n\n    if (typeof cfg.syncUrlsWithBaseTag === 'undefined') {\n      config.syncUrlsWithBaseTag = typeof document.getElementsByTagName('base')[0] !== 'undefined';\n    }\n\n    if (typeof cfg.locationChangeAngularEmitter === 'undefined') {\n        config.locationChangeAngularEmitter = typeof window.angular !== 'undefined';\n    }\n\n    if (typeof cfg.moveGradientsOutsideSymbol === 'undefined') {\n      config.moveGradientsOutsideSymbol = browser.isFirefox();\n    }\n  };\n\n  /**\n   * @param {Event} event\n   * @param {Object} event.detail\n   * @param {string} event.detail.oldUrl\n   * @param {string} event.detail.newUrl\n   * @private\n   */\n  BrowserSprite.prototype._handleLocationChange = function _handleLocationChange (event) {\n    var ref = event.detail;\n    var oldUrl = ref.oldUrl;\n    var newUrl = ref.newUrl;\n    this.updateUrls(oldUrl, newUrl);\n  };\n\n  /**\n   * Add new symbol. If symbol with the same id exists it will be replaced.\n   * If sprite already mounted - `symbol.mount(sprite.node)` will be called.\n   * @fires Events#SYMBOL_MOUNT\n   * @param {BrowserSpriteSymbol} symbol\n   * @return {boolean} `true` - symbol was added, `false` - replaced\n   */\n  BrowserSprite.prototype.add = function add (symbol) {\n    var sprite = this;\n    var isNewSymbol = Sprite$$1.prototype.add.call(this, symbol);\n\n    if (this.isMounted && isNewSymbol) {\n      symbol.mount(sprite.node);\n      this._emitter.emit(Events.SYMBOL_MOUNT, symbol.node);\n    }\n\n    return isNewSymbol;\n  };\n\n  /**\n   * Attach to existing DOM node\n   * @param {string|Element} target\n   * @return {Element|null} attached DOM Element. null if node to attach not found.\n   */\n  BrowserSprite.prototype.attach = function attach (target) {\n    var this$1 = this;\n\n    var sprite = this;\n\n    if (sprite.isMounted) {\n      return sprite.node;\n    }\n\n    /** @type Element */\n    var node = typeof target === 'string' ? document.querySelector(target) : target;\n    sprite.node = node;\n\n    // Already added symbols needs to be mounted\n    this.symbols.forEach(function (symbol) {\n      symbol.mount(sprite.node);\n      this$1._emitter.emit(Events.SYMBOL_MOUNT, symbol.node);\n    });\n\n    // Create symbols from existing DOM nodes, add and mount them\n    arrayFrom(node.querySelectorAll('symbol'))\n      .forEach(function (symbolNode) {\n        var symbol = BrowserSpriteSymbol.createFromExistingNode(symbolNode);\n        symbol.node = symbolNode; // hack to prevent symbol mounting to sprite when adding\n        sprite.add(symbol);\n      });\n\n    this._emitter.emit(Events.MOUNT, node);\n\n    return node;\n  };\n\n  BrowserSprite.prototype.destroy = function destroy () {\n    var ref = this;\n    var config = ref.config;\n    var symbols = ref.symbols;\n    var _emitter = ref._emitter;\n\n    symbols.forEach(function (s) { return s.destroy(); });\n\n    _emitter.off('*');\n    window.removeEventListener(config.locationChangeEvent, this._handleLocationChange);\n\n    if (this.isMounted) {\n      this.unmount();\n    }\n  };\n\n  /**\n   * @fires Events#MOUNT\n   * @param {string|Element} [target]\n   * @param {boolean} [prepend=false]\n   * @return {Element|null} rendered sprite node. null if mount node not found.\n   */\n  BrowserSprite.prototype.mount = function mount (target, prepend) {\n    if ( target === void 0 ) target = this.config.mountTo;\n    if ( prepend === void 0 ) prepend = false;\n\n    var sprite = this;\n\n    if (sprite.isMounted) {\n      return sprite.node;\n    }\n\n    var mountNode = typeof target === 'string' ? document.querySelector(target) : target;\n    var node = sprite.render();\n    this.node = node;\n\n    if (prepend && mountNode.childNodes[0]) {\n      mountNode.insertBefore(node, mountNode.childNodes[0]);\n    } else {\n      mountNode.appendChild(node);\n    }\n\n    this._emitter.emit(Events.MOUNT, node);\n\n    return node;\n  };\n\n  /**\n   * @return {Element}\n   */\n  BrowserSprite.prototype.render = function render () {\n    return parse(this.stringify());\n  };\n\n  /**\n   * Detach sprite from the DOM\n   */\n  BrowserSprite.prototype.unmount = function unmount () {\n    this.node.parentNode.removeChild(this.node);\n  };\n\n  /**\n   * Update URLs in sprite and usage elements\n   * @param {string} oldUrl\n   * @param {string} newUrl\n   * @return {boolean} `true` - URLs was updated, `false` - sprite is not mounted\n   */\n  BrowserSprite.prototype.updateUrls = function updateUrls$1 (oldUrl, newUrl) {\n    if (!this.isMounted) {\n      return false;\n    }\n\n    var usages = document.querySelectorAll(this.config.usagesToUpdate);\n\n    updateUrls(\n      this.node,\n      usages,\n      ((getUrlWithoutFragment(oldUrl)) + \"#\"),\n      ((getUrlWithoutFragment(newUrl)) + \"#\")\n    );\n\n    return true;\n  };\n\n  Object.defineProperties( BrowserSprite.prototype, prototypeAccessors );\n\n  return BrowserSprite;\n}(Sprite));\n\nvar ready$1 = createCommonjsModule(function (module) {\n/*!\n  * domready (c) Dustin Diaz 2014 - License MIT\n  */\n!function (name, definition) {\n\n  { module.exports = definition(); }\n\n}('domready', function () {\n\n  var fns = [], listener\n    , doc = document\n    , hack = doc.documentElement.doScroll\n    , domContentLoaded = 'DOMContentLoaded'\n    , loaded = (hack ? /^loaded|^c/ : /^loaded|^i|^c/).test(doc.readyState);\n\n\n  if (!loaded)\n  { doc.addEventListener(domContentLoaded, listener = function () {\n    doc.removeEventListener(domContentLoaded, listener);\n    loaded = 1;\n    while (listener = fns.shift()) { listener(); }\n  }); }\n\n  return function (fn) {\n    loaded ? setTimeout(fn, 0) : fns.push(fn);\n  }\n\n});\n});\n\nvar spriteNodeId = '__SVG_SPRITE_NODE__';\nvar spriteGlobalVarName = '__SVG_SPRITE__';\nvar isSpriteExists = !!window[spriteGlobalVarName];\n\n// eslint-disable-next-line import/no-mutable-exports\nvar sprite;\n\nif (isSpriteExists) {\n  sprite = window[spriteGlobalVarName];\n} else {\n  sprite = new BrowserSprite({\n    attrs: {\n      id: spriteNodeId,\n      'aria-hidden': 'true'\n    }\n  });\n  window[spriteGlobalVarName] = sprite;\n}\n\nvar loadSprite = function () {\n  /**\n   * Check for page already contains sprite node\n   * If found - attach to and reuse it's content\n   * If not - render and mount the new sprite\n   */\n  var existing = document.getElementById(spriteNodeId);\n\n  if (existing) {\n    sprite.attach(existing);\n  } else {\n    sprite.mount(document.body, true);\n  }\n};\n\nif (document.body) {\n  loadSprite();\n} else {\n  ready$1(loadSprite);\n}\n\nvar sprite$1 = sprite;\n\nreturn sprite$1;\n\n})));\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js?")},"./node_modules/use-debounce/esm/useDebouncedCallback.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ useDebouncedCallback)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn. The debounced function\n * comes with a `cancel` method to cancel delayed `func` invocations and a\n * `flush` method to immediately invoke them. Provide `options` to indicate\n * whether `func` should be invoked on the leading and/or trailing edge of the\n * `wait` timeout. The `func` is invoked with the last arguments provided to the\n * debounced function. Subsequent calls to the debounced function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0]\n *  The number of milliseconds to delay; if omitted, `requestAnimationFrame` is\n *  used (if available, otherwise it will be setTimeout(...,0)).\n * @param {Object} [options={}] The options object.\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.leading=false]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {number} [options.maxWait]\n *  Specify invoking on the trailing edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * const resizeHandler = useDebouncedCallback(calculateLayout, 150);\n * window.addEventListener('resize', resizeHandler)\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * const clickHandler = useDebouncedCallback(sendMail, 300, {\n *   leading: true,\n *   trailing: false,\n * })\n * <button onClick={clickHandler}>click me</button>\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = useDebouncedCallback(batchLog, 250, { 'maxWait': 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.pending() ? \"Pending...\" : \"Ready\"\n */\nfunction useDebouncedCallback(func, wait, options) {\n    var _this = this;\n    var lastCallTime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var lastInvokeTime = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);\n    var timerId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n    var lastArgs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);\n    var lastThis = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n    var result = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n    var funcRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(func);\n    var mounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);\n    funcRef.current = func;\n    // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\n    var useRAF = !wait && wait !== 0 && typeof window !== 'undefined';\n    if (typeof func !== 'function') {\n        throw new TypeError('Expected a function');\n    }\n    wait = +wait || 0;\n    options = options || {};\n    var leading = !!options.leading;\n    var trailing = 'trailing' in options ? !!options.trailing : true; // `true` by default\n    var maxing = 'maxWait' in options;\n    var maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : null;\n    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n        mounted.current = true;\n        return function () {\n            mounted.current = false;\n        };\n    }, []);\n    // You may have a question, why we have so many code under the useMemo definition.\n    //\n    // This was made as we want to escape from useCallback hell and\n    // not to initialize a number of functions each time useDebouncedCallback is called.\n    //\n    // It means that we have less garbage for our GC calls which improves performance.\n    // Also, it makes this library smaller.\n    //\n    // And the last reason, that the code without lots of useCallback with deps is easier to read.\n    // You have only one place for that.\n    var debounced = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {\n        var invokeFunc = function (time) {\n            var args = lastArgs.current;\n            var thisArg = lastThis.current;\n            lastArgs.current = lastThis.current = null;\n            lastInvokeTime.current = time;\n            return (result.current = funcRef.current.apply(thisArg, args));\n        };\n        var startTimer = function (pendingFunc, wait) {\n            if (useRAF)\n                cancelAnimationFrame(timerId.current);\n            timerId.current = useRAF ? requestAnimationFrame(pendingFunc) : setTimeout(pendingFunc, wait);\n        };\n        var shouldInvoke = function (time) {\n            if (!mounted.current)\n                return false;\n            var timeSinceLastCall = time - lastCallTime.current;\n            var timeSinceLastInvoke = time - lastInvokeTime.current;\n            // Either this is the first call, activity has stopped and we're at the\n            // trailing edge, the system time has gone backwards and we're treating\n            // it as the trailing edge, or we've hit the `maxWait` limit.\n            return (!lastCallTime.current ||\n                timeSinceLastCall >= wait ||\n                timeSinceLastCall < 0 ||\n                (maxing && timeSinceLastInvoke >= maxWait));\n        };\n        var trailingEdge = function (time) {\n            timerId.current = null;\n            // Only invoke if we have `lastArgs` which means `func` has been\n            // debounced at least once.\n            if (trailing && lastArgs.current) {\n                return invokeFunc(time);\n            }\n            lastArgs.current = lastThis.current = null;\n            return result.current;\n        };\n        var timerExpired = function () {\n            var time = Date.now();\n            if (shouldInvoke(time)) {\n                return trailingEdge(time);\n            }\n            // https://github.com/xnimorz/use-debounce/issues/97\n            if (!mounted.current) {\n                return;\n            }\n            // Remaining wait calculation\n            var timeSinceLastCall = time - lastCallTime.current;\n            var timeSinceLastInvoke = time - lastInvokeTime.current;\n            var timeWaiting = wait - timeSinceLastCall;\n            var remainingWait = maxing ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n            // Restart the timer\n            startTimer(timerExpired, remainingWait);\n        };\n        var func = function () {\n            var args = [];\n            for (var _i = 0; _i < arguments.length; _i++) {\n                args[_i] = arguments[_i];\n            }\n            var time = Date.now();\n            var isInvoking = shouldInvoke(time);\n            lastArgs.current = args;\n            lastThis.current = _this;\n            lastCallTime.current = time;\n            if (isInvoking) {\n                if (!timerId.current && mounted.current) {\n                    // Reset any `maxWait` timer.\n                    lastInvokeTime.current = lastCallTime.current;\n                    // Start the timer for the trailing edge.\n                    startTimer(timerExpired, wait);\n                    // Invoke the leading edge.\n                    return leading ? invokeFunc(lastCallTime.current) : result.current;\n                }\n                if (maxing) {\n                    // Handle invocations in a tight loop.\n                    startTimer(timerExpired, wait);\n                    return invokeFunc(lastCallTime.current);\n                }\n            }\n            if (!timerId.current) {\n                startTimer(timerExpired, wait);\n            }\n            return result.current;\n        };\n        func.cancel = function () {\n            if (timerId.current) {\n                useRAF ? cancelAnimationFrame(timerId.current) : clearTimeout(timerId.current);\n            }\n            lastInvokeTime.current = 0;\n            lastArgs.current = lastCallTime.current = lastThis.current = timerId.current = null;\n        };\n        func.isPending = function () {\n            return !!timerId.current;\n        };\n        func.flush = function () {\n            return !timerId.current ? result.current : trailingEdge(Date.now());\n        };\n        return func;\n    }, [leading, maxing, wait, maxWait, trailing, useRAF]);\n    return debounced;\n}\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./node_modules/use-debounce/esm/useDebouncedCallback.js?")},"./node_modules/worker-loader/dist/cjs.js!./src/_js/customizer/components/dropzone/worker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "default": () => (/* binding */ Worker_fn)\n/* harmony export */ });\nfunction Worker_fn() {\n  return new Worker(__webpack_require__.p + "worker.js");\n}\n\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/dropzone/worker.js?./node_modules/worker-loader/dist/cjs.js')},react:e=>{"use strict";e.exports=window.React},"react-dom":e=>{"use strict";e.exports=window.ReactDOM},"chroma-js":e=>{"use strict";e.exports=window.chroma},jquery:e=>{"use strict";e.exports=window.jQuery},lodash:e=>{"use strict";e.exports=window.lodash}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e].call(t.exports,t,t.exports,__webpack_require__),t.exports}__webpack_require__.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(n,{a:n}),n},__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;__webpack_require__.g.importScripts&&(e=__webpack_require__.g.location+"");var n=__webpack_require__.g.document;if(!e&&n&&(n.currentScript&&(e=n.currentScript.src),!e)){var t=n.getElementsByTagName("script");t.length&&(e=t[t.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),__webpack_require__.p=e})();var __webpack_exports__=__webpack_require__("./src/_js/customizer/index.js");(window.sm=window.sm||{}).customizer=__webpack_exports__})();

style-manager/trunk/dist/js/customizer.js.LICENSE.txt

@@ -1 @@
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
+/*!************************!*\
+  !*** external "React" ***!
+  \************************/
+
+/*!*************************!*\
+  !*** external "chroma" ***!
+  \*************************/
+
+/*!*************************!*\
+  !*** external "jQuery" ***!
+  \*************************/
+
+/*!*************************!*\
+  !*** external "lodash" ***!
+  \*************************/
+
+/*!***************************!*\
+  !*** external "ReactDOM" ***!
+  \***************************/
+
+/*!***********************************!*\
+  !*** ./src/_js/utils/debounce.js ***!
+  \***********************************/
+
+/*!************************************!*\
+  !*** ./src/_js/dark-mode/index.js ***!
+  \************************************/
+
+/*!************************************!*\
+  !*** ./src/_js/dark-mode/utils.js ***!
+  \************************************/
+
+/*!*************************************!*\
+  !*** ./node_modules/hsluv/hsluv.js ***!
+  \*************************************/
+
+/*!*************************************!*\
+  !*** ./src/_js/customizer/index.js ***!
+  \*************************************/
+
+/*!***************************************!*\
+  !*** ./src/_js/customizer/style.scss ***!
+  \***************************************/
+
+/*!******************************************!*\
+  !*** ./node_modules/classnames/index.js ***!
+  \******************************************/
+
+/*!*******************************************!*\
+  !*** ./src/_js/customizer/fonts/index.js ***!
+  \*******************************************/
+
+/*!*******************************************!*\
+  !*** ./src/_js/customizer/svg/upload.svg ***!
+  \*******************************************/
+
+/*!*******************************************!*\
+  !*** ./src/_js/customizer/utils/index.js ***!
+  \*******************************************/
+
+/*!********************************************!*\
+  !*** ./src/_js/customizer/colors/index.js ***!
+  \********************************************/
+
+/*!*********************************************!*\
+  !*** ./src/_js/customizer/resizer/index.js ***!
+  \*********************************************/
+
+/*!**********************************************!*\
+  !*** ./src/_js/customizer/feedback-modal.js ***!
+  \**********************************************/
+
+/*!**********************************************!*\
+  !*** ./src/_js/customizer/folding-fields.js ***!
+  \**********************************************/
+
+/*!**********************************************!*\
+  !*** ./src/_js/customizer/global-service.js ***!
+  \**********************************************/
+
+/*!***********************************************!*\
+  !*** ./src/_js/utils/standardize-to-array.js ***!
+  \***********************************************/
+
+/*!*************************************************!*\
+  !*** ./src/_js/customizer/fields/tabs/index.js ***!
+  \*************************************************/
+
+/*!*************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/index.js ***!
+  \*************************************************/
+
+/*!*************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/round.js ***!
+  \*************************************************/
+
+/*!*************************************************!*\
+  !*** ./src/_js/utils/get-font-subfield-unit.js ***!
+  \*************************************************/
+
+/*!*************************************************!*\
+  !*** ./src/_js/utils/maybe-load-font-family.js ***!
+  \*************************************************/
+
+/*!**************************************************!*\
+  !*** ./src/_js/customizer/fields/range/index.js ***!
+  \**************************************************/
+
+/*!**************************************************!*\
+  !*** ./src/_js/customizer/utils/colors/index.js ***!
+  \**************************************************/
+
+/*!***************************************************!*\
+  !*** ./src/_js/customizer/fields/preset/index.js ***!
+  \***************************************************/
+
+/*!***************************************************!*\
+  !*** ./src/_js/customizer/font-palettes/index.js ***!
+  \***************************************************/
+
+/*!***************************************************!*\
+  !*** ./src/_js/utils/get-font-field-css-value.js ***!
+  \***************************************************/
+
+/*!****************************************************!*\
+  !*** ./src/_js/customizer/create-reset-buttons.js ***!
+  \****************************************************/
+
+/*!******************************************************!*\
+  !*** ./src/_js/customizer/svg/colorize-elements.svg ***!
+  \******************************************************/
+
+/*!******************************************************!*\
+  !*** ./src/_js/customizer/svg/fine-tune-palette.svg ***!
+  \******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-active-preset.js ***!
+  \*******************************************************/
+
+/*!*******************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-outside-click.js ***!
+  \*******************************************************/
+
+/*!********************************************************!*\
+  !*** ./src/_js/customizer/components/builder/index.js ***!
+  \********************************************************/
+
+/*!********************************************************!*\
+  !*** ./src/_js/customizer/components/control/index.js ***!
+  \********************************************************/
+
+/*!********************************************************!*\
+  !*** ./src/_js/customizer/components/overlay/index.js ***!
+  \********************************************************/
+
+/*!********************************************************!*\
+  !*** ./src/_js/utils/maybe-load-font-loader-script.js ***!
+  \********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./src/_js/customizer/components/dropzone/index.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./src/_js/customizer/fields/color-select/index.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/fonts-service.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/init-subfield.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*\
+  !*** ./src/_js/utils/get-font-family-fallback-stack.js ***!
+  \*********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/react-colorful/dist/index.module.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./node_modules/svg-baker-runtime/browser-symbol.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./src/_js/customizer/components/accordion/index.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*\
+  !*** ./src/_js/customizer/components/overlay/style.scss ***!
+  \**********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/components/dropzone/style.scss ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/load-font-value.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-did-update-effect.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/svg/customize-colors-usage.svg ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/utils/api-set-setting-value.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./src/_js/customizer/utils/get-css-from-palettes.js ***!
+  \***********************************************************/
+
+/*!************************************************************!*\
+  !*** ./src/_js/customizer/components/accordion/style.scss ***!
+  \************************************************************/
+
+/*!************************************************************!*\
+  !*** ./src/_js/customizer/fonts/connected-fields/index.js ***!
+  \************************************************************/
+
+/*!************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/get-font-details.js ***!
+  \************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./src/_js/customizer/components/palette-list/index.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./src/_js/customizer/components/palette-list/utils.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./src/_js/customizer/components/preview-tabs/index.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/self-update-value.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-pop-from-back-array.js ***!
+  \*************************************************************/
+
+/*!**************************************************************!*\
+  !*** ./src/_js/customizer/components/source-colors/index.js ***!
+  \**************************************************************/
+
+/*!**************************************************************!*\
+  !*** ./src/_js/customizer/components/source-colors/utils.js ***!
+  \**************************************************************/
+
+/*!**************************************************************!*\
+  !*** ./src/_js/customizer/utils/get-palettes-from-colors.js ***!
+  \**************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./node_modules/use-debounce/esm/useDebouncedCallback.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-overlay/index.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-preview/index.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/components/config-context/index.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/components/palette-list/style.scss ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/components/preview-tabs/style.scss ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/determine-font-type.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-update-source-setting.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/customizer/utils/maybe-fill-palettes-array.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/_js/utils/sanitize-font-family-css-value/index.js ***!
+  \***************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./src/_js/customizer/components/contextual-menu/index.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./src/_js/customizer/components/options-context/index.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./src/_js/customizer/components/source-colors/style.scss ***!
+  \****************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/convert-font-variant.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/update-variant-field.js ***!
+  \****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/colors/initialize-palette-builder.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-preview/style.scss ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-style-tag/index.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/components/palettes-context/index.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-section-expand-callback.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/_js/customizer/utils/get-colors-from-input-value.js ***!
+  \*****************************************************************/
+
+/*!******************************************************************!*\
+  !*** ./src/_js/customizer/components/contextual-menu/style.scss ***!
+  \******************************************************************/
+
+/*!******************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/update-font-head-title.js ***!
+  \******************************************************************/
+
+/*!*******************************************************************!*\
+  !*** ./src/_js/customizer/components/typography-overlay/index.js ***!
+  \*******************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./src/_js/customizer/components/customizer-shortcut/index.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*\
+  !*** ./src/_js/customizer/hooks/use-customize-setting-callback.js ***!
+  \********************************************************************/
+
+/*!*********************************************************************!*\
+  !*** ./src/_js/customizer/components/source-colors/color-picker.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*\
+  !*** ./src/_js/customizer/components/typography-overlay/style.scss ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*\
+  !*** ./src/_js/customizer/fonts/initialize-typography-shortcuts.js ***!
+  \*********************************************************************/
+
+/*!**********************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-usage-shortcut/index.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*\
+  !*** ./src/_js/customizer/components/typography-overlay/elements.js ***!
+  \**********************************************************************/
+
+/*!***********************************************************************!*\
+  !*** ./src/_js/customizer/colors/apply-coloration-value-to-fields.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*\
+  !*** ./src/_js/customizer/components/colors-master-provider/index.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*\
+  !*** ./src/_js/customizer/fonts/utils/standardize-numerical-value.js ***!
+  \***********************************************************************/
+
+/*!************************************************************************!*\
+  !*** ./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js ***!
+  \************************************************************************/
+
+/*!************************************************************************!*\
+  !*** ./src/_js/customizer/colors/initialize-color-palettes-preview.js ***!
+  \************************************************************************/
+
+/*!*************************************************************************!*\
+  !*** ./src/_js/customizer/components/colorize-elements-button/index.js ***!
+  \*************************************************************************/
+
+/*!*************************************************************************!*\
+  !*** ./src/_js/customizer/fonts/initialize-connected-fields-presets.js ***!
+  \*************************************************************************/
+
+/*!**************************************************************************!*\
+  !*** ./src/_js/customizer/components/fine-tune-colors-shortcut/index.js ***!
+  \**************************************************************************/
+
+/*!**************************************************************************!*\
+  !*** ./src/_js/customizer/components/palette-list/get-random-stripes.js ***!
+  \**************************************************************************/
+
+/*!****************************************************************************!*\
+  !*** ./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js ***!
+  \****************************************************************************/
+
+/*!****************************************************************************!*\
+  !*** ./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js ***!
+  \****************************************************************************/
+
+/*!**********************************************************************************************!*\
+  !*** ./src/_js/customizer/fonts/connected-fields/get-connected-fields-font-size-interval.js ***!
+  \**********************************************************************************************/
+
+/*!***************************************************************************************************!*\
+  !*** ./node_modules/worker-loader/dist/cjs.js!./src/_js/customizer/components/dropzone/worker.js ***!
+  \***************************************************************************************************/

style-manager/trunk/dist/js/dark-mode.js

@@ -1 @@
-(()=>{"use strict";var e={d:(t,i)=>{for(var n in i)e.o(i,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{default:()=>o});function i(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var n="color-scheme-dark-temp";const o=new(function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.initialize()}var t,o,a;return t=e,(o=[{key:"initialize",value:function(){var e,t,i=this;this.darkModeSetting=null===(e=window.document.documentElement.dataset)||void 0===e?void 0:e.darkModeAdvanced,this.matchMedia=window.matchMedia("(prefers-color-scheme: dark)"),this.storageItemKey="color-scheme-dark",this.callbacks=[],t=function(){var e,t,o;(function(){try{return window.self!==window.top}catch(e){return!0}}()&&(null===(e=window)||void 0===e||null===(t=e.parent)||void 0===t||null===(o=t.wp)||void 0===o?void 0:o.customize)||window.document.body.classList.contains("logged-in"))&&(localStorage.removeItem(n),i.storageItemKey=n),i.initializeCustomizePreview(),i.bindEvents(),i.update()},"loading"!=document.readyState?t():document.addEventListener("DOMContentLoaded",t)}},{key:"initializeCustomizePreview",value:function(){var e,t,i,o=this,a=(null===(e=window.wp)||void 0===e?void 0:e.customize)||(null===(t=window.parent)||void 0===t||null===(i=t.wp)||void 0===i?void 0:i.customize);a&&a("sm_dark_mode_advanced",(function(e){o.darkModeSetting=e(),e.bind((function(e){o.darkModeSetting=e,localStorage.removeItem(n),o.update()}))}))}},{key:"bindEvents",value:function(){var e,t,i,o,a=this;e=document.documentElement,t="click",i=".js-sm-dark-mode-toggle",o=this.onClick.bind(this),e.addEventListener(t,(function(e){for(var t=e.target;t&&t!=this;t=t.parentNode)if(t.matches(i)){o.call(t,e);break}}),!1),this.matchMedia.addEventListener("change",(function(){localStorage.removeItem(n),a.update()}))}},{key:"bind",value:function(e){var t=this.callbacks.indexOf(e);"function"==typeof e&&-1===t&&this.callbacks.push(e)}},{key:"unbind",value:function(e){var t=this.callbacks.indexOf(e);t>-1&&this.callbacks.splice(t,1)}},{key:"onClick",value:function(e){e.preventDefault(),localStorage.setItem(this.storageItemKey,this.isCompiledDark()?"light":"dark"),this.update()}},{key:"isSystemDark",value:function(){var e="on"===this.darkModeSetting;return"auto"===this.darkModeSetting&&this.matchMedia.matches&&(e=!0),e}},{key:"isCompiledDark",value:function(){var e=this.isSystemDark(),t=localStorage.getItem(this.storageItemKey);return null!==t&&(e="dark"===t),e}},{key:"update",value:function(){var e=this.isCompiledDark();this.callbacks.forEach((function(t){t(e)})),e?window.document.documentElement.classList.add("is-dark"):window.document.documentElement.classList.remove("is-dark")}}])&&i(t.prototype,o),a&&i(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}());(window.sm=window.sm||{}).darkMode=t})();
+/*! For license information please see dark-mode.js.LICENSE.txt */
+(()=>{"use strict";var __webpack_modules__={"./src/_js/dark-mode/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ \"./src/_js/dark-mode/utils.js\");\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n\nvar COLOR_SCHEME_BUTTON_SELECTOR = '.js-sm-dark-mode-toggle';\nvar STORAGE_ITEM = 'color-scheme-dark';\nvar TEMP_STORAGE_ITEM = 'color-scheme-dark-temp';\n\nvar DarkMode = /*#__PURE__*/function () {\n  function DarkMode() {\n    _classCallCheck(this, DarkMode);\n\n    this.initialize();\n  }\n\n  _createClass(DarkMode, [{\n    key: \"initialize\",\n    value: function initialize() {\n      var _window$document$docu,\n          _this = this;\n\n      this.darkModeSetting = (_window$document$docu = window.document.documentElement.dataset) === null || _window$document$docu === void 0 ? void 0 : _window$document$docu.darkModeAdvanced;\n      this.matchMedia = window.matchMedia('(prefers-color-scheme: dark)');\n      this.storageItemKey = STORAGE_ITEM;\n      this.callbacks = [];\n      onReady(function () {\n        if (isCustomizePreview() || isLoggedIn()) {\n          localStorage.removeItem(TEMP_STORAGE_ITEM);\n          _this.storageItemKey = TEMP_STORAGE_ITEM;\n        }\n\n        _this.initializeCustomizePreview();\n\n        _this.bindEvents();\n\n        _this.update();\n      });\n    }\n  }, {\n    key: \"initializeCustomizePreview\",\n    value: function initializeCustomizePreview() {\n      var _window$wp,\n          _window$parent,\n          _window$parent$wp,\n          _this2 = this;\n\n      var api = ((_window$wp = window.wp) === null || _window$wp === void 0 ? void 0 : _window$wp.customize) || ((_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$wp = _window$parent.wp) === null || _window$parent$wp === void 0 ? void 0 : _window$parent$wp.customize);\n\n      if (!api) {\n        return;\n      }\n\n      api('sm_dark_mode_advanced', function (setting) {\n        _this2.darkModeSetting = setting();\n        setting.bind(function (newValue) {\n          _this2.darkModeSetting = newValue;\n          localStorage.removeItem(TEMP_STORAGE_ITEM);\n\n          _this2.update();\n        });\n      });\n    }\n  }, {\n    key: \"bindEvents\",\n    value: function bindEvents() {\n      var _this3 = this;\n\n      (0,_utils__WEBPACK_IMPORTED_MODULE_0__.delegateEvent)(document.documentElement, 'click', COLOR_SCHEME_BUTTON_SELECTOR, this.onClick.bind(this));\n      this.matchMedia.addEventListener('change', function () {\n        localStorage.removeItem(TEMP_STORAGE_ITEM);\n\n        _this3.update();\n      });\n    }\n  }, {\n    key: \"bind\",\n    value: function bind(callback) {\n      var index = this.callbacks.indexOf(callback);\n\n      if (typeof callback !== \"function\") {\n        return;\n      }\n\n      if (index === -1) {\n        this.callbacks.push(callback);\n      }\n    }\n  }, {\n    key: \"unbind\",\n    value: function unbind(callback) {\n      var index = this.callbacks.indexOf(callback);\n\n      if (index > -1) {\n        this.callbacks.splice(index, 1);\n      }\n    }\n  }, {\n    key: \"onClick\",\n    value: function onClick(event) {\n      event.preventDefault();\n      localStorage.setItem(this.storageItemKey, !!this.isCompiledDark() ? 'light' : 'dark');\n      this.update();\n    }\n  }, {\n    key: \"isSystemDark\",\n    value: function isSystemDark() {\n      var isDark = this.darkModeSetting === 'on';\n\n      if (this.darkModeSetting === 'auto' && this.matchMedia.matches) {\n        isDark = true;\n      }\n\n      return isDark;\n    }\n  }, {\n    key: \"isCompiledDark\",\n    value: function isCompiledDark() {\n      var isDark = this.isSystemDark();\n      var colorSchemeStorageValue = localStorage.getItem(this.storageItemKey);\n\n      if (colorSchemeStorageValue !== null) {\n        isDark = colorSchemeStorageValue === 'dark';\n      }\n\n      return isDark;\n    }\n  }, {\n    key: \"update\",\n    value: function update() {\n      var isDark = this.isCompiledDark();\n      this.callbacks.forEach(function (callback) {\n        callback(isDark);\n      });\n\n      if (isDark) {\n        window.document.documentElement.classList.add('is-dark');\n      } else {\n        window.document.documentElement.classList.remove('is-dark');\n      }\n    }\n  }]);\n\n  return DarkMode;\n}();\n\nfunction onReady(fn) {\n  if (document.readyState != 'loading') {\n    fn();\n  } else {\n    document.addEventListener('DOMContentLoaded', fn);\n  }\n}\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return true;\n  }\n}\n\nfunction isLoggedIn() {\n  return window.document.body.classList.contains('logged-in');\n}\n\nfunction isCustomizePreview() {\n  var _window, _window$parent2, _window$parent2$wp;\n\n  return inIframe() && ((_window = window) === null || _window === void 0 ? void 0 : (_window$parent2 = _window.parent) === null || _window$parent2 === void 0 ? void 0 : (_window$parent2$wp = _window$parent2.wp) === null || _window$parent2$wp === void 0 ? void 0 : _window$parent2$wp.customize);\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (new DarkMode());\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/dark-mode/index.js?")},"./src/_js/dark-mode/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   "delegateEvent": () => (/* binding */ delegateEvent)\n/* harmony export */ });\nvar delegateEvent = function delegateEvent(element, eventName, selector, handler) {\n  element.addEventListener(eventName, function (event) {\n    // loop parent nodes from the target to the delegation node\n    for (var target = event.target; target && target != this; target = target.parentNode) {\n      if (target.matches(selector)) {\n        handler.call(target, event);\n        break;\n      }\n    }\n  }, false);\n};\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/dark-mode/utils.js?')}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./src/_js/dark-mode/index.js");(window.sm=window.sm||{}).darkMode=__webpack_exports__})();

style-manager/trunk/dist/js/settings.js

@@ -1 @@
-(()=>{"use strict";var e={n:t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},d:(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t);const n=window.jQuery;var o=e.n(n);o()(document).ready((function(){o()("#reset_customizer_settings").on("click",(function(){if(!window.confirm("Are you sure you want to do this?"))return!1;o().ajax({url:styleManager.config.wp_rest.root+"style_manager/v1/delete_customizer_settings",method:"POST",beforeSend:function(e){e.setRequestHeader("X-WP-Nonce",styleManager.config.wp_rest.nonce)},data:{style_manager_settings_nonce:styleManager.config.wp_rest.style_manager_settings_nonce}}).done((function(e){e.success?alert("Success: "+e.data):alert("Unfortunately, no luck: "+e.data)})).error((function(e){console.log(e)}))}))})),(window.sm=window.sm||{}).settings=t})();
+/*! For license information please see settings.js.LICENSE.txt */
+(()=>{"use strict";var __webpack_modules__={"./src/_js/settings/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! jquery */ \"jquery\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);\n\njquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(function () {\n  jquery__WEBPACK_IMPORTED_MODULE_0___default()('#reset_customizer_settings').on('click', function () {\n    var confirm = window.confirm('Are you sure you want to do this?');\n\n    if (!confirm) {\n      return false;\n    }\n\n    jquery__WEBPACK_IMPORTED_MODULE_0___default().ajax({\n      url: styleManager.config.wp_rest.root + 'style_manager/v1/delete_customizer_settings',\n      method: 'POST',\n      beforeSend: function beforeSend(xhr) {\n        xhr.setRequestHeader('X-WP-Nonce', styleManager.config.wp_rest.nonce);\n      },\n      data: {\n        'style_manager_settings_nonce': styleManager.config.wp_rest.style_manager_settings_nonce\n      }\n    }).done(function (response) {\n      if (response.success) {\n        alert('Success: ' + response.data);\n      } else {\n        alert('Unfortunately, no luck: ' + response.data);\n      }\n    }).error(function (e) {\n      console.log(e);\n    });\n  });\n});\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/settings/index.js?")},jquery:e=>{e.exports=window.jQuery}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./src/_js/settings/index.js");(window.sm=window.sm||{}).settings=__webpack_exports__})();

style-manager/trunk/dist/js/worker.js

@@ -1 @@
-(()=>{importScripts("../../vendor_js/chroma.min.js"),addEventListener("message",(function(t){var r=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;return n.k(r),n.iterations(e),n.data(t),n.clusters()}(function(n,t,r){var e,i,o,a=[],u=4,c=0;for(e=0,i=n.length;e<i;e+=u){if(0!==(o=n.slice(e,e+u))[3]){var l=chroma([o[0],o[1],o[2]]),f=l.lab();l.luminance()>.05&&a.push(f)}c<t-1?c+=1:(c=0,1)}return a}(t.data.imageData),5,10);r.sort((function(n,t){return n.points.length>t.points.length?-1:n.points.length<t.points.length?1:0})),r.splice(3);var e,i,o=r.map((function(n){return chroma(n.centroid,"lab").rgb()}));e="Palette",i=o,self.postMessage({type:"palette",label:e,colors:i})}));var n={data:e([],(function(n){var t=n[0].length;return n.map((function(n){return n.length===t})).reduce((function(n,t){return n&t}),!0)})),clusters:function(){var n=function(n,e){for(var i=e.k||Math.round(Math.sqrt(n.length/2)),o=e.iterations,a=n.map((function(n){return new t(n)})),u=[],c=0;c<i;c++)u.push(new r(a[c%a.length].location(),c));for(var l=0;l<o;l++)a.forEach((function(n){n.updateLabel(u)})),u.forEach((function(n){n.updateLocation(a)}));return{points:a,centroids:u}}(this.data(),{k:this.k(),iterations:this.iterations()}),e=n.points;return n.centroids.map((function(n){return{centroid:n.location(),points:e.filter((function(t){return t.label()===n.label()})).map((function(n){return n.location()}))}}))},k:e(void 0,(function(n){return n%1==0&n>0})),iterations:e(Math.pow(10,3),(function(n){return n%1==0&n>0}))};function t(n){var t=this;this.location=e(n),this.label=e(),this.updateLabel=function(n){var r,e,i=n.map((function(n){return r=t.location(),e=n.location(),r.map((function(n,t){return Math.pow(n-e[t],2)})).reduce((function(n,t){return n+t}),0);var r,e}));t.label((e=(r=i).reduce((function(n,t){return Math.min(n,t)})),r.indexOf(e)))}}function r(n,t){var r=this;this.location=e(n),this.label=e(t),this.updateLocation=function(n){var t=n.filter((function(n){return n.label()===r.label()}));t.length>0&&r.location(function(n){var t=n[0].location().map((function(){return 0}));return n.map((function(n){return n.location()})).reduce((function(n,t){return function(n,t){return n.map((function(n,r){return n+t[r]}))}(n,t)}),t).map((function(t){return t/n.length}))}(t))}}function e(n,t){var r=n,e=t||function(n){return!0};return function(n){if(void 0===n)return r;e(n)&&(r=n)}}})();
+/*! For license information please see worker.js.LICENSE.txt */
+(()=>{var __webpack_modules__={"./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./src/_js/customizer/components/dropzone/worker.js":()=>{eval("importScripts('../../vendor_js/chroma.min.js');\n\nfunction sendPalette(label, colors) {\n  self.postMessage({\n    // eslint-disable-line no-restricted-globals\n    type: 'palette',\n    label: label,\n    colors: colors\n  });\n}\n\naddEventListener('message', function (event) {\n  // eslint-disable-line no-restricted-globals\n  var points = getDataArrayFromImage(event.data.imageData);\n  var clusters = getClusters(points, 5, 10);\n  clusters.sort(function (cluster1, cluster2) {\n    return cluster1.points.length > cluster2.points.length ? -1 : cluster1.points.length < cluster2.points.length ? 1 : 0;\n  });\n  clusters.splice(3);\n  var palette = clusters.map(function (cluster) {\n    return chroma(cluster.centroid, 'lab').rgb();\n  });\n  sendPalette('Palette', palette);\n});\n\nvar getLuminance = function getLuminance(rgb) {\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n};\n\nfunction getDataArrayFromImage(imageData, width, height) {\n  var rgbArray = [];\n  var i,\n      j,\n      temparray,\n      chunk = 4,\n      col = 0,\n      row = 0;\n\n  for (i = 0, j = imageData.length; i < j; i += chunk) {\n    temparray = imageData.slice(i, i + chunk);\n\n    if (temparray[3] !== 0) {\n      var color = chroma([temparray[0], temparray[1], temparray[2]]);\n      var point = color.lab();\n\n      if (color.luminance() > 0.05) {\n        rgbArray.push(point);\n      }\n    }\n\n    if (col < width - 1) {\n      col = col + 1;\n    } else {\n      col = 0;\n      row = row + 1;\n    }\n  }\n\n  return rgbArray;\n}\n\nfunction getClusters(array) {\n  var k = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;\n  var iterations = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;\n  // clusters count\n  clusterMaker.k(k); // eslint-disable-line no-undef\n  // iterations (more means more precision but longer time to process)\n\n  clusterMaker.iterations(iterations); // eslint-disable-line no-undef\n  // set data\n\n  clusterMaker.data(array); // eslint-disable-line no-undef\n  // get clusters\n\n  return clusterMaker.clusters();\n}\n\nvar clusterMaker = {\n  data: getterSetter([], function (arrayOfArrays) {\n    var n = arrayOfArrays[0].length;\n    return arrayOfArrays.map(function (array) {\n      return array.length === n;\n    }).reduce(function (boolA, boolB) {\n      return boolA & boolB;\n    }, true);\n  }),\n  clusters: function clusters() {\n    var pointsAndCentroids = kmeans(this.data(), {\n      k: this.k(),\n      iterations: this.iterations()\n    });\n    var points = pointsAndCentroids.points;\n    var centroids = pointsAndCentroids.centroids;\n    return centroids.map(function (centroid) {\n      return {\n        centroid: centroid.location(),\n        points: points.filter(function (point) {\n          return point.label() === centroid.label();\n        }).map(function (point) {\n          return point.location();\n        })\n      };\n    });\n  },\n  k: getterSetter(undefined, function (value) {\n    return value % 1 === 0 & value > 0;\n  }),\n  iterations: getterSetter(Math.pow(10, 3), function (value) {\n    return value % 1 === 0 & value > 0;\n  })\n};\n\nfunction kmeans(data, config) {\n  // default k\n  var k = config.k || Math.round(Math.sqrt(data.length / 2));\n  var iterations = config.iterations; // initialize point objects with data\n\n  var points = data.map(function (vector) {\n    return new Point(vector);\n  }); // intialize centroids randomly\n\n  var centroids = [];\n\n  for (var i = 0; i < k; i++) {\n    centroids.push(new Centroid(points[i % points.length].location(), i));\n  }\n\n  ; // update labels and centroid locations until convergence\n\n  for (var iter = 0; iter < iterations; iter++) {\n    points.forEach(function (point) {\n      point.updateLabel(centroids);\n    });\n    centroids.forEach(function (centroid) {\n      centroid.updateLocation(points);\n    });\n  }\n\n  ; // return points and centroids\n\n  return {\n    points: points,\n    centroids: centroids\n  };\n}\n\n; // objects\n\nfunction Point(location) {\n  var self = this;\n  this.location = getterSetter(location);\n  this.label = getterSetter();\n\n  this.updateLabel = function (centroids) {\n    var distancesSquared = centroids.map(function (centroid) {\n      return sumOfSquareDiffs(self.location(), centroid.location());\n    });\n    self.label(mindex(distancesSquared));\n  };\n}\n\n;\n\nfunction Centroid(initialLocation, label) {\n  var self = this;\n  this.location = getterSetter(initialLocation);\n  this.label = getterSetter(label);\n\n  this.updateLocation = function (points) {\n    var pointsWithThisCentroid = points.filter(function (point) {\n      return point.label() === self.label();\n    });\n    if (pointsWithThisCentroid.length > 0) self.location(averageLocation(pointsWithThisCentroid));\n  };\n}\n\n; // convenience functions\n\nfunction getterSetter(initialValue, validator) {\n  var thingToGetSet = initialValue;\n\n  var isValid = validator || function (val) {\n    return true;\n  };\n\n  return function (newValue) {\n    if (typeof newValue === 'undefined') return thingToGetSet;\n    if (isValid(newValue)) thingToGetSet = newValue;\n  };\n}\n\n;\n\nfunction sumOfSquareDiffs(oneVector, anotherVector) {\n  var squareDiffs = oneVector.map(function (component, i) {\n    return Math.pow(component - anotherVector[i], 2);\n  });\n  return squareDiffs.reduce(function (a, b) {\n    return a + b;\n  }, 0);\n}\n\n;\n\nfunction mindex(array) {\n  var min = array.reduce(function (a, b) {\n    return Math.min(a, b);\n  });\n  return array.indexOf(min);\n}\n\n;\n\nfunction sumVectors(a, b) {\n  return a.map(function (val, i) {\n    return val + b[i];\n  });\n}\n\n;\n\nfunction averageLocation(points) {\n  var zeroVector = points[0].location().map(function () {\n    return 0;\n  });\n  var locations = points.map(function (point) {\n    return point.location();\n  });\n  var vectorSum = locations.reduce(function (a, b) {\n    return sumVectors(a, b);\n  }, zeroVector);\n  return vectorSum.map(function (val) {\n    return val / points.length;\n  });\n}\n\n;\n\n//# sourceURL=webpack://sm.%5Bname%5D/./src/_js/customizer/components/dropzone/worker.js?./node_modules/babel-loader/lib/index.js??ruleSet%5B1%5D.rules%5B0%5D.use")}},__webpack_exports__={};__webpack_modules__["./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./src/_js/customizer/components/dropzone/worker.js"]()})();

style-manager/trunk/languages/style-manager.pot

@@ -3 +3 @@
 msgid ""
 msgstr ""
-"Project-Id-Version: Style Manager 2.2.0\n"
+"Project-Id-Version: Style Manager 2.2.1\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/style-manager\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
@@ -10 +10 @@
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"POT-Creation-Date: 2022-04-15T09:08:04+00:00\n"
+"POT-Creation-Date: 2022-04-19T08:36:41+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.5.0\n"
@@ -16 +16 @@
 
 #. Plugin Name of the plugin
-#: src/Customize/Customize.php:141
-#: src/Customize/Customize.php:189
+#: src/Customize/Customize.php:142
+#: src/Customize/Customize.php:190
 #: src/Screen/Settings.php:107
 #: src/Screen/Settings.php:109
@@ -111 +111 @@
 
 #: resources/sm_theme_root.php:518
-#: src/Customize/ColorPalettes.php:1031
+#: src/Customize/ColorPalettes.php:849
 #: src/Screen/Customizer.php:1244
 #: src/Screen/Settings.php:131
@@ -193 +193 @@
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:364
+#: src/Customize/ColorPalettes.php:366
 msgid "Palette Source"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:393
-#: src/Customize/ColorPalettes.php:420
+#: src/Customize/ColorPalettes.php:394
+msgid "Palette Output"
+msgstr ""
+
+#: src/Customize/ColorPalettes.php:419
+msgid "Text Master"
+msgstr ""
+
+#: src/Customize/ColorPalettes.php:431
+msgid "Accent Master"
+msgstr ""
+
+#: src/Customize/ColorPalettes.php:440
+msgid "Adjust <strong>how much color</strong> you want to add to your site. For more control over elements, you can edit them individually."
+msgstr ""
+
+#: src/Customize/ColorPalettes.php:443
+msgid "Coloration Level"
+msgstr ""
+
 #: src/Customize/ColorPalettes.php:447
-#: src/Customize/ColorPalettes.php:1039
-msgid "Color"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:474
-msgid "Info"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:499
-msgid "Error"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:524
-msgid "Warning"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:549
-msgid "Success"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:576
-msgid "Palette Output"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:601
-msgid "Text Master"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:613
-msgid "Accent Master"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:622
-msgid "Adjust <strong>how much color</strong> you want to add to your site. For more control over elements, you can edit them individually."
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:625
-msgid "Coloration Level"
-msgstr ""
-
-#: src/Customize/ColorPalettes.php:629
 msgid "Low"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:630
+#: src/Customize/ColorPalettes.php:448
 msgid "Medium"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:631
+#: src/Customize/ColorPalettes.php:449
 msgid "High"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:632
+#: src/Customize/ColorPalettes.php:450
 msgid "Striking"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:640
+#: src/Customize/ColorPalettes.php:458
 msgid "Palette Configuration"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:641
+#: src/Customize/ColorPalettes.php:459
 msgid "Change the structure of the generated palette while maintaining the underlying principles and guidelines."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:648
+#: src/Customize/ColorPalettes.php:466
 msgid "Presets"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:653
-#: src/Customize/ColorPalettes.php:773
+#: src/Customize/ColorPalettes.php:471
+#: src/Customize/ColorPalettes.php:591
 #: src/Customize/FontPalettes.php:470
 msgid "Normal"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:665
+#: src/Customize/ColorPalettes.php:483
 msgid "Simple"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:677
-#: src/Customize/ColorPalettes.php:908
+#: src/Customize/ColorPalettes.php:495
+#: src/Customize/ColorPalettes.php:726
 msgid "Light"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:689
-#: src/Customize/ColorPalettes.php:909
+#: src/Customize/ColorPalettes.php:507
+#: src/Customize/ColorPalettes.php:727
 #: src/sm-functions.php:42
 #: src/sm-functions.php:50
@@ -290 +267 @@
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:701
+#: src/Customize/ColorPalettes.php:519
 msgid "Custom"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:713
+#: src/Customize/ColorPalettes.php:531
 msgid "Number of color grades"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:727
+#: src/Customize/ColorPalettes.php:545
 msgid "Potential color contrast"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:741
+#: src/Customize/ColorPalettes.php:559
 msgid "Color grade balancer"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:751
+#: src/Customize/ColorPalettes.php:569
 msgid "Shift the <strong>start position</strong> of the color palette. Use 1 for white, 2-3 for subtle shades, 4-7 for colorful, above 8 for darker shades."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:755
+#: src/Customize/ColorPalettes.php:573
 msgid "Palette basis offset"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:770
+#: src/Customize/ColorPalettes.php:588
 msgid "Elements color contrast"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:774
+#: src/Customize/ColorPalettes.php:592
 msgid "Average"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:775
+#: src/Customize/ColorPalettes.php:593
 msgid "Maximum"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:783
+#: src/Customize/ColorPalettes.php:601
 msgid "Brand colors"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:791
+#: src/Customize/ColorPalettes.php:609
 msgid "Pure white"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:799
+#: src/Customize/ColorPalettes.php:617
 msgid "Pure black"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:855
+#: src/Customize/ColorPalettes.php:673
 msgid "Color System"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:857
+#: src/Customize/ColorPalettes.php:675
 msgid "Set up the <a href=\"https://pixelgrade.com/docs/design-and-style/color-system/\" target=\"_blank\">Color System</a> for your website using the tools below."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:903
+#: src/Customize/ColorPalettes.php:721
 msgid "Appearance"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:906
+#: src/Customize/ColorPalettes.php:724
 msgid "Choose between light or dark color schemes or set it to <strong>\"Auto\"</strong> to activate dark mode automatically, according to your visitors' system-wide setting."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:910
+#: src/Customize/ColorPalettes.php:728
 #: src/Customize/Fonts.php:1586
 msgid "Auto"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1010
+#: src/Customize/ColorPalettes.php:828
 msgid "Colorize elements one by one"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1011
+#: src/Customize/ColorPalettes.php:829
 msgid "Customize colors usage"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1012
+#: src/Customize/ColorPalettes.php:830
 msgid "Fine-tune generated palette"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1013
+#: src/Customize/ColorPalettes.php:831
 msgid "Brand Colors"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1014
+#: src/Customize/ColorPalettes.php:832
 msgid "Adjust the main brand colors you want to use on your site. Provide <strong>only the main colors</strong> since the Color System will <strong>generate an entire palette</strong> from these. For advanced controls of generated color palette, see the section below."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1015
+#: src/Customize/ColorPalettes.php:833
 msgid "Explore colors"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1016
+#: src/Customize/ColorPalettes.php:834
 msgid "Curated color presets to help you lay the foundations of the color system and make it easy to get started."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1017
+#: src/Customize/ColorPalettes.php:835
 msgid "Extract from Image"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1018
-#: src/Customize/ColorPalettes.php:1040
+#: src/Customize/ColorPalettes.php:836
+#: src/Customize/ColorPalettes.php:858
 msgid "Interpolated Color"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1019
+#: src/Customize/ColorPalettes.php:837
 msgid "Extract colors from an image and generate a color palette for your design system."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1020
+#: src/Customize/ColorPalettes.php:838
 msgid "Drag and drop your image"
 msgstr ""
 
 #. translators 1: open span, 2: close span
-#: src/Customize/ColorPalettes.php:1024
+#: src/Customize/ColorPalettes.php:842
 msgid "or %1$s select a file %2$s from your computer"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1030
+#: src/Customize/ColorPalettes.php:848
 #: src/Customize/FontPalettes.php:798
 #: src/Screen/Settings.php:154
@@ -415 +392 @@
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1032
+#: src/Customize/ColorPalettes.php:850
 msgid "Live site"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1033
+#: src/Customize/ColorPalettes.php:851
 msgid "The color system"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1034
+#: src/Customize/ColorPalettes.php:852
 msgid "The color system presented below is designed based on your brand colors. Hover over a color grade to see a preview of how you will be able to use colors with your content blocks."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1035
+#: src/Customize/ColorPalettes.php:853
 msgid "Each column from the color palette below represent a state where a component could be. The first row is the main surface or background color, while the other two rows are for the content."
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1036
+#: src/Customize/ColorPalettes.php:854
 msgid "Surface"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1037
-#: src/Customize/ColorPalettes.php:1045
+#: src/Customize/ColorPalettes.php:855
+#: src/Customize/ColorPalettes.php:863
 #: src/sm-functions.php:43
 #: src/sm-functions.php:51
@@ -442 +419 @@
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1038
+#: src/Customize/ColorPalettes.php:856
 msgid "Text"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1042
+#: src/Customize/ColorPalettes.php:857
+msgid "Color"
+msgstr ""
+
+#: src/Customize/ColorPalettes.php:860
 msgid "Primary"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1043
+#: src/Customize/ColorPalettes.php:861
 msgid "Secondary"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1044
+#: src/Customize/ColorPalettes.php:862
 msgid "Body"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1047
+#: src/Customize/ColorPalettes.php:865
 msgid "Category"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1048
+#: src/Customize/ColorPalettes.php:866
 msgid "Preview"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1049
+#: src/Customize/ColorPalettes.php:867
 msgid "Size"
 msgstr ""
 
-#: src/Customize/ColorPalettes.php:1051
+#: src/Customize/ColorPalettes.php:869
 msgid "Fine-tune the type system"
 msgstr ""
 
-#: src/Customize/Customize.php:190
+#: src/Customize/Customize.php:191
 msgid "<strong>Style Manager</strong> is an intuitive system to help you change the look of your website and make an excellent impression."
 msgstr ""
 
-#: src/Customize/Customize.php:218
+#: src/Customize/Customize.php:219
 msgid "Theme Options"
 msgstr ""
 
-#: src/Customize/Customize.php:219
+#: src/Customize/Customize.php:220
 msgid "Advanced options to change your site look-and-feel on a detailed level."
 msgstr ""
 
-#: src/Customize/Customize.php:316
+#: src/Customize/Customize.php:317
 #: src/Screen/Settings.php:113
 msgid "General"
 msgstr ""
 
-#: src/Customize/Customize.php:368
+#: src/Customize/Customize.php:387
 msgid "Site Identity"
 msgstr ""
 
-#: src/Customize/Customize.php:495
+#: src/Customize/Customize.php:514
 msgid "Close media panel"
 msgstr ""
 
-#: src/Customize/Customize.php:501
+#: src/Customize/Customize.php:520
 msgid "How would you rate your experience in finding the right colors for your site?"
 msgstr ""
 
 #. translators: The Style Manager lowest rating.
-#: src/Customize/Customize.php:505
+#: src/Customize/Customize.php:524
 msgid "Poor"
 msgstr ""
 
 #. translators: The Style Manager highest rating.
-#: src/Customize/Customize.php:528
+#: src/Customize/Customize.php:547
 msgid "Great"
 msgstr ""
 
 #. translators: %s: The selected star rating
-#: src/Customize/Customize.php:534
+#: src/Customize/Customize.php:553
 msgid "What points along the way made this a %s* experience for you?"
 msgstr ""
 
-#: src/Customize/Customize.php:535
+#: src/Customize/Customize.php:554
 msgid "We are counting on your insights to guide us in doing better 🙏"
 msgstr ""
 
-#: src/Customize/Customize.php:539
+#: src/Customize/Customize.php:558
 msgid "Describe your experience in customizing your site colors.."
 msgstr ""
 
-#: src/Customize/Customize.php:541
+#: src/Customize/Customize.php:560
 msgid "May we have a little more info about your experience?"
 msgstr ""
 
-#: src/Customize/Customize.php:546
+#: src/Customize/Customize.php:565
 msgid "Send us your insights"
 msgstr ""
 
-#: src/Customize/Customize.php:549
+#: src/Customize/Customize.php:568
 msgid "Thank you so much for your feedback!"
 msgstr ""
 
-#: src/Customize/Customize.php:550
+#: src/Customize/Customize.php:569
 msgid "It means the world to us as we strive to constantly push the limits and aim higher. Stay awesome! 🤗"
 msgstr ""
 
 #. translators: %s: Pixelgrade
-#: src/Customize/Customize.php:553
+#: src/Customize/Customize.php:572
 msgid "The %s Team"
 msgstr ""
 
-#: src/Customize/Customize.php:556
+#: src/Customize/Customize.php:575
 msgid "We've hit a snag!"
 msgstr ""
 
-#: src/Customize/Customize.php:557
+#: src/Customize/Customize.php:576
 msgid "We couldn't record your feedback and we would truly appreciate it if you would try it again at a latter time. Stay awesome! 🤗"
 msgstr ""
 
-#: src/Customize/Customize.php:624
+#: src/Customize/Customize.php:643
 msgid "No type provided"
 msgstr ""
 
-#: src/Customize/Customize.php:628
+#: src/Customize/Customize.php:647
 msgid "No rating provided"
 msgstr ""
 
-#: src/Customize/Customize.php:650
-#: src/Customize/Customize.php:655
+#: src/Customize/Customize.php:669
+#: src/Customize/Customize.php:674
 msgid "Sorry, something went wrong and we couldn't save your feedback."
 msgstr ""
 
-#: src/Customize/Customize.php:661
+#: src/Customize/Customize.php:680
 msgid "Thank you for your feedback."
 msgstr ""

style-manager/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 5.5.0
 Tested up to: 5.9.3
-Stable tag: 2.2.0
+Stable tag: 2.2.1
 Requires PHP: 7.1
 License: GPLv2 or later
@@ -54 +54 @@
 
 == Changelog ==
+
+= 2.2.1 =
+* 2022-04-19
+* Improve backwards compatibility
+* Bug fixes and style improvements
 
 = 2.2.0 =

style-manager/trunk/src/Customize/ColorPalettes.php

@@ -314 +314 @@
             $config['sections']['style_manager_section'] = [];
         }
+
+        $sm_advanced_palette_outpt_default = file_get_contents( __DIR__  . '/sm_advanced_palette_output.json' );
 
         // The section might be already defined, thus we merge, not replace the entire section config.
@@ -385 +387 @@
                     'type'         => 'text',
                     'live'         => true,
-                    'default'      => json_encode(
-                        [
-                            [
-                                'sourceIndex'      => 5,
-                                'id'               => 1,
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Color', 'style-manager' ),
-                                'source'           => [
-                                    '0' => '#DDAB5D',
-                                ],
-                                'colors'           => [
-                                    [ 'value' => '#FFFFFF' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#DDAB5D', 'isSource' => true ],
-                                    [ 'value' => '#DDAB5D' ],
-                                    [ 'value' => '#DDAB5D' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#141928' ],
-                                    [ 'value' => '#141928' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#34394B' ],
-                                    [ 'value' => '#34394B' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 5,
-                                'id'               => 2,
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Color', 'style-manager' ),
-                                'source'           => [
-                                    '0' => '#39497C',
-                                ],
-                                'colors'           => [
-                                    [ 'value' => '#FFFFFF' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#39497C', 'isSource' => true ],
-                                    [ 'value' => '#39497C' ],
-                                    [ 'value' => '#39497C' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#141928' ],
-                                    [ 'value' => '#141928' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#34394B' ],
-                                    [ 'value' => '#34394B' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 5,
-                                'id'               => 3,
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Color', 'style-manager' ),
-                                'source'           => [
-                                    '0' => '#B12C4A',
-                                ],
-                                'colors'           => [
-                                    [ 'value' => '#FFFFFF' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#EEEFF2' ],
-                                    [ 'value' => '#B12C4A', 'isSource' => true ],
-                                    [ 'value' => '#B12C4A' ],
-                                    [ 'value' => '#B12C4A' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#212B49' ],
-                                    [ 'value' => '#141928' ],
-                                    [ 'value' => '#141928' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#34394B' ],
-                                    [ 'value' => '#34394B' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 6,
-                                'id'               => '_info',
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Info', 'style-manager' ),
-                                'source'           => [ '#2E72D2' ],
-                                'colors'           => [
-                                    [ 'value' => '#ffffff' ],
-                                    [ 'value' => '#f6f7fd' ],
-                                    [ 'value' => '#e1e5f8' ],
-                                    [ 'value' => '#b2c0ec' ],
-                                    [ 'value' => '#859ee2' ],
-                                    [ 'value' => '#527ed3' ],
-                                    [ 'value' => '#2E72D2', 'isSource' => true ],
-                                    [ 'value' => '#0758b0' ],
-                                    [ 'value' => '#0c4496' ],
-                                    [ 'value' => '#0e317b' ],
-                                    [ 'value' => '#0c1861' ],
-                                    [ 'value' => '#101010' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#30354c' ],
-                                    [ 'value' => '#202132' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 6,
-                                'id'               => '_error',
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Error', 'style-manager' ),
-                                'source'           => [ '#D82C0D' ],
-                                'colors'           => [
-                                    [ 'value' => '#ffffff' ],
-                                    [ 'value' => '#fff5f2' ],
-                                    [ 'value' => '#ffdfd6' ],
-                                    [ 'value' => '#fbaf98' ],
-                                    [ 'value' => '#f18061' ],
-                                    [ 'value' => '#de4f2e' ],
-                                    [ 'value' => '#D82C0D', 'isSource' => true ],
-                                    [ 'value' => '#b50f0f' ],
-                                    [ 'value' => '#901313' ],
-                                    [ 'value' => '#6c1212' ],
-                                    [ 'value' => '#4d0000' ],
-                                    [ 'value' => '#101010' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#4c2e2e' ],
-                                    [ 'value' => '#311c1c' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 3,
-                                'id'               => '_warning',
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Warning', 'style-manager' ),
-                                'source'           => [ '#FFCC00' ],
-                                'colors'           => [
-                                    [ 'value' => '#ffffff' ],
-                                    [ 'value' => '#fff7df' ],
-                                    [ 'value' => '#fce690' ],
-                                    [ 'value' => '#FFCC00', 'isSource' => true ],
-                                    [ 'value' => '#c39b10' ],
-                                    [ 'value' => '#9f7a00' ],
-                                    [ 'value' => '#896701' ],
-                                    [ 'value' => '#735507' ],
-                                    [ 'value' => '#60430a' ],
-                                    [ 'value' => '#4e2f0d' ],
-                                    [ 'value' => '#40140b' ],
-                                    [ 'value' => '#101010' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#473222' ],
-                                    [ 'value' => '#311d1b' ],
-                                ],
-                            ],
-                            [
-                                'sourceIndex'      => 7,
-                                'id'               => '_success',
-                                'lightColorsCount' => 5,
-                                'label'            => esc_html__( 'Success', 'style-manager' ),
-                                'source'           => [ '#00703c' ],
-                                'colors'           => [
-                                    [ 'value' => '#ffffff' ],
-                                    [ 'value' => '#f4f8f5' ],
-                                    [ 'value' => '#dce9e0' ],
-                                    [ 'value' => '#a9c9b2' ],
-                                    [ 'value' => '#7aab89' ],
-                                    [ 'value' => '#4c8c63' ],
-                                    [ 'value' => '#257b4a' ],
-                                    [ 'value' => '#00703c', 'isSource' => true ],
-                                    [ 'value' => '#0b5425' ],
-                                    [ 'value' => '#0d3f12' ],
-                                    [ 'value' => '#092809' ],
-                                    [ 'value' => '#101010' ],
-                                ],
-                                'textColors'       => [
-                                    [ 'value' => '#223c23' ],
-                                    [ 'value' => '#142614' ],
-                                ],
-                            ],
-                        ]
-                    ),
+                    'default'      => $sm_advanced_palette_outpt_default,
                     // We will bypass the plugin setting regarding where to store - we will store it cross-theme in wp_options
                     'setting_type' => 'option',

style-manager/trunk/src/Customize/Customize.php

@@ -80 +80 @@
         // Remove the switch theme panel from the Customizer.
         $this->add_action( 'customize_register', 'remove_switch_theme_panel', 12 );
+        $this->add_action( 'customize_register', 'remove_widgets_panel', 12 );
         // Add the logic that handles sections and controls registered directly to WP_Customizer, not through the Style Manager config.
         $this->add_action( 'customize_register', 'reorganize_direct_sections_and_controls', 998 );
@@ -352 +353 @@
 
         $wp_customize->remove_panel( 'themes' );
+    }
+
+    /**
+     * Remove the widgets panel.
+     *
+     * @since 2.0.0
+     *
+     * @param \WP_Customize_Manager $wp_customize
+     */
+    protected function remove_widgets_panel( $wp_customize ) {
+        // If there is no style manager support, bail.
+        if ( ! $this->is_supported() ) {
+            return;
+        }
+
+        if ( function_exists( 'wp_is_block_theme' ) && wp_is_block_theme() ) {
+            $wp_customize->remove_panel( 'widgets' );
+        }
     }
 

style-manager/trunk/src/Screen/EditWithBlocks.php

@@ -218 +218 @@
         </style>
         <?php $styles = ob_get_clean();
-        $settings['__unstableResolvedAssets']['styles'] .= $styles;
+        if ( isset( $settings['__unstableResolvedAssets']['styles'] ) ) {
+            $settings['__unstableResolvedAssets']['styles'] .= $styles;
+        }
         return $settings;
     }

style-manager/trunk/style-manager.php

@@ -7 +7 @@
  * Plugin URI:  https://wordpress.org/plugins/style-manager
  * Description: Auto-magical system to style your WordPress site.
- * Version: 2.2.0
+ * Version: 2.2.1
  * Author: Pixelgrade
  * Author URI: https://pixelgrade.com
@@ -36 +36 @@
  * @var string
  */
-const VERSION        = '2.2.0';
+const VERSION        = '2.2.1';
 
 /**

style-manager/trunk/vendor/autoload.php

@@ -5 +5 @@
 require_once __DIR__ . '/composer/autoload_real.php';
 
-return ComposerAutoloaderInitdbeaa730160671bbd9088286beb01a47::getLoader();
+return ComposerAutoloaderInit0a3f4c1d6a1b9a8f298690285d8e327c::getLoader();

style-manager/trunk/vendor/composer/InstalledVersions.php

@@ -15 +15 @@
 use Composer\Autoload\ClassLoader;
 use Composer\Semver\VersionParser;
-
-
 
 
@@ -33 +31 @@
     array (
     ),
-    'reference' => '2a65532a65ba1efaa4dc387a5c5ad17abe6071fe',
+    'reference' => '29d52091b490e58450cae23d9aa28fe187747d1f',
     'name' => 'pixelgrade/style-manager',
   ),
@@ -257 +255 @@
     'phpstan/phpstan' => 
     array (
-      'pretty_version' => '1.5.5',
-      'version' => '1.5.5.0',
-      'aliases' => 
-      array (
-      ),
-      'reference' => 'd77a607667f29ae099c0686f99664bd451fd23df',
+      'pretty_version' => '1.5.6',
+      'version' => '1.5.6.0',
+      'aliases' => 
+      array (
+      ),
+      'reference' => '799dd8c2d2c9c704bb55d2078078cb970cf0f6d1',
     ),
     'phpunit/php-code-coverage' => 
@@ -334 +332 @@
       array (
       ),
-      'reference' => '2a65532a65ba1efaa4dc387a5c5ad17abe6071fe',
+      'reference' => '29d52091b490e58450cae23d9aa28fe187747d1f',
     ),
     'psr/container' => 
@@ -362 +360 @@
         0 => '0.12.x-dev',
       ),
-      'reference' => '74a8a29f4c9696eeacca61a3c26bcc502780f6fb',
+      'reference' => '2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916',
     ),
     'roave/security-advisories' => 
@@ -598 +596 @@
 }
 
+
 if (1 === \count($packages)) {
 return $packages[0];
@@ -789 +788 @@
 self::$installedByVendor = array();
 }
-
 
 

style-manager/trunk/vendor/composer/autoload_real.php

@@ -3 +3 @@
 // autoload_real.php @generated by Composer
 
-class ComposerAutoloaderInitdbeaa730160671bbd9088286beb01a47
+class ComposerAutoloaderInit0a3f4c1d6a1b9a8f298690285d8e327c
 {
     private static $loader;
@@ -25 +25 @@
         require __DIR__ . '/platform_check.php';
 
-        spl_autoload_register(array('ComposerAutoloaderInitdbeaa730160671bbd9088286beb01a47', 'loadClassLoader'), true, true);
+        spl_autoload_register(array('ComposerAutoloaderInit0a3f4c1d6a1b9a8f298690285d8e327c', 'loadClassLoader'), true, true);
         self::$loader = $loader = new \Composer\Autoload\ClassLoader(\dirname(\dirname(__FILE__)));
-        spl_autoload_unregister(array('ComposerAutoloaderInitdbeaa730160671bbd9088286beb01a47', 'loadClassLoader'));
+        spl_autoload_unregister(array('ComposerAutoloaderInit0a3f4c1d6a1b9a8f298690285d8e327c', 'loadClassLoader'));
 
         $useStaticLoader = PHP_VERSION_ID >= 50600 && !defined('HHVM_VERSION') && (!function_exists('zend_loader_file_encoded') || !zend_loader_file_encoded());
@@ -33 +33 @@
             require __DIR__ . '/autoload_static.php';
 
-            call_user_func(\Composer\Autoload\ComposerStaticInitdbeaa730160671bbd9088286beb01a47::getInitializer($loader));
+            call_user_func(\Composer\Autoload\ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c::getInitializer($loader));
         } else {
             $map = require __DIR__ . '/autoload_namespaces.php';
@@ -54 +54 @@
 
         if ($useStaticLoader) {
-            $includeFiles = Composer\Autoload\ComposerStaticInitdbeaa730160671bbd9088286beb01a47::$files;
+            $includeFiles = Composer\Autoload\ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c::$files;
         } else {
             $includeFiles = require __DIR__ . '/autoload_files.php';
         }
         foreach ($includeFiles as $fileIdentifier => $file) {
-            composerRequiredbeaa730160671bbd9088286beb01a47($fileIdentifier, $file);
+            composerRequire0a3f4c1d6a1b9a8f298690285d8e327c($fileIdentifier, $file);
         }
 
@@ -66 +66 @@
 }
 
-function composerRequiredbeaa730160671bbd9088286beb01a47($fileIdentifier, $file)
+function composerRequire0a3f4c1d6a1b9a8f298690285d8e327c($fileIdentifier, $file)
 {
     if (empty($GLOBALS['__composer_autoload_files'][$fileIdentifier])) {

style-manager/trunk/vendor/composer/autoload_static.php

@@ -5 +5 @@
 namespace Composer\Autoload;
 
-class ComposerStaticInitdbeaa730160671bbd9088286beb01a47
+class ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c
 {
     public static $files = array (
@@ -285 +285 @@
     {
         return \Closure::bind(function () use ($loader) {
-            $loader->prefixLengthsPsr4 = ComposerStaticInitdbeaa730160671bbd9088286beb01a47::$prefixLengthsPsr4;
-            $loader->prefixDirsPsr4 = ComposerStaticInitdbeaa730160671bbd9088286beb01a47::$prefixDirsPsr4;
-            $loader->classMap = ComposerStaticInitdbeaa730160671bbd9088286beb01a47::$classMap;
+            $loader->prefixLengthsPsr4 = ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c::$prefixLengthsPsr4;
+            $loader->prefixDirsPsr4 = ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c::$prefixDirsPsr4;
+            $loader->classMap = ComposerStaticInit0a3f4c1d6a1b9a8f298690285d8e327c::$classMap;
 
         }, null, ClassLoader::class);

style-manager/trunk/vendor/composer/installed.json

@@ -1354 +1354 @@
         {
             "name": "phpstan/phpstan",
-            "version": "1.5.5",
-            "version_normalized": "1.5.5.0",
+            "version": "1.5.6",
+            "version_normalized": "1.5.6.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/phpstan/phpstan.git",
-                "reference": "d77a607667f29ae099c0686f99664bd451fd23df"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/d77a607667f29ae099c0686f99664bd451fd23df",
-                "reference": "d77a607667f29ae099c0686f99664bd451fd23df",
+                "reference": "799dd8c2d2c9c704bb55d2078078cb970cf0f6d1"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/phpstan/phpstan/zipball/799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",
+                "reference": "799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",
                 "shasum": ""
             },
@@ -1373 +1373 @@
                 "phpstan/phpstan-shim": "*"
             },
-            "time": "2022-04-14T12:20:26+00:00",
+            "time": "2022-04-15T11:13:37+00:00",
             "bin": [
                 "phpstan",
@@ -1392 +1392 @@
             "support": {
                 "issues": "https://github.com/phpstan/phpstan/issues",
-                "source": "https://github.com/phpstan/phpstan/tree/1.5.5"
+                "source": "https://github.com/phpstan/phpstan/tree/1.5.6"
             },
             "funding": [
@@ -1978 +1978 @@
                 "type": "git",
                 "url": "https://github.com/rectorphp/rector.git",
-                "reference": "74a8a29f4c9696eeacca61a3c26bcc502780f6fb"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/rectorphp/rector/zipball/74a8a29f4c9696eeacca61a3c26bcc502780f6fb",
-                "reference": "74a8a29f4c9696eeacca61a3c26bcc502780f6fb",
+                "reference": "2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/rectorphp/rector/zipball/2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916",
+                "reference": "2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.2|^8.0",
-                "phpstan/phpstan": "^1.5.5"
+                "phpstan/phpstan": "^1.5.6"
             },
             "conflict": {
@@ -2001 +2001 @@
                 "rector/rector-symfony": "*"
             },
-            "time": "2022-04-15T07:29:32+00:00",
+            "time": "2022-04-19T08:10:27+00:00",
             "default-branch": true,
             "bin": [

style-manager/trunk/vendor/composer/installed.php

@@ -7 +7 @@
     array (
     ),
-    'reference' => '2a65532a65ba1efaa4dc387a5c5ad17abe6071fe',
+    'reference' => '29d52091b490e58450cae23d9aa28fe187747d1f',
     'name' => 'pixelgrade/style-manager',
   ),
@@ -231 +231 @@
     'phpstan/phpstan' => 
     array (
-      'pretty_version' => '1.5.5',
-      'version' => '1.5.5.0',
-      'aliases' => 
-      array (
-      ),
-      'reference' => 'd77a607667f29ae099c0686f99664bd451fd23df',
+      'pretty_version' => '1.5.6',
+      'version' => '1.5.6.0',
+      'aliases' => 
+      array (
+      ),
+      'reference' => '799dd8c2d2c9c704bb55d2078078cb970cf0f6d1',
     ),
     'phpunit/php-code-coverage' => 
@@ -308 +308 @@
       array (
       ),
-      'reference' => '2a65532a65ba1efaa4dc387a5c5ad17abe6071fe',
+      'reference' => '29d52091b490e58450cae23d9aa28fe187747d1f',
     ),
     'psr/container' => 
@@ -336 +336 @@
         0 => '0.12.x-dev',
       ),
-      'reference' => '74a8a29f4c9696eeacca61a3c26bcc502780f6fb',
+      'reference' => '2684ff98abbc3bfad2c1fee5f3b52e0ecda1f916',
     ),
     'roave/security-advisories' =>