\");\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('');\n }\n\n highlightedText.push(_char);\n\n if (pair && i == pair[1]) {\n highlightedText.push('');\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__})();
\ No newline at end of file
+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(''),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
');\n var settingID = $select.data('customize-setting-link');\n var $optionsList = jquery__WEBPACK_IMPORTED_MODULE_0___default()('
');\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()('
');\n var $colorSelectOption = jquery__WEBPACK_IMPORTED_MODULE_0___default()('
');\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 ");\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 ");\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