Changeset 2719112
- Timestamp:
- 05/06/2022 07:52:42 AM (4 years ago)
- Location:
- style-manager/trunk
- Files:
-
- 26 edited
-
composer.json (modified) (2 diffs)
-
composer.lock (modified) (28 diffs)
-
dist/css/sm-colors-custom-properties-rtl.css (modified) (1 diff)
-
dist/css/sm-colors-custom-properties.css (modified) (1 diff)
-
dist/js/customizer-preview.js (modified) (1 diff)
-
dist/js/customizer-rtl.css (modified) (2 diffs)
-
dist/js/customizer-search.js (modified) (1 diff)
-
dist/js/customizer.css (modified) (7 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) (3 diffs)
-
readme.txt (modified) (2 diffs)
-
style-manager.php (modified) (3 diffs)
-
vendor/autoload.php (modified) (1 diff)
-
vendor/composer/InstalledVersions.php (modified) (10 diffs)
-
vendor/composer/autoload_real.php (modified) (5 diffs)
-
vendor/composer/autoload_static.php (modified) (2 diffs)
-
vendor/composer/installed.json (modified) (25 diffs)
-
vendor/composer/installed.php (modified) (7 diffs)
-
vendor/htmlburger/carbon-fields/config.php (modified) (1 diff)
-
vendor/htmlburger/carbon-fields/core/Carbon_Fields.php (modified) (1 diff)
-
vendor/htmlburger/carbon-fields/package.json (modified) (1 diff)
-
vendor_prefixed/symfony/polyfill-mbstring/bootstrap80.php (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
-
style-manager/trunk/composer.json
r2710141 r2719112 1 1 { 2 2 "name": "pixelgrade/style-manager", 3 "description": "Style Manager is an auto-magical system to style your WordPress site.",3 "description": "Style Manager is an auto-magical system to style your entire WordPress site.", 4 4 "type": "wordpress-plugin", 5 5 "license": "GPL-2.0-or-later", … … 43 43 }, 44 44 "require": { 45 "cedaro/wp-plugin": "^0.4.0", 46 "htmlburger/carbon-fields": "^3.3", 47 "instituteweb/composer-scripts": "^1.1", 45 48 "php": ">=7.1", 46 "pimple/pimple": "^3.2", 47 "cedaro/wp-plugin": "^0.4.0", 48 "htmlburger/carbon-fields": "^3.3", 49 "instituteweb/composer-scripts": "^1.1", 49 "pimple/pimple": "^3.2", 50 50 "psr/container": "^1.1", 51 51 "psr/log": "^1.0", -
style-manager/trunk/composer.lock
r2711997 r2719112 5 5 "This file is @generated automatically" 6 6 ], 7 "content-hash": " 2b456c5630794e09c9840c180217483b",7 "content-hash": "c0f03df145b98ae04adeb72e111b5e85", 8 8 "packages": [ 9 9 { … … 55 55 { 56 56 "name": "htmlburger/carbon-fields", 57 "version": "v3.3. 2",57 "version": "v3.3.4", 58 58 "source": { 59 59 "type": "git", 60 60 "url": "https://github.com/htmlburger/carbon-fields.git", 61 "reference": " dd5663e14c6db365323b688dbae1cfbeaf14bee7"62 }, 63 "dist": { 64 "type": "zip", 65 "url": "https://api.github.com/repos/htmlburger/carbon-fields/zipball/ dd5663e14c6db365323b688dbae1cfbeaf14bee7",66 "reference": " dd5663e14c6db365323b688dbae1cfbeaf14bee7",61 "reference": "2ae6773c004b873a1b0456613b14852c1a436a96" 62 }, 63 "dist": { 64 "type": "zip", 65 "url": "https://api.github.com/repos/htmlburger/carbon-fields/zipball/2ae6773c004b873a1b0456613b14852c1a436a96", 66 "reference": "2ae6773c004b873a1b0456613b14852c1a436a96", 67 67 "shasum": "" 68 68 }, … … 190 190 "source": "https://github.com/htmlburger/carbon-fields" 191 191 }, 192 "time": "202 1-04-22T13:24:34+00:00"192 "time": "2022-05-05T14:49:59+00:00" 193 193 }, 194 194 { … … 1609 1609 { 1610 1610 "name": "phpstan/phpstan", 1611 "version": "1. 5.6",1611 "version": "1.6.7", 1612 1612 "source": { 1613 1613 "type": "git", 1614 1614 "url": "https://github.com/phpstan/phpstan.git", 1615 "reference": " 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1"1616 }, 1617 "dist": { 1618 "type": "zip", 1619 "url": "https://api.github.com/repos/phpstan/phpstan/zipball/ 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",1620 "reference": " 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",1615 "reference": "d41c39cb2e487663bce9bbd97c660e244b73abad" 1616 }, 1617 "dist": { 1618 "type": "zip", 1619 "url": "https://api.github.com/repos/phpstan/phpstan/zipball/d41c39cb2e487663bce9bbd97c660e244b73abad", 1620 "reference": "d41c39cb2e487663bce9bbd97c660e244b73abad", 1621 1621 "shasum": "" 1622 1622 }, … … 1644 1644 "support": { 1645 1645 "issues": "https://github.com/phpstan/phpstan/issues", 1646 "source": "https://github.com/phpstan/phpstan/tree/1. 5.6"1646 "source": "https://github.com/phpstan/phpstan/tree/1.6.7" 1647 1647 }, 1648 1648 "funding": [ … … 1664 1664 } 1665 1665 ], 1666 "time": "2022-0 4-15T11:13:37+00:00"1666 "time": "2022-05-04T22:55:41+00:00" 1667 1667 }, 1668 1668 { … … 2051 2051 "type": "git", 2052 2052 "url": "https://github.com/rectorphp/rector.git", 2053 "reference": " 5a03282dce8e8a56517e90323a4025c9b961ce52"2054 }, 2055 "dist": { 2056 "type": "zip", 2057 "url": "https://api.github.com/repos/rectorphp/rector/zipball/ 5a03282dce8e8a56517e90323a4025c9b961ce52",2058 "reference": " 5a03282dce8e8a56517e90323a4025c9b961ce52",2053 "reference": "a548c62cde0568d25a3db9f4832d607c835db28d" 2054 }, 2055 "dist": { 2056 "type": "zip", 2057 "url": "https://api.github.com/repos/rectorphp/rector/zipball/a548c62cde0568d25a3db9f4832d607c835db28d", 2058 "reference": "a548c62cde0568d25a3db9f4832d607c835db28d", 2059 2059 "shasum": "" 2060 2060 }, 2061 2061 "require": { 2062 2062 "php": "^7.2|^8.0", 2063 "phpstan/phpstan": "^1. 5.6"2063 "phpstan/phpstan": "^1.6" 2064 2064 }, 2065 2065 "conflict": { … … 2104 2104 } 2105 2105 ], 2106 "time": "2022-0 4-20T08:09:40+00:00"2106 "time": "2022-05-06T07:17:49+00:00" 2107 2107 }, 2108 2108 { … … 2112 2112 "type": "git", 2113 2113 "url": "https://github.com/Roave/SecurityAdvisories.git", 2114 "reference": " dad1e44d86f958c5be9c5f355c9554ce22f1b1a7"2115 }, 2116 "dist": { 2117 "type": "zip", 2118 "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/ dad1e44d86f958c5be9c5f355c9554ce22f1b1a7",2119 "reference": " dad1e44d86f958c5be9c5f355c9554ce22f1b1a7",2114 "reference": "2658dd564ed1a63989404083d7ccb9cb10e07701" 2115 }, 2116 "dist": { 2117 "type": "zip", 2118 "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/2658dd564ed1a63989404083d7ccb9cb10e07701", 2119 "reference": "2658dd564ed1a63989404083d7ccb9cb10e07701", 2120 2120 "shasum": "" 2121 2121 }, … … 2147 2147 "bmarshall511/wordpress_zero_spam": "<5.2.13", 2148 2148 "bolt/bolt": "<3.7.2", 2149 "bolt/core": "< 4.1.13",2149 "bolt/core": "<=4.2", 2150 2150 "bottelet/flarepoint": "<2.2.1", 2151 2151 "brightlocal/phpwhois": "<=4.2.5", … … 2165 2165 "codeigniter4/framework": "<4.1.9", 2166 2166 "codiad/codiad": "<=2.8.4", 2167 "composer/composer": "<1.10.2 3|>=2-alpha.1,<2.1.9",2167 "composer/composer": "<1.10.26|>=2-alpha.1,<2.2.12|>=2.3,<2.3.5", 2168 2168 "concrete5/concrete5": "<9", 2169 2169 "concrete5/core": "<8.5.7", … … 2176 2176 "croogo/croogo": "<3.0.7", 2177 2177 "cuyz/valinor": ">=0.5,<0.7", 2178 "czproject/git-php": "<4.0.3", 2179 "darylldoyle/safe-svg": "<1.9.10", 2178 2180 "datadog/dd-trace": ">=0.30,<0.30.2", 2179 2181 "david-garcia/phpwhois": "<=4.3.1", … … 2208 2210 "ezsystems/ezplatform-admin-ui": ">=1.3,<1.3.5|>=1.4,<1.4.6|>=1.5,<1.5.27", 2209 2211 "ezsystems/ezplatform-admin-ui-assets": ">=4,<4.2.1|>=5,<5.0.1|>=5.1,<5.1.1", 2210 "ezsystems/ezplatform-kernel": "<=1.2.5|>=1.3,<1.3.1 2",2212 "ezsystems/ezplatform-kernel": "<=1.2.5|>=1.3,<1.3.17", 2211 2213 "ezsystems/ezplatform-rest": ">=1.2,<=1.2.2|>=1.3,<1.3.8", 2212 2214 "ezsystems/ezplatform-richtext": ">=2.3,<=2.3.7", 2213 2215 "ezsystems/ezplatform-user": ">=1,<1.0.1", 2214 "ezsystems/ezpublish-kernel": "<=6.13.8.1|>=7,<7.5.2 6",2216 "ezsystems/ezpublish-kernel": "<=6.13.8.1|>=7,<7.5.28", 2215 2217 "ezsystems/ezpublish-legacy": "<=2017.12.7.3|>=2018.6,<=2019.3.5.1", 2216 2218 "ezsystems/platform-ui-assets-bundle": ">=4.2,<4.2.3", … … 2218 2220 "ezyang/htmlpurifier": "<4.1.1", 2219 2221 "facade/ignition": "<1.16.15|>=2,<2.4.2|>=2.5,<2.5.2", 2222 "facturascripts/facturascripts": "<2022.6", 2220 2223 "feehi/cms": "<=2.1.1", 2221 2224 "feehi/feehicms": "<=0.1.3", … … 2235 2238 "friendsoftypo3/mediace": ">=7.6.2,<7.6.5", 2236 2239 "froala/wysiwyg-editor": "<3.2.7", 2240 "froxlor/froxlor": "<=0.10.22", 2237 2241 "fuel/core": "<1.8.1", 2238 2242 "gaoming13/wechat-php-sdk": "<=1.10.2", … … 2255 2259 "hov/jobfair": "<1.0.13|>=2,<2.0.2", 2256 2260 "hyn/multi-tenant": ">=5.6,<5.7.2", 2261 "ibexa/core": ">=4,<4.0.5|>=4.1,<4.1.2", 2257 2262 "ibexa/post-install": "<=1.0.4", 2258 2263 "icecoder/icecoder": "<=8.1", … … 2299 2304 "lms/routes": "<2.1.1", 2300 2305 "localizationteam/l10nmgr": "<7.4|>=8,<8.7|>=9,<9.2", 2306 "luyadev/yii-helpers": "<1.2.1", 2301 2307 "magento/community-edition": ">=2,<2.2.10|>=2.3,<2.3.3", 2302 2308 "magento/magento1ce": "<1.9.4.3", … … 2316 2322 "namshi/jose": "<2.2", 2317 2323 "neoan3-apps/template": "<1.1.1", 2324 "neorazorx/facturascripts": "<2022.4", 2318 2325 "neos/flow": ">=1,<1.0.4|>=1.1,<1.1.1|>=2,<2.0.1|>=2.3,<2.3.16|>=3,<3.0.12|>=3.1,<3.1.10|>=3.2,<3.2.13|>=3.3,<3.3.13|>=4,<4.0.6", 2319 2326 "neos/form": ">=1.2,<4.3.3|>=5,<5.0.9|>=5.1,<5.1.3", … … 2366 2373 "pimcore/pimcore": "<10.4", 2367 2374 "pocketmine/bedrock-protocol": "<8.0.2", 2368 "pocketmine/pocketmine-mp": "<4.2. 4",2375 "pocketmine/pocketmine-mp": "<4.2.9", 2369 2376 "pressbooks/pressbooks": "<5.18", 2370 2377 "prestashop/autoupgrade": ">=4,<4.10.1", … … 2384 2391 "pwweb/laravel-core": "<=0.3.6-beta", 2385 2392 "rainlab/debugbar-plugin": "<3.1", 2386 "remdex/livehelperchat": "<3.9 6",2393 "remdex/livehelperchat": "<3.99", 2387 2394 "rmccue/requests": ">=1.6,<1.8", 2388 2395 "robrichards/xmlseclibs": "<3.0.4", … … 2394 2401 "sensiolabs/connect": "<4.2.3", 2395 2402 "serluck/phpwhois": "<=4.2.6", 2396 "shopware/core": "<=6.4. 8.1",2397 "shopware/platform": "<=6.4. 8.1",2403 "shopware/core": "<=6.4.9", 2404 "shopware/platform": "<=6.4.9", 2398 2405 "shopware/production": "<=6.3.5.2", 2399 "shopware/shopware": "<5.7. 7",2406 "shopware/shopware": "<5.7.9", 2400 2407 "shopware/storefront": "<=6.4.8.1", 2401 2408 "showdoc/showdoc": "<2.10.4", … … 2419 2426 "slim/slim": "<2.6", 2420 2427 "smarty/smarty": "<3.1.43|>=4,<4.0.3", 2421 "snipe/snipe-it": "<5.4. 2|>= 6.0.0-RC-1, <= 6.0.0-RC-5",2428 "snipe/snipe-it": "<5.4.3|>= 6.0.0-RC-1, <= 6.0.0-RC-5", 2422 2429 "socalnick/scn-social-auth": "<1.15.2", 2423 2430 "socialiteproviders/steam": "<1.1", … … 2531 2538 "zendframework/zend-db": ">=2,<2.0.99|>=2.1,<2.1.99|>=2.2,<2.2.10|>=2.3,<2.3.5", 2532 2539 "zendframework/zend-developer-tools": ">=1.2.2,<1.2.3", 2533 "zendframework/zend-diactoros": " >=1,<1.8.4",2534 "zendframework/zend-feed": " >=1,<2.10.3",2540 "zendframework/zend-diactoros": "<1.8.4", 2541 "zendframework/zend-feed": "<2.10.3", 2535 2542 "zendframework/zend-form": ">=2,<2.2.7|>=2.3,<2.3.1", 2536 "zendframework/zend-http": " >=1,<2.8.1",2543 "zendframework/zend-http": "<2.8.1", 2537 2544 "zendframework/zend-json": ">=2.1,<2.1.6|>=2.2,<2.2.6", 2538 2545 "zendframework/zend-ldap": ">=2,<2.0.99|>=2.1,<2.1.99|>=2.2,<2.2.8|>=2.3,<2.3.3", … … 2585 2592 } 2586 2593 ], 2587 "time": "2022-0 4-14T16:08:49+00:00"2594 "time": "2022-05-05T14:08:42+00:00" 2588 2595 }, 2589 2596 { … … 3553 3560 { 3554 3561 "name": "szepeviktor/phpstan-wordpress", 3555 "version": "v1. 0.5",3562 "version": "v1.1.0", 3556 3563 "source": { 3557 3564 "type": "git", 3558 3565 "url": "https://github.com/szepeviktor/phpstan-wordpress.git", 3559 "reference": " d4dbd21fc057702be14d221e9ecb6e5697e39fed"3560 }, 3561 "dist": { 3562 "type": "zip", 3563 "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/ d4dbd21fc057702be14d221e9ecb6e5697e39fed",3564 "reference": " d4dbd21fc057702be14d221e9ecb6e5697e39fed",3565 "shasum": "" 3566 }, 3567 "require": { 3568 "php": "^7. 1|| ^8.0",3566 "reference": "37eaf7eecafd97917c427589736080ac77734b1f" 3567 }, 3568 "dist": { 3569 "type": "zip", 3570 "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/37eaf7eecafd97917c427589736080ac77734b1f", 3571 "reference": "37eaf7eecafd97917c427589736080ac77734b1f", 3572 "shasum": "" 3573 }, 3574 "require": { 3575 "php": "^7.2 || ^8.0", 3569 3576 "php-stubs/wordpress-stubs": "^4.7 || ^5.0", 3570 "phpstan/phpstan": "^1. 0",3577 "phpstan/phpstan": "^1.6", 3571 3578 "symfony/polyfill-php73": "^1.12.0" 3572 3579 }, 3573 3580 "require-dev": { 3574 "composer/composer": "^2.1.1 2",3581 "composer/composer": "^2.1.14", 3575 3582 "dealerdirect/phpcodesniffer-composer-installer": "^0.7", 3576 3583 "php-parallel-lint/php-parallel-lint": "^1.1", 3577 "phpstan/phpstan-strict-rules": "^1. 0",3578 "phpunit/phpunit": "^ 7|| ^9",3584 "phpstan/phpstan-strict-rules": "^1.2", 3585 "phpunit/phpunit": "^8 || ^9", 3579 3586 "szepeviktor/phpcs-psr-12-neutron-hybrid-ruleset": "^0.6" 3580 3587 }, … … 3606 3613 "support": { 3607 3614 "issues": "https://github.com/szepeviktor/phpstan-wordpress/issues", 3608 "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1. 0.5"3615 "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1.1.0" 3609 3616 }, 3610 3617 "funding": [ … … 3614 3621 } 3615 3622 ], 3616 "time": "2022-0 4-05T03:13:59+00:00"3623 "time": "2022-05-02T20:14:26+00:00" 3617 3624 }, 3618 3625 { … … 3926 3933 }, 3927 3934 "platform-dev": [], 3935 "platform-overrides": { 3936 "php": "7.4" 3937 }, 3928 3938 "plugin-api-version": "2.0.0" 3929 3939 } -
style-manager/trunk/dist/css/sm-colors-custom-properties-rtl.css
r2710141 r2719112 1 .wp-block{--force: editor }html{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}html, :where([class*="sm-variation-"]):where(:not(.sm-color-signal-0)){background-color:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-variation-1{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}.sm-variation-2{--sm-current-bg-color: var(--sm-bg-color-2);--sm-current-accent-color: var(--sm-accent-color-2);--sm-current-accent2-color: var(--sm-accent2-color-2, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-2, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-2);--sm-current-fg2-color: var(--sm-fg2-color-2)}.sm-variation-3{--sm-current-bg-color: var(--sm-bg-color-3);--sm-current-accent-color: var(--sm-accent-color-3);--sm-current-accent2-color: var(--sm-accent2-color-3, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-3, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-3);--sm-current-fg2-color: var(--sm-fg2-color-3)}.sm-variation-4{--sm-current-bg-color: var(--sm-bg-color-4);--sm-current-accent-color: var(--sm-accent-color-4);--sm-current-accent2-color: var(--sm-accent2-color-4, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-4, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-4);--sm-current-fg2-color: var(--sm-fg2-color-4)}.sm-variation-5{--sm-current-bg-color: var(--sm-bg-color-5);--sm-current-accent-color: var(--sm-accent-color-5);--sm-current-accent2-color: var(--sm-accent2-color-5, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-5, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-5);--sm-current-fg2-color: var(--sm-fg2-color-5)}.sm-variation-6{--sm-current-bg-color: var(--sm-bg-color-6);--sm-current-accent-color: var(--sm-accent-color-6);--sm-current-accent2-color: var(--sm-accent2-color-6, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-6, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-6);--sm-current-fg2-color: var(--sm-fg2-color-6)}.sm-variation-7{--sm-current-bg-color: var(--sm-bg-color-7);--sm-current-accent-color: var(--sm-accent-color-7);--sm-current-accent2-color: var(--sm-accent2-color-7, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-7, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-7);--sm-current-fg2-color: var(--sm-fg2-color-7)}.sm-variation-8{--sm-current-bg-color: var(--sm-bg-color-8);--sm-current-accent-color: var(--sm-accent-color-8);--sm-current-accent2-color: var(--sm-accent2-color-8, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-8, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-8);--sm-current-fg2-color: var(--sm-fg2-color-8)}.sm-variation-9{--sm-current-bg-color: var(--sm-bg-color-9);--sm-current-accent-color: var(--sm-accent-color-9);--sm-current-accent2-color: var(--sm-accent2-color-9, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-9, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-9);--sm-current-fg2-color: var(--sm-fg2-color-9)}.sm-variation-10{--sm-current-bg-color: var(--sm-bg-color-10);--sm-current-accent-color: var(--sm-accent-color-10);--sm-current-accent2-color: var(--sm-accent2-color-10, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-10, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-10);--sm-current-fg2-color: var(--sm-fg2-color-10)}.sm-variation-11{--sm-current-bg-color: var(--sm-bg-color-11);--sm-current-accent-color: var(--sm-accent-color-11);--sm-current-accent2-color: var(--sm-accent2-color-11, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-11, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-11);--sm-current-fg2-color: var(--sm-fg2-color-11)}.sm-variation-12{--sm-current-bg-color: var(--sm-bg-color-12);--sm-current-accent-color: var(--sm-accent-color-12);--sm-current-accent2-color: var(--sm-accent2-color-12, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-12, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-12);--sm-current-fg2-color: var(--sm-fg2-color-12)}1 .wp-block{--force: editor }html{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}html,[class*=sm-variation-]:where(:not(.sm-color-signal-0)){background-color:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-variation-1{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}.sm-variation-2{--sm-current-bg-color: var(--sm-bg-color-2);--sm-current-accent-color: var(--sm-accent-color-2);--sm-current-accent2-color: var(--sm-accent2-color-2, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-2, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-2);--sm-current-fg2-color: var(--sm-fg2-color-2)}.sm-variation-3{--sm-current-bg-color: var(--sm-bg-color-3);--sm-current-accent-color: var(--sm-accent-color-3);--sm-current-accent2-color: var(--sm-accent2-color-3, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-3, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-3);--sm-current-fg2-color: var(--sm-fg2-color-3)}.sm-variation-4{--sm-current-bg-color: var(--sm-bg-color-4);--sm-current-accent-color: var(--sm-accent-color-4);--sm-current-accent2-color: var(--sm-accent2-color-4, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-4, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-4);--sm-current-fg2-color: var(--sm-fg2-color-4)}.sm-variation-5{--sm-current-bg-color: var(--sm-bg-color-5);--sm-current-accent-color: var(--sm-accent-color-5);--sm-current-accent2-color: var(--sm-accent2-color-5, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-5, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-5);--sm-current-fg2-color: var(--sm-fg2-color-5)}.sm-variation-6{--sm-current-bg-color: var(--sm-bg-color-6);--sm-current-accent-color: var(--sm-accent-color-6);--sm-current-accent2-color: var(--sm-accent2-color-6, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-6, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-6);--sm-current-fg2-color: var(--sm-fg2-color-6)}.sm-variation-7{--sm-current-bg-color: var(--sm-bg-color-7);--sm-current-accent-color: var(--sm-accent-color-7);--sm-current-accent2-color: var(--sm-accent2-color-7, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-7, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-7);--sm-current-fg2-color: var(--sm-fg2-color-7)}.sm-variation-8{--sm-current-bg-color: var(--sm-bg-color-8);--sm-current-accent-color: var(--sm-accent-color-8);--sm-current-accent2-color: var(--sm-accent2-color-8, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-8, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-8);--sm-current-fg2-color: var(--sm-fg2-color-8)}.sm-variation-9{--sm-current-bg-color: var(--sm-bg-color-9);--sm-current-accent-color: var(--sm-accent-color-9);--sm-current-accent2-color: var(--sm-accent2-color-9, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-9, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-9);--sm-current-fg2-color: var(--sm-fg2-color-9)}.sm-variation-10{--sm-current-bg-color: var(--sm-bg-color-10);--sm-current-accent-color: var(--sm-accent-color-10);--sm-current-accent2-color: var(--sm-accent2-color-10, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-10, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-10);--sm-current-fg2-color: var(--sm-fg2-color-10)}.sm-variation-11{--sm-current-bg-color: var(--sm-bg-color-11);--sm-current-accent-color: var(--sm-accent-color-11);--sm-current-accent2-color: var(--sm-accent2-color-11, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-11, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-11);--sm-current-fg2-color: var(--sm-fg2-color-11)}.sm-variation-12{--sm-current-bg-color: var(--sm-bg-color-12);--sm-current-accent-color: var(--sm-accent-color-12);--sm-current-accent2-color: var(--sm-accent2-color-12, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-12, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-12);--sm-current-fg2-color: var(--sm-fg2-color-12)} -
style-manager/trunk/dist/css/sm-colors-custom-properties.css
r2710141 r2719112 1 .wp-block{--force: editor }html{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}html, :where([class*="sm-variation-"]):where(:not(.sm-color-signal-0)){background-color:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-variation-1{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}.sm-variation-2{--sm-current-bg-color: var(--sm-bg-color-2);--sm-current-accent-color: var(--sm-accent-color-2);--sm-current-accent2-color: var(--sm-accent2-color-2, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-2, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-2);--sm-current-fg2-color: var(--sm-fg2-color-2)}.sm-variation-3{--sm-current-bg-color: var(--sm-bg-color-3);--sm-current-accent-color: var(--sm-accent-color-3);--sm-current-accent2-color: var(--sm-accent2-color-3, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-3, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-3);--sm-current-fg2-color: var(--sm-fg2-color-3)}.sm-variation-4{--sm-current-bg-color: var(--sm-bg-color-4);--sm-current-accent-color: var(--sm-accent-color-4);--sm-current-accent2-color: var(--sm-accent2-color-4, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-4, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-4);--sm-current-fg2-color: var(--sm-fg2-color-4)}.sm-variation-5{--sm-current-bg-color: var(--sm-bg-color-5);--sm-current-accent-color: var(--sm-accent-color-5);--sm-current-accent2-color: var(--sm-accent2-color-5, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-5, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-5);--sm-current-fg2-color: var(--sm-fg2-color-5)}.sm-variation-6{--sm-current-bg-color: var(--sm-bg-color-6);--sm-current-accent-color: var(--sm-accent-color-6);--sm-current-accent2-color: var(--sm-accent2-color-6, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-6, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-6);--sm-current-fg2-color: var(--sm-fg2-color-6)}.sm-variation-7{--sm-current-bg-color: var(--sm-bg-color-7);--sm-current-accent-color: var(--sm-accent-color-7);--sm-current-accent2-color: var(--sm-accent2-color-7, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-7, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-7);--sm-current-fg2-color: var(--sm-fg2-color-7)}.sm-variation-8{--sm-current-bg-color: var(--sm-bg-color-8);--sm-current-accent-color: var(--sm-accent-color-8);--sm-current-accent2-color: var(--sm-accent2-color-8, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-8, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-8);--sm-current-fg2-color: var(--sm-fg2-color-8)}.sm-variation-9{--sm-current-bg-color: var(--sm-bg-color-9);--sm-current-accent-color: var(--sm-accent-color-9);--sm-current-accent2-color: var(--sm-accent2-color-9, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-9, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-9);--sm-current-fg2-color: var(--sm-fg2-color-9)}.sm-variation-10{--sm-current-bg-color: var(--sm-bg-color-10);--sm-current-accent-color: var(--sm-accent-color-10);--sm-current-accent2-color: var(--sm-accent2-color-10, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-10, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-10);--sm-current-fg2-color: var(--sm-fg2-color-10)}.sm-variation-11{--sm-current-bg-color: var(--sm-bg-color-11);--sm-current-accent-color: var(--sm-accent-color-11);--sm-current-accent2-color: var(--sm-accent2-color-11, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-11, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-11);--sm-current-fg2-color: var(--sm-fg2-color-11)}.sm-variation-12{--sm-current-bg-color: var(--sm-bg-color-12);--sm-current-accent-color: var(--sm-accent-color-12);--sm-current-accent2-color: var(--sm-accent2-color-12, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-12, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-12);--sm-current-fg2-color: var(--sm-fg2-color-12)}1 .wp-block{--force: editor }html{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}html,[class*=sm-variation-]:where(:not(.sm-color-signal-0)){background-color:var(--sm-current-bg-color);color:var(--sm-current-fg1-color)}.sm-variation-1{--sm-current-bg-color: var(--sm-bg-color-1);--sm-current-accent-color: var(--sm-accent-color-1);--sm-current-accent2-color: var(--sm-accent2-color-1, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-1, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-1);--sm-current-fg2-color: var(--sm-fg2-color-1)}.sm-variation-2{--sm-current-bg-color: var(--sm-bg-color-2);--sm-current-accent-color: var(--sm-accent-color-2);--sm-current-accent2-color: var(--sm-accent2-color-2, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-2, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-2);--sm-current-fg2-color: var(--sm-fg2-color-2)}.sm-variation-3{--sm-current-bg-color: var(--sm-bg-color-3);--sm-current-accent-color: var(--sm-accent-color-3);--sm-current-accent2-color: var(--sm-accent2-color-3, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-3, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-3);--sm-current-fg2-color: var(--sm-fg2-color-3)}.sm-variation-4{--sm-current-bg-color: var(--sm-bg-color-4);--sm-current-accent-color: var(--sm-accent-color-4);--sm-current-accent2-color: var(--sm-accent2-color-4, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-4, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-4);--sm-current-fg2-color: var(--sm-fg2-color-4)}.sm-variation-5{--sm-current-bg-color: var(--sm-bg-color-5);--sm-current-accent-color: var(--sm-accent-color-5);--sm-current-accent2-color: var(--sm-accent2-color-5, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-5, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-5);--sm-current-fg2-color: var(--sm-fg2-color-5)}.sm-variation-6{--sm-current-bg-color: var(--sm-bg-color-6);--sm-current-accent-color: var(--sm-accent-color-6);--sm-current-accent2-color: var(--sm-accent2-color-6, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-6, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-6);--sm-current-fg2-color: var(--sm-fg2-color-6)}.sm-variation-7{--sm-current-bg-color: var(--sm-bg-color-7);--sm-current-accent-color: var(--sm-accent-color-7);--sm-current-accent2-color: var(--sm-accent2-color-7, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-7, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-7);--sm-current-fg2-color: var(--sm-fg2-color-7)}.sm-variation-8{--sm-current-bg-color: var(--sm-bg-color-8);--sm-current-accent-color: var(--sm-accent-color-8);--sm-current-accent2-color: var(--sm-accent2-color-8, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-8, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-8);--sm-current-fg2-color: var(--sm-fg2-color-8)}.sm-variation-9{--sm-current-bg-color: var(--sm-bg-color-9);--sm-current-accent-color: var(--sm-accent-color-9);--sm-current-accent2-color: var(--sm-accent2-color-9, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-9, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-9);--sm-current-fg2-color: var(--sm-fg2-color-9)}.sm-variation-10{--sm-current-bg-color: var(--sm-bg-color-10);--sm-current-accent-color: var(--sm-accent-color-10);--sm-current-accent2-color: var(--sm-accent2-color-10, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-10, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-10);--sm-current-fg2-color: var(--sm-fg2-color-10)}.sm-variation-11{--sm-current-bg-color: var(--sm-bg-color-11);--sm-current-accent-color: var(--sm-accent-color-11);--sm-current-accent2-color: var(--sm-accent2-color-11, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-11, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-11);--sm-current-fg2-color: var(--sm-fg2-color-11)}.sm-variation-12{--sm-current-bg-color: var(--sm-bg-color-12);--sm-current-accent-color: var(--sm-accent-color-12);--sm-current-accent2-color: var(--sm-accent2-color-12, var(--sm-current-accent-color));--sm-current-accent3-color: var(--sm-accent3-color-12, var(--sm-current-accent2-color));--sm-current-fg1-color: var(--sm-fg1-color-12);--sm-current-fg2-color: var(--sm-fg2-color-12)} -
style-manager/trunk/dist/js/customizer-preview.js
r2711997 r2719112 1 /*! For license information please see customizer-preview.js.LICENSE.txt */ 2 (()=>{"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__})(); 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})(); -
style-manager/trunk/dist/js/customizer-rtl.css
r2711997 r2719112 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-right:-20px;margin-left:-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-right:-5px}.style-manager-color-select__option-list>*{border-radius:50%;overflow:hidden;text-indent:-999em;flex:0 0 auto;width:30px;margin-right: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-right: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-left: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%;right:0;left: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-left: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%;right:calc(-0.5*var(--customizer-spacing));left: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%;left: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-left: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-right:0;overflow:hidden;background-color:var(--sm-color-palette-neutral-color-1);background-size:contain;background-repeat:no-repeat;background-position:left 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;left:0;bottom:0;right: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;left:0;bottom:0;right: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-left:.45em;height:.8em;width:.55em;border-left: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-left:-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-left:-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-right:2px solid var(--sm-color-palette-accent-color-7);border-left: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-right: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-left:-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-right:2px solid var(--sm-color-palette-accent-color-7);border-left: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-right: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-right:calc(-0.5*var(--customizer-spacing))}.style-manager_radio_html>*{padding-top:calc(.5*var(--customizer-spacing));padding-right: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-right:calc(-1*var(--customize-control-spacing-x))}.customize-control-range[class][class]>*{margin-right: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-right:1.214em}.sm-switch input[type=radio]:nth-of-type(1)+label:after{content:"";position:absolute;top:0;left:0;bottom:0;right: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-left:1em}.sm-switch input[type=radio]:nth-of-type(2)+label:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0}.sm-switch input[type=radio]:nth-of-type(2)+label:after{content:"";display:block;height:2.142em;width:2.142em;margin-left:auto;margin-right:.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-right:calc(.5*var(--customizer-spacing));padding-left: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-right: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;right: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-right:0;padding-left: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;right: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-right: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-right:6px;height:36px;font-weight:500}#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search.has-next-sibling{border-radius:0 3px 3px 0}#accordion-section-style-manager-customizer-search .search-field-wrapper .close-search{text-indent:0;border-radius:3px 0 0 3px;padding-right:0;padding-left:0;font-size:19px;height:36px;width:38px;float:right;transform:none;margin-top:0;line-height:2}#accordion-section-style-manager-customizer-search .search-field-wrapper .button-primary.has-next-sibling{border-left: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;left: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;right: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-right:none;border-left:none;padding:10px 14px 11px 10px;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);left: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-right-radius:0;border-bottom-left-radius:0}.select2-container--open.select2-container--above .select2-selection--single{border-top-right-radius:0;border-top-left-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:right}.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;right:-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{right:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-right-radius:0;border-top-left-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;right: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;left:0;bottom:0;right: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:right}#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;left:0;bottom:0;right: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-left: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-left: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-right: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-right:0}#customize-controls #customize-theme-controls .customize-panel-back:before,#customize-controls #customize-theme-controls .customize-section-back:before{position:absolute;top:50%;right: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-right: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;right:calc(-1*var(--customizer-spacing));left: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)} 2 [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%;right: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-left:.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;left:0;bottom:0;right: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-right-radius:1.75em;border-top-left-radius:1.75em}[class][class] .c-palette-builder__source-item:last-child{border-bottom-right-radius:1.75em;border-bottom-left-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-right: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} 3 .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%;right:50%;width:.2em;height:.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%;left: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} 4 :where(#customize-control-sm_coloration_level_control, 5 #customize-control-sm_dark_mode_advanced_control, 6 #customize-control-sm_color_fine_tune_intro_control, 7 #customize-control-sm_color_fine_tune_presets_control, 8 #customize-control-sm_color_grades_number_control, 9 #customize-control-sm_potential_color_contrast_control, 10 #customize-control-sm_color_grade_balancer_control, 11 #customize-control-sm_site_color_variation_control, 12 #customize-control-sm_elements_color_contrast_control, 13 [id*="customize-control-sm_color_promotion_"], 14 #customize-control-sm_font_sizing_control, 15 #customize-control-sm_font_palette_control, 16 #customize-control-sm_font_primary_intro_control, 17 #customize-control-sm_font_primary_control, 18 #customize-control-sm_font_primary_elevation_control, 19 #customize-control-sm_font_primary_pitch_control, 20 #customize-control-sm_font_secondary_intro_control, 21 #customize-control-sm_font_secondary_control, 22 #customize-control-sm_font_secondary_elevation_control, 23 #customize-control-sm_font_secondary_pitch_control, 24 #customize-control-sm_font_body_intro_control, 25 #customize-control-sm_font_body_control, 26 #customize-control-sm_font_body_elevation_control, 27 #customize-control-sm_font_body_pitch_control, 28 #customize-control-sm_font_accent_intro_control, 29 #customize-control-sm_font_accent_control, 30 #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, 31 #customize-control-sm_dark_mode_advanced_control, 32 #customize-control-sm_color_fine_tune_intro_control, 33 #customize-control-sm_color_fine_tune_presets_control, 34 #customize-control-sm_color_grades_number_control, 35 #customize-control-sm_potential_color_contrast_control, 36 #customize-control-sm_color_grade_balancer_control, 37 #customize-control-sm_site_color_variation_control, 38 #customize-control-sm_elements_color_contrast_control, 39 [id*="customize-control-sm_color_promotion_"], 40 #customize-control-sm_font_sizing_control, 41 #customize-control-sm_font_palette_control, 42 #customize-control-sm_font_primary_intro_control, 43 #customize-control-sm_font_primary_control, 44 #customize-control-sm_font_primary_elevation_control, 45 #customize-control-sm_font_primary_pitch_control, 46 #customize-control-sm_font_secondary_intro_control, 47 #customize-control-sm_font_secondary_control, 48 #customize-control-sm_font_secondary_elevation_control, 49 #customize-control-sm_font_secondary_pitch_control, 50 #customize-control-sm_font_body_intro_control, 51 #customize-control-sm_font_body_control, 52 #customize-control-sm_font_body_elevation_control, 53 #customize-control-sm_font_body_pitch_control, 54 #customize-control-sm_font_accent_intro_control, 55 #customize-control-sm_font_accent_control, 56 #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, 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-right:-20px;margin-left:-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-right:-5px}.style-manager-color-select__option-list>*{border-radius:50%;overflow:hidden;text-indent:-999em;flex:0 0 auto;width:30px;margin-right: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-right: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-left: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%;right:0;left: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-left: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%;right:calc(-0.5*var(--customizer-spacing));left: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%;left: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-left: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-right:0;overflow:hidden;background-color:var(--sm-color-palette-neutral-color-1);background-size:contain;background-repeat:no-repeat;background-position:left 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;left:0;bottom:0;right: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;left:0;bottom:0;right: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-left:.45em;height:.8em;width:.55em;border-left: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-left:-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-left:-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-right:2px solid var(--sm-color-palette-accent-color-7);border-left: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-right: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-left:-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-right:2px solid var(--sm-color-palette-accent-color-7);border-left: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-right: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-right:calc(-0.5*var(--customizer-spacing))}.style-manager_radio_html>*{padding-top:calc(.5*var(--customizer-spacing));padding-right: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-right:calc(-1*var(--customize-control-spacing-x))}.customize-control-range[class][class]>*{margin-right: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-right:1.214em}.sm-switch input[type=radio]:nth-of-type(1)+label:after{content:"";position:absolute;top:0;left:0;bottom:0;right: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-left:1em}.sm-switch input[type=radio]:nth-of-type(2)+label:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0}.sm-switch input[type=radio]:nth-of-type(2)+label:after{content:"";display:block;height:2.142em;width:2.142em;margin-left:auto;margin-right:.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-right:calc(.5*var(--customizer-spacing));padding-left: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-right: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;right: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-right:0;padding-left: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;right: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-right: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-right:6px;height:36px;font-weight:500}#accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search.has-next-sibling{border-radius:0 3px 3px 0}#accordion-section-style-manager-customizer-search .search-field-wrapper .close-search{text-indent:0;border-radius:3px 0 0 3px;padding-right:0;padding-left:0;font-size:19px;height:36px;width:38px;float:right;transform:none;margin-top:0;line-height:2}#accordion-section-style-manager-customizer-search .search-field-wrapper .button-primary.has-next-sibling{border-left: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;left: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;right: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-right:none;border-left:none;padding:10px 14px 11px 10px;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);left: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-left:calc(2*var(--customizer-field-padding-x) + 15px);background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=");background-repeat:no-repeat;background-position:left 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-right-radius:0;border-bottom-left-radius:0}.select2-container--open.select2-container--above .select2-selection--single{border-top-right-radius:0;border-top-left-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:right}.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;right:-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{right:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-right-radius:0;border-top-left-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;right: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;left:0;bottom:0;right: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:right}#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;left:0;bottom:0;right: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-left: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%)}:where([id*="sm_coloration_level"], 2 [id*="sm_dark_mode_advanced"], 3 [id*="sm_color_fine_tune_intro"], 4 [id*="sm_color_fine_tune_presets"], 5 [id*="sm_color_grades_number"], 6 [id*="sm_potential_color_contrast"], 7 [id*="sm_color_grade_balancer"], 8 [id*="sm_site_color_variation"], 9 [id*="sm_elements_color_contrast"], 10 [id*="sm_color_promotion"], 11 [id*="sm_font_sizing"], 12 [id*="sm_font_palette"], 13 [id*="sm_font_primary_intro"], 14 [id*="sm_font_primary"], 15 [id*="sm_font_primary_elevation"], 16 [id*="sm_font_primary_pitch"], 17 [id*="sm_font_secondary_intro"], 18 [id*="sm_font_secondary"], 19 [id*="sm_font_secondary_elevation"], 20 [id*="sm_font_secondary_pitch"], 21 [id*="sm_font_body_intro"], 22 [id*="sm_font_body"], 23 [id*="sm_font_body_elevation"], 24 [id*="sm_font_body_pitch"], 25 [id*="sm_font_accent_intro"], 26 [id*="sm_font_accent"], 27 [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"], 28 [id*="sm_dark_mode_advanced"], 29 [id*="sm_color_fine_tune_intro"], 30 [id*="sm_color_fine_tune_presets"], 31 [id*="sm_color_grades_number"], 32 [id*="sm_potential_color_contrast"], 33 [id*="sm_color_grade_balancer"], 34 [id*="sm_site_color_variation"], 35 [id*="sm_elements_color_contrast"], 36 [id*="sm_color_promotion"], 37 [id*="sm_font_sizing"], 38 [id*="sm_font_palette"], 39 [id*="sm_font_primary_intro"], 40 [id*="sm_font_primary"], 41 [id*="sm_font_primary_elevation"], 42 [id*="sm_font_primary_pitch"], 43 [id*="sm_font_secondary_intro"], 44 [id*="sm_font_secondary"], 45 [id*="sm_font_secondary_elevation"], 46 [id*="sm_font_secondary_pitch"], 47 [id*="sm_font_body_intro"], 48 [id*="sm_font_body"], 49 [id*="sm_font_body_elevation"], 50 [id*="sm_font_body_pitch"], 51 [id*="sm_font_accent_intro"], 52 [id*="sm_font_accent"], 53 [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"], 54 [id*="page_title_control"], 55 [id*="body_color_control"], 56 [id*="links_color_control"], 57 [id*="heading_links_color_control"], 58 [id*="colors_header_section_title_control"], 59 [id*="menu_item_color_control"], 60 [id*="menu_active_item_color_control"], 61 [id*="colors_headings_section_title_control"], 62 [id*="super_display_color_control"], 63 [id*="display_color_control"], 64 [id*="heading_1_color_control"], 65 [id*="heading_2_color_control"], 66 [id*="heading_3_color_control"], 67 [id*="heading_4_color_control"], 68 [id*="heading_5_color_control"], 69 [id*="heading_6_color_control"], 70 [id*="colors_buttons_section_title_control"], 71 [id*="solid_button_control"], 72 [id*="colors_novablocks_headline_section_title_control"], 73 [id*="novablocks_headline_primary_control"], 74 [id*="novablocks_headline_secondary_control"], 75 [id*="colors_novablocks_card_section_title_control"], 76 [id*="novablocks_card_meta_first_control"], 77 [id*="novablocks_card_title_control"], 78 [id*="colors_post_meta_section_title_control"], 79 [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"], 80 [id*="colors_header_section_title"], 81 [id*="colors_headings_section_title"], 82 [id*="colors_buttons_section_title"], 83 [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, 57 84 #customize-control-sm_dark_mode_advanced_control, 58 85 #customize-control-sm_color_grades_number_control, … … 88 115 #customize-control-sm_font_secondary_pitch_control, 89 116 #customize-control-sm_font_body_pitch_control, 90 #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-right: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-right: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%;right:50%;margin-top:-7px;margin-right:-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-right:-1px}.sm-blinds--open .sm-blinds__toggle:after{display:none} 117 #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-right: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-right: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}#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}.sm-customizer-shortcut-busy .customize-pane-child,.sm-customizer-shortcut-busy .customize-pane-parent{opacity:.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(.5*var(--customizer-spacing)) var(--customizer-spacing);padding-left: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-right: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-right:0}#customize-controls #customize-theme-controls .customize-panel-back:before,#customize-controls #customize-theme-controls .customize-section-back:before{position:absolute;top:50%;right: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-right: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;right:calc(-1*var(--customizer-spacing));left: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)} 118 [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%;right: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-left:.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;left:0;bottom:0;right: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-right-radius:1.75em;border-top-left-radius:1.75em}[class][class] .c-palette-builder__source-item:last-child{border-bottom-right-radius:1.75em;border-bottom-left-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-right: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} 119 .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%;right:50%;width:.2em;height:.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%;left: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} 120 .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%;right:50%;margin-top:-7px;margin-right:-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-right:-1px}.sm-blinds--open .sm-blinds__toggle:after{display:none} 91 121 .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;right: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;right: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} 92 122 .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;right:0;z-index:10;width:100%;height:100%}.dropzone-placeholder{position:absolute;top:0;right: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-right:auto;margin-left: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;right:0;width:100%;height:100%;object-fit:cover} -
style-manager/trunk/dist/js/customizer-search.js
r2711997 r2719112 1 /*! For license information please see customizer-search.js.LICENSE.txt */ 2 (()=>{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__})(); 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={}; -
style-manager/trunk/dist/js/customizer.css
r2711997 r2719112 1 /*!****************************************************************************************************************************************************!*\ 2 !*** 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 ***! 3 \****************************************************************************************************************************************************/ 4 :root { 5 --sm-color-palette-neutral-color-1: #ffffff; 6 --sm-color-palette-neutral-color-2: #f7f7f9; 7 --sm-color-palette-neutral-color-3: #e4e6ec; 8 --sm-color-palette-neutral-color-4: #c4c7d5; 9 --sm-color-palette-neutral-color-5: #9c9fac; 10 --sm-color-palette-neutral-color-6: #7c7f8c; 11 --sm-color-palette-neutral-color-7: #696c78; 12 --sm-color-palette-neutral-color-8: #565965; 13 --sm-color-palette-neutral-color-9: #454853; 14 --sm-color-palette-neutral-color-10: #333640; 15 --sm-color-palette-neutral-color-11: #1f222b; 16 --sm-color-palette-neutral-color-12: #101010; 17 --sm-color-palette-neutral-text-color-1: #333640; 18 --sm-color-palette-neutral-text-color-2: #1f222b; 19 } 20 21 :root { 22 --sm-color-palette-accent-color-1: #ffffff; 23 --sm-color-palette-accent-color-2: #EDF1F6; 24 --sm-color-palette-accent-color-3: #dfe6f4; 25 --sm-color-palette-accent-color-4: #afc2e3; 26 --sm-color-palette-accent-color-5: #7fa1d4; 27 --sm-color-palette-accent-color-6: #4d82c1; 28 --sm-color-palette-accent-color-7: #006fbb; 29 --sm-color-palette-accent-color-8: #085ba2; 30 --sm-color-palette-accent-color-9: #0b4889; 31 --sm-color-palette-accent-color-10: #0e3470; 32 --sm-color-palette-accent-color-11: #0b1d55; 33 --sm-color-palette-accent-color-12: #101010; 34 --sm-color-palette-accent-text-color-1: #0e3470; 35 --sm-color-palette-accent-text-color-2: #0b1d55; 36 --sm-customizer-box-shadow-0: 37 none; 38 --sm-customizer-box-shadow-1: 39 0 1px 3px rgba(0, 0, 0, 0.1), 40 0 1px 2px rgba(0, 0, 0, 0.1); 41 --sm-customizer-box-shadow-2: 42 0 64px 128px rgba(0, 0, 0, 0.1), 43 0 16px 32px rgba(0, 0, 0, 0.1); 44 --sm-customizer-box-shadow-3: 45 0 32px 128px rgba(0, 0, 0, 0.1), 46 0 16px 64px rgba(0, 0, 0, 0.1), 47 0 8px 16px rgba(0, 0, 0, 0.1); 48 --sm-customizer-box-shadow-4: 49 0 64px 128px rgba(0, 0, 0, 0.1), 50 0 32px 64px rgba(0, 0, 0, 0.1), 51 0 16px 32px rgba(0, 0, 0, 0.1), 52 0 16px 16px rgba(0, 0, 0, 0.1), 53 0 8px 8px rgba(0, 0, 0, 0.1), 54 0 4px 4px rgba(0, 0, 0, 0.1); 55 --sm-transition: all 0.2s ease; 56 } 57 58 :root { 59 --customizer-spacing: 20px; 60 --customizer-border-color: var(--sm-color-palette-neutral-color-3); 61 --customizer-background-color: var(--sm-color-palette-neutral-color-2); 62 --customizer-text-color: var(--sm-color-palette-neutral-text-color-1); 63 --customizer-field-padding-x: 1em; 64 --customizer-field-padding-y: 0.75em; 65 --customizer-field-border-width: 2px; 66 --customizer-field-border-color: var(--customizer-border-color); 67 --customizer-field-focus-border-color: var(--sm-color-palette-accent-color-7); 68 --customizer-field-border-radius: 4px; 69 --customizer-field-background-color: var(--sm-color-palette-neutral-color-1); 70 --customizer-field-text-color: var(--sm-color-palette-neutral-text-color-1); 71 --customizer-field-font-size: 14px; 72 --customizer-field-font-weight: normal; 73 --customizer-field-line-height: 1.5; 74 --customizer-select-focus-background-color: var(--sm-color-palette-accent-color-7); 75 --customizer-select-focus-text-color: var(--sm-color-palette-neutral-color-1); 76 --customizer-field-height: 44px; 77 --customizer-checkbox-size: 22px; 78 } 79 80 .customize-control { 81 --customize-control-spacing-x: var(--customizer-spacing); 82 --customize-control-spacing-y: var(--customizer-spacing); 83 padding: var(--customize-control-spacing-y) var(--customize-control-spacing-x); 84 float: none; 85 } 86 .customize-control:not([class*=customize-control-nav_menu_item]) { 87 margin: 0; 88 } 89 .customize-control:not(:last-child) { 90 padding-bottom: 1px; 91 } 92 .ui-sortable .customize-control { 93 --customize-control-spacing-x: 0px; 94 } 95 .customize-control label.sm-group__title { 96 font-weight: 600; 97 } 98 99 .customize-section-description-container { 100 margin-bottom: 0; 101 } 102 103 .customize-control-title { 104 margin-bottom: calc(0.5 * var(--customizer-spacing)); 105 } 106 107 .customize-control-description { 108 margin-bottom: calc(0.5 * var(--customizer-spacing)); 109 font-style: normal; 110 opacity: 0.8; 111 clear: both; 112 } 113 114 #customize-theme-controls li.customize-control-title { 115 margin-bottom: 0; 116 } 117 #customize-theme-controls li.customize-control-title + .customize-control-checkbox, 118 #customize-theme-controls li.customize-control-title + .customize-control-radio { 119 margin-top: 0; 120 } 121 #customize-theme-controls .customize-control-textarea .customize-control-description { 122 margin-top: initial; 123 } 124 #customize-theme-controls .control-section.open { 125 border-bottom: 0; 126 min-height: 100%; 127 } 128 #customize-theme-controls .customize-pane-child.ui-sortable { 129 padding: 0 20px; 130 } 131 #customize-theme-controls .customize-pane-child.ui-sortable .customize-section-description-container { 132 margin-left: -20px; 133 margin-right: -20px; 134 } 135 136 .customize-control-checkbox > .customize-control-notifications-container + .customize-inside-control-row:last-child { 137 padding-top: 0; 138 padding-bottom: 0; 139 } 140 141 .style-manager-color-select__option-list { 142 display: flex; 143 margin-left: -5px; 144 } 145 .style-manager-color-select__option-list > * { 146 border-radius: 50%; 147 overflow: hidden; 148 text-indent: -999em; 149 flex: 0 0 auto; 150 width: 30px; 151 margin-left: 5px; 152 border: var(--customizer-field-border-width) solid var(--sm-color-palette-neutral-color-2); 153 } 154 .style-manager-color-select__option-list > *:before { 155 content: ""; 156 padding-top: 100%; 157 display: block; 158 background-color: currentColor; 159 } 160 .style-manager-color-select__option-label { 161 display: none; 162 } 163 .style-manager-color-select__option--text { 164 color: #333; 165 } 166 .style-manager-color-select__option--titles { 167 color: #222; 168 } 169 .style-manager-color-select__option--accent { 170 color: #A22; 171 } 172 .style-manager-color-select__option--background { 173 color: #EEE; 174 } 175 .style-manager-color-select__option--selected { 176 box-shadow: var(--sm-color-palette-neutral-color-6) 0 0 0 var(--customizer-field-border-width); 177 } 178 179 .customize-control input[type=text], 180 .customize-control input[type=password], 181 .customize-control input[type=date], 182 .customize-control input[type=datetime], 183 .customize-control input[type=datetime-local], 184 .customize-control input[type=email], 185 .customize-control input[type=month], 186 .customize-control input[type=number], 187 .customize-control input[type=tel], 188 .customize-control input[type=time], 189 .customize-control input[type=url], 190 .customize-control input[type=week], 191 .customize-control input[type=search] { 192 display: flex; 193 align-items: center; 194 width: 100%; 195 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 196 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 197 border-radius: var(--customizer-field-border-radius); 198 background: var(--customizer-field-background-color); 199 color: var(--customizer-field-text-color); 200 font-size: var(--customizer-field-font-size); 201 font-weight: var(--customizer-field-font-weight); 202 line-height: var(--customizer-field-line-height); 203 transition: all 0.2s ease-out; 204 transition-property: color, background-color, border-color; 205 outline: 0; 206 } 207 .customize-control input[type=text]:focus, 208 .customize-control input[type=password]:focus, 209 .customize-control input[type=date]:focus, 210 .customize-control input[type=datetime]:focus, 211 .customize-control input[type=datetime-local]:focus, 212 .customize-control input[type=email]:focus, 213 .customize-control input[type=month]:focus, 214 .customize-control input[type=number]:focus, 215 .customize-control input[type=tel]:focus, 216 .customize-control input[type=time]:focus, 217 .customize-control input[type=url]:focus, 218 .customize-control input[type=week]:focus, 219 .customize-control input[type=search]:focus { 220 border-color: var(--customizer-field-focus-border-color); 221 box-shadow: none; 222 } 223 .customize-control textarea { 224 display: flex; 225 align-items: center; 226 width: 100%; 227 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 228 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 229 border-radius: var(--customizer-field-border-radius); 230 background: var(--customizer-field-background-color); 231 color: var(--customizer-field-text-color); 232 font-size: var(--customizer-field-font-size); 233 font-weight: var(--customizer-field-font-weight); 234 line-height: var(--customizer-field-line-height); 235 transition: all 0.2s ease-out; 236 transition-property: color, background-color, border-color; 237 outline: 0; 238 } 239 .customize-control textarea:focus { 240 border-color: var(--customizer-field-focus-border-color); 241 box-shadow: none; 242 } 243 .customize-control select, .customize-control.customize-control-select select { 244 display: flex; 245 align-items: center; 246 width: 100%; 247 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 248 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 249 border-radius: var(--customizer-field-border-radius); 250 background: var(--customizer-field-background-color); 251 color: var(--customizer-field-text-color); 252 font-size: var(--customizer-field-font-size); 253 font-weight: var(--customizer-field-font-weight); 254 line-height: var(--customizer-field-line-height); 255 transition: all 0.2s ease-out; 256 transition-property: color, background-color, border-color; 257 outline: 0; 258 max-width: 100%; 259 /* for Firefox */ 260 -moz-appearance: none; 261 /* for Chrome */ 262 -webkit-appearance: none; 263 /* For IE10 */ 264 } 265 .customize-control select:focus, .customize-control.customize-control-select select:focus { 266 border-color: var(--customizer-field-focus-border-color); 267 box-shadow: none; 268 } 269 .customize-control select:not([multiple]), .customize-control.customize-control-select select:not([multiple]) { 270 padding-right: calc(2 * var(--customizer-field-padding-x) + 15px); 271 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 272 background-repeat: no-repeat; 273 background-position: right var(--customizer-field-padding-x) top 50%; 274 } 275 .customize-control select::-ms-expand, .customize-control.customize-control-select select::-ms-expand { 276 display: none; 277 } 278 .customize-control input[type=range] { 279 --thumb-height: 22px; 280 --thumb-border-width: 2px; 281 --track-height: 6px; 282 position: relative; 283 height: var(--thumb-height); 284 overflow: hidden; 285 outline: none; 286 background: none; 287 -webkit-appearance: none; 288 -moz-appearange: none; 289 } 290 .customize-control input[type=range]::-webkit-slider-runnable-track { 291 width: 100%; 292 height: var(--track-height); 293 background: var(--sm-color-palette-neutral-color-4); 294 border-radius: 999em; 295 } 296 .customize-control input[type=range]::-moz-range-track { 297 width: 100%; 298 height: var(--track-height); 299 background: var(--sm-color-palette-neutral-color-4); 300 border-radius: 999em; 301 } 302 .customize-control input[type=range]::-webkit-slider-thumb { 303 position: relative; 304 z-index: 3; 305 box-sizing: border-box; 306 width: var(--thumb-height); 307 height: var(--thumb-height); 308 margin-top: calc(var(--track-height) * 0.5 - var(--thumb-height) * 0.5); 309 border: var(--thumb-border-width) solid var(--customizer-border-color); 310 border-radius: var(--customizer-field-border-radius); 311 background: var(--sm-color-palette-neutral-color-1); 312 cursor: move; 313 /* fallback if grab cursor is unsupported */ 314 cursor: grab; 315 -webkit-appearance: none; 316 } 317 .customize-control input[type=range]::-moz-range-thumb { 318 position: relative; 319 z-index: 3; 320 box-sizing: border-box; 321 width: var(--thumb-height); 322 height: var(--thumb-height); 323 margin-top: calc(var(--track-height) * 0.5 - var(--thumb-height) * 0.5); 324 border: var(--thumb-border-width) solid var(--customizer-border-color); 325 border-radius: var(--customizer-field-border-radius); 326 background: var(--sm-color-palette-neutral-color-1); 327 cursor: move; 328 /* fallback if grab cursor is unsupported */ 329 cursor: grab; 330 -moz-appearance: none; 331 } 332 .customize-control input[type=range]:active::-webkit-slider-thumb { 333 cursor: grabbing; 334 } 335 .customize-control input[type=range]:active::-moz-range-thumb { 336 cursor: grabbing; 337 } 338 339 .customize-control-checkbox .customize-inside-control-row, 340 .customize-control-radio .customize-inside-control-row { 341 margin-left: 0; 342 } 343 344 .customize-control-checkbox input[type=checkbox], 345 .customize-control-radio input[type=radio] { 346 display: none; 347 } 348 .customize-control-checkbox input[type=checkbox] + label, 349 .customize-control-radio input[type=radio] + label { 350 display: flex; 351 align-items: center; 352 } 353 .customize-control-checkbox input[type=checkbox] + label:before, 354 .customize-control-radio input[type=radio] + label:before { 355 content: ""; 356 display: block; 357 width: var(--customizer-checkbox-size); 358 height: var(--customizer-checkbox-size); 359 flex: 0 0 auto; 360 margin-right: calc(0.5 * var(--customizer-spacing)); 361 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 362 background: var(--customizer-field-background-color) center 60% no-repeat; 363 } 364 .customize-control-checkbox input[type=checkbox]:focus + label:before, 365 .customize-control-radio input[type=radio]:focus + label:before { 366 border-color: var(--customizer-field-focus-border-color); 367 } 368 .customize-control-checkbox input[type=checkbox]:checked + label:before, 369 .customize-control-radio input[type=radio]:checked + label:before { 370 border-color: var(--sm-color-palette-accent-color-7); 371 background-color: var(--sm-color-palette-accent-color-7); 372 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxMiA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImNoZWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjUgOSAxMiAyIDEwIDAgNSA1IDIgMiAtMS43NTkzMjk4M2UtMTUgNCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 373 } 374 375 .customize-control-checkbox input[type=checkbox] + label:before { 376 border-radius: var(--customizer-field-border-radius); 377 } 378 379 .customize-control-radio input[type=radio] + label:before { 380 border-radius: 50%; 381 } 382 .customize-control-radio#customize-control-changeset_status .customize-inside-control-row { 383 margin-top: 0; 384 text-indent: 0; 385 } 386 387 .customize-control-font:last-child { 388 margin-bottom: 150px; 389 } 390 391 .font-options__wrapper { 392 position: relative; 393 } 394 .font-options__wrapper:after { 395 content: ""; 396 position: absolute; 397 top: 90%; 398 left: 0; 399 right: 0; 400 z-index: 0; 401 display: block; 402 height: 30px; 403 } 404 .font-options__wrapper .customize-control-range > label:first-child { 405 flex-basis: 100%; 406 } 407 408 .font-options__head { 409 display: flex; 410 align-items: center; 411 width: 100%; 412 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 413 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 414 border-radius: var(--customizer-field-border-radius); 415 background: var(--customizer-field-background-color); 416 color: var(--customizer-field-text-color); 417 font-size: var(--customizer-field-font-size); 418 font-weight: var(--customizer-field-font-weight); 419 line-height: var(--customizer-field-line-height); 420 transition: all 0.2s ease-out; 421 transition-property: color, background-color, border-color; 422 outline: 0; 423 padding-right: calc(2 * var(--customizer-field-padding-x) + 15px); 424 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 425 background-repeat: no-repeat; 426 background-position: right var(--customizer-field-padding-x) top 50%; 427 display: flex; 428 align-items: baseline; 429 justify-content: space-between; 430 text-overflow: ellipsis; 431 white-space: nowrap; 432 -webkit-appearance: none; 433 } 434 .font-options__head:focus { 435 border-color: var(--customizer-field-focus-border-color); 436 box-shadow: none; 437 } 438 .font-options__head:hover { 439 border-color: var(--customizer-field-focus-border-color); 440 background-color: var(--customizer-select-focus-background-color); 441 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 442 color: var(--customizer-select-focus-text-color); 443 } 444 .font-options__head .font-options__option-title { 445 margin-right: 10px; 446 } 447 .font-options__checkbox:checked ~ .font-options__head { 448 border-color: var(--customizer-field-focus-border-color); 449 background-color: var(--customizer-select-focus-background-color); 450 background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg=="); 451 color: var(--customizer-select-focus-text-color); 452 } 453 .font-options__checkbox:not(:checked) ~ .font-options__head:not(:hover) .font-options__font-title { 454 color: var(--sm-color-palette-neutral-color-4); 455 } 456 457 .font-options__font-title { 458 font-size: 12px; 459 line-height: 20px; 460 font-weight: 300; 461 white-space: nowrap; 462 overflow: hidden; 463 text-overflow: ellipsis; 464 } 465 466 .font-options__option[class] { 467 margin-bottom: 0; 468 } 469 .font-options__option + .font-options__option { 470 margin-top: calc(0.5 * var(--container-spacing)); 471 } 472 .font-options__option label { 473 display: block; 474 margin-bottom: 6px; 475 } 476 477 input.font-options__checkbox { 478 display: none; 479 } 480 481 .font-options__options-list { 482 position: absolute; 483 top: 100%; 484 left: calc(-0.5 * var(--customizer-spacing)); 485 right: calc(-0.5 * var(--customizer-spacing)); 486 z-index: 10; 487 display: block; 488 margin-top: 5px; 489 border: 1px solid var(--sm-color-palette-neutral-color-3); 490 border-radius: var(--customizer-field-border-radius); 491 box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.125); 492 background-color: var(--sm-color-palette-neutral-color-1); 493 } 494 .font-options__options-list:before, .font-options__options-list:after { 495 content: ""; 496 position: absolute; 497 bottom: 100%; 498 right: 26px; 499 border: 10px solid transparent; 500 } 501 .font-options__options-list:before { 502 z-index: 100; 503 border-bottom-color: var(--sm-color-palette-neutral-color-3); 504 border-width: 11px; 505 } 506 .font-options__options-list:after { 507 z-index: 101; 508 border-bottom-color: var(--sm-color-palette-neutral-color-1); 509 margin-right: 1px; 510 } 511 .font-options__options-list label { 512 font-size: 13px; 513 } 514 .font-options__checkbox:not(:checked) ~ .font-options__options-list { 515 display: none; 516 } 517 .font-options__options-list .customize-control { 518 --customize-control-spacing-x: calc( 0.5 * var(--customizer-spacing) ); 519 --customize-control-spacing-y: calc( 0.75 * var(--customizer-spacing) ); 520 } 521 522 .customize-control-font-palette .customize-inside-control-row { 523 position: relative; 524 padding-top: 52%; 525 margin-left: 0; 526 overflow: hidden; 527 background-color: var(--sm-color-palette-neutral-color-1); 528 background-size: contain; 529 background-repeat: no-repeat; 530 background-position: right center; 531 border-radius: var(--customizer-field-border-radius); 532 } 533 .customize-control-font-palette .customize-inside-control-row + .customize-inside-control-row { 534 margin-top: calc(0.5 * var(--customizer-spacing)); 535 } 536 .customize-control-font-palette .customize-inside-control-row input { 537 display: none; 538 } 539 .customize-control-font-palette .customize-inside-control-row input + label { 540 position: absolute; 541 top: 0; 542 right: 0; 543 bottom: 0; 544 left: 0; 545 border: var(--customizer-field-border-width) solid var(--customizer-border-color); 546 border-radius: inherit; 547 } 548 .customize-control-font-palette .customize-inside-control-row:hover input + label { 549 border-color: var(--sm-color-palette-neutral-color-3); 550 } 551 .customize-control-font-palette .customize-inside-control-row input:checked + label { 552 border-color: var(--sm-color-palette-neutral-color-5); 553 } 554 555 .sm-radio-group { 556 position: relative; 557 overflow: hidden; 558 height: 2.7em; 559 display: flex; 560 flex-wrap: nowrap; 561 align-items: stretch; 562 color: var(--sm-color-palette-neutral-color-9); 563 border-radius: 999em; 564 font-size: var(--customizer-field-font-size); 565 font-weight: 600; 566 line-height: 1.142em; 567 -webkit-font-smoothing: antialiased; 568 } 569 .sm-radio-group > * { 570 flex: 1 1 0; 571 } 572 .sm-radio-group:after { 573 content: ""; 574 position: absolute; 575 top: 0; 576 right: 0; 577 bottom: 0; 578 left: 0; 579 border: var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-7); 580 border-radius: 999em; 581 pointer-events: none; 582 } 583 .sm-radio-group input[type=radio] { 584 display: none; 585 } 586 .sm-radio-group input[type=radio]:checked + label { 587 background-color: var(--sm-color-palette-accent-color-7); 588 color: var(--sm-color-palette-neutral-color-1); 589 } 590 .sm-radio-group input[type=radio]:checked + label:before { 591 content: ""; 592 display: inline-block; 593 color: inherit; 594 position: relative; 595 top: 0.285em; 596 margin-right: 0.45em; 597 height: 0.8em; 598 width: 0.55em; 599 border-right: 2px solid; 600 border-bottom: 2px solid; 601 transform: translateY(-50%) rotate(45deg); 602 } 603 .sm-radio-group label { 604 display: flex; 605 align-items: center; 606 justify-content: center; 607 position: relative; 608 cursor: pointer; 609 transition: all 0.3s ease; 610 color: inherit; 611 background: var(--sm-color-palette-neutral-color-1); 612 } 613 .sm-radio-group label:nth-of-type(2) { 614 border: solid var(--sm-color-palette-accent-color-7); 615 border-width: 0 var(--customizer-field-border-width); 616 } 617 [id=customize-control-sm_font_sizing_control] .sm-radio-group { 618 display: flex; 619 flex-direction: row-reverse; 620 flex-wrap: nowrap; 621 align-items: stretch; 622 justify-content: flex-start; 623 } 624 [id=customize-control-sm_font_sizing_control] .sm-radio-group > * { 625 flex: 0 0 33.33%; 626 } 627 [id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:first-of-type:checked + label { 628 background: linear-gradient(90deg, #D557BE 0%, #3DAAE0 100%); 629 } 630 [id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:last-of-type:checked + label { 631 background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%); 632 } 633 [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 { 634 margin-right: -66.66%; 635 } 636 [id=customize-control-sm_font_sizing_control] .sm-radio-group input[type=radio]:nth-of-type(3):checked ~ label:last-of-type { 637 margin-right: -33.33%; 638 } 639 [id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(1) { 640 order: 4; 641 } 642 [id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(2) { 643 order: 3; 644 border-left: 2px solid var(--sm-color-palette-accent-color-7); 645 border-right: 2px solid var(--sm-color-palette-accent-color-7); 646 } 647 [id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(3) { 648 order: 2; 649 } 650 [id=customize-control-sm_font_sizing_control] .sm-radio-group label:nth-of-type(4) { 651 order: 1; 652 border-left: 2px solid var(--sm-color-palette-accent-color-7); 653 } 654 [id=customize-control-sm_coloration_level_control] .sm-radio-group { 655 display: flex; 656 flex-direction: row-reverse; 657 flex-wrap: nowrap; 658 align-items: stretch; 659 justify-content: flex-start; 660 } 661 [id=customize-control-sm_coloration_level_control] .sm-radio-group > * { 662 flex: 0 0 33.33%; 663 } 664 [id=customize-control-sm_coloration_level_control] .sm-radio-group input[type=radio]:last-of-type:checked + label { 665 background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%); 666 } 667 [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 { 668 margin-right: -33.33%; 669 } 670 [id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(1) { 671 order: 4; 672 } 673 [id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(2) { 674 order: 3; 675 border-left: 2px solid var(--sm-color-palette-accent-color-7); 676 border-right: 2px solid var(--sm-color-palette-accent-color-7); 677 } 678 [id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(3) { 679 order: 2; 680 } 681 [id=customize-control-sm_coloration_level_control] .sm-radio-group label:nth-of-type(4) { 682 order: 1; 683 border-left: 2px solid var(--sm-color-palette-accent-color-7); 684 } 685 .sm-radio-group + .description { 686 margin-top: 10px; 687 margin-bottom: 0; 688 } 689 690 .style-manager_radio_html { 691 display: flex; 692 flex-wrap: wrap; 693 align-items: stretch; 694 margin-top: calc(-0.5 * var(--customizer-spacing)); 695 margin-left: calc(-0.5 * var(--customizer-spacing)); 696 } 697 .style-manager_radio_html > * { 698 padding-top: calc(0.5 * var(--customizer-spacing)); 699 padding-left: calc(0.5 * var(--customizer-spacing)); 700 flex: 0 0 50%; 701 } 702 .style-manager_radio_html label { 703 display: block; 704 height: 100%; 705 } 706 .style-manager_radio_html label > input + div { 707 border-color: var(--customizer-field-border-color); 708 height: 100%; 709 } 710 .style-manager_radio_html label:hover > input + div { 711 background-color: var(--customizer-field-background-color); 712 } 713 .style-manager_radio_html input { 714 display: none; 715 } 716 .style-manager_radio_html input + div { 717 display: flex; 718 align-items: center; 719 justify-content: center; 720 border: var(--customizer-field-border-width) solid transparent; 721 border-radius: var(--customizer-field-border-radius); 722 padding: var(--customizer-spacing); 723 } 724 .style-manager_radio_html input:checked + div { 725 background-color: var(--customizer-field-background-color); 726 border-color: var(--customizer-field-focus-border-color); 727 cursor: default; 728 } 729 730 .customize-control-range { 731 --customizer-field-padding-x: 0.4em; 732 --customizer-field-padding-y: 0.4em; 733 display: flex; 734 flex-wrap: wrap; 735 align-items: center; 736 width: auto; 737 } 738 .customize-control-range[class] { 739 margin-left: calc(-1 * var(--customize-control-spacing-x)); 740 } 741 .customize-control-range[class][class] > * { 742 margin-left: var(--customize-control-spacing-x); 743 } 744 .customize-control-range .customize-control-title, 745 .customize-control-range .customize-control-notifications-container { 746 width: 100%; 747 } 748 .customize-control-range .customize-control-description { 749 flex: 0 0 100%; 750 } 751 .customize-control-range input[type=range] { 752 flex: 1 1 0; 753 } 754 .customize-control-range .range-value { 755 flex: 0 0 4em; 756 text-align: center; 757 } 758 .customize-control-range label { 759 font-size: 15px; 760 font-weight: 500; 761 } 762 763 .customize-control-sm_switch { 764 display: flex; 765 align-items: center; 766 justify-content: space-between; 767 } 768 .customize-control-sm_switch .customize-control-title { 769 margin-bottom: 0; 770 } 771 772 .sm-switch { 773 position: relative; 774 z-index: 10; 775 display: flex; 776 flex-wrap: nowrap; 777 align-items: stretch; 778 justify-content: flex-start; 779 overflow: hidden; 780 height: 2.428em; 781 max-width: 5.5em; 782 border-radius: 999em; 783 color: var(--sm-color-palette-neutral-color-1); 784 font-size: 14px; 785 font-weight: 600; 786 line-height: 1.142; 787 -webkit-font-smoothing: antialiased; 788 } 789 .sm-switch input[type=radio] { 790 display: none; 791 } 792 .sm-switch input[type=radio] + label { 793 display: flex; 794 align-items: center; 795 flex: 0 0 100%; 796 } 797 .sm-switch input[type=radio] + label, .sm-switch input[type=radio] + label:after { 798 transition: all 0.2s ease-out; 799 } 800 .sm-switch input[type=radio]:checked + label { 801 pointer-events: none; 802 } 803 .sm-switch input[type=radio]:nth-of-type(1) + label { 804 padding-left: 1.214em; 805 } 806 .sm-switch input[type=radio]:nth-of-type(1) + label:after { 807 content: ""; 808 position: absolute; 809 top: 0; 810 right: 0; 811 bottom: 0; 812 left: 0; 813 background-color: var(--sm-color-palette-accent-color-7); 814 z-index: -1; 815 } 816 .sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label { 817 transform: translateX(-100%) translateX(2.125em); 818 } 819 .sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label:after { 820 transform: translateX(100%) translateX(-2.125em); 821 background: var(--sm-color-palette-neutral-text-color-2); 822 opacity: 0.25; 823 } 824 .sm-switch input[type=radio]:nth-of-type(1):not(:checked) + label ~ label { 825 transform: translateX(-100%); 826 } 827 .sm-switch input[type=radio]:nth-of-type(1):checked + label ~ label { 828 transform: translateX(-2.4em); 829 } 830 .sm-switch input[type=radio]:nth-of-type(1):checked + label ~ label:before { 831 transform: translateX(-100%) translateX(2.125em); 832 } 833 .sm-switch input[type=radio]:nth-of-type(2) + label { 834 flex-direction: row-reverse; 835 padding-right: 1em; 836 } 837 .sm-switch input[type=radio]:nth-of-type(2) + label:before { 838 content: ""; 839 position: absolute; 840 top: 0; 841 right: 0; 842 bottom: 0; 843 left: 0; 844 } 845 .sm-switch input[type=radio]:nth-of-type(2) + label:after { 846 content: ""; 847 display: block; 848 height: 2.142em; 849 width: 2.142em; 850 margin-right: auto; 851 margin-left: 0.125em; 852 border-radius: 50%; 853 background-color: var(--sm-color-palette-neutral-color-1); 854 pointer-events: none; 855 } 856 857 .sm-tabs { 858 display: flex; 859 justify-content: space-between; 860 padding-left: calc(0.5 * var(--customizer-spacing)); 861 padding-right: var(--customizer-spacing); 862 border-bottom: 1px solid var(--customizer-border-color); 863 text-align: center; 864 } 865 .sm-tabs__item { 866 position: relative; 867 flex: 1 1 0; 868 padding: 1em 0; 869 margin-left: calc(0.5 * var(--customizer-spacing)); 870 margin-bottom: -1px; 871 color: var(--sm-color-palette-neutral-text-color-1); 872 transition: all 0.2s ease; 873 transition-property: opacity, color; 874 cursor: pointer; 875 } 876 .sm-tabs__item:after { 877 content: ""; 878 position: absolute; 879 bottom: 0; 880 left: 0; 881 width: 100%; 882 height: 3px; 883 background-color: var(--sm-color-palette-neutral-color-5); 884 transform-origin: 50% 100%; 885 transition: all 0.2s ease; 886 transition-property: transform; 887 } 888 .sm-tabs__item:not(.sm-tabs__item--active) { 889 opacity: 0.4; 890 } 891 .sm-tabs__item:not(.sm-tabs__item--active):not(:hover):after { 892 transform: scaleY(0); 893 } 894 895 [id=sub-accordion-section-sm_font_palettes_section] { 896 display: flex !important; 897 flex-direction: column !important; 898 } 899 [id=sub-accordion-section-sm_font_palettes_section]:after { 900 content: ""; 901 flex: 1 0 auto; 902 background-color: var(--sm-color-palette-neutral-color-1); 903 height: var(--customizer-spacing); 904 } 905 906 [id=customize-control-sm_current_font_palette_control] { 907 padding-left: 0; 908 padding-right: 0; 909 } 910 [id=customize-control-sm_current_font_palette_control] ~ .customize-control { 911 background-color: var(--sm-color-palette-neutral-color-1); 912 } 913 914 [id]#sub-accordion-section-rosa2_options\[colors_section\] { 915 background: var(--sm-color-palette-accent-color-1); 916 } 917 [id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-description] { 918 margin-top: var(--customize-control-spacing-y); 919 padding-bottom: var(--customize-control-spacing-y); 920 border: solid var(--customizer-border-color); 921 border-width: 1px 0; 922 background: var(--sm-color-palette-accent-color-2); 923 } 924 [id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-section-description-container + [id*=sm-description] { 925 margin-top: 0; 926 border-top-width: 0; 927 } 928 [id]#sub-accordion-section-rosa2_options\[colors_section\] .customize-control-html[id*=sm-group-separator] { 929 margin-top: var(--customize-control-spacing-y); 930 border: solid var(--customizer-border-color); 931 border-width: 1px 0; 932 background: var(--sm-color-palette-accent-color-2); 933 } 934 [id]#sub-accordion-section-rosa2_options\[colors_section\] .sm-group__title { 935 font-size: 15px; 936 line-height: 1.4; 937 font-weight: 700; 938 letter-spacing: -0.01em; 939 } 940 941 .customize-control-sm_toggle + .customize-control-sm_toggle { 942 padding-top: 9px; 943 } 944 945 .sm-toggle__checkbox { 946 display: none !important; 947 } 948 949 .sm-toggle__label, 950 .sm-toggle__switch, 951 .sm-toggle__switch:before { 952 transition: all 0.2s ease-out; 953 } 954 955 .sm-toggle__label { 956 display: flex; 957 align-items: center; 958 padding: 8px 6px; 959 background: var(--sm-color-palette-accent-color-2); 960 border-radius: 9em; 961 transition-property: background-color; 962 } 963 .sm-toggle__checkbox:checked + .sm-toggle__label { 964 background: #fcf8ef; 965 } 966 .sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__switch { 967 background: var(--sm-color-palette-accent-color-6); 968 } 969 .sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__switch:before { 970 transform: translate(20px, 0); 971 } 972 .sm-toggle__checkbox:checked + .sm-toggle__label .sm-toggle__label-text { 973 color: #105f97; 974 } 975 976 .sm-toggle__switch { 977 position: relative; 978 width: 40px; 979 height: 20px; 980 border-radius: 9em; 981 background: #c6c9cd; 982 transition-property: background-color; 983 } 984 .sm-toggle__switch:before { 985 content: ""; 986 position: absolute; 987 top: 2px; 988 left: 2px; 989 display: block; 990 width: 16px; 991 height: 16px; 992 background: var(--sm-color-palette-accent-color-1); 993 border-radius: 9em; 994 transition-property: background-color, transform; 995 } 996 997 .sm-toggle__label-text { 998 margin-left: 10px; 999 transition-property: color; 1000 } 1001 1002 #accordion-section-style-manager-customizer-search { 1003 margin-bottom: 0; 1004 color: #555d66; 1005 background: #fff; 1006 border-top: 1px solid #ddd; 1007 } 1008 #accordion-section-style-manager-customizer-search .accordion-section-title:after { 1009 content: none; 1010 } 1011 #accordion-section-style-manager-customizer-search .search-field-wrapper { 1012 display: flex; 1013 flex-direction: row; 1014 justify-content: flex-start; 1015 } 1016 #accordion-section-style-manager-customizer-search .search-field-wrapper .search-field-button-wrapper { 1017 display: flex; 1018 align-items: stretch; 1019 } 1020 #accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search { 1021 margin-left: 6px; 1022 height: 36px; 1023 font-weight: 500; 1024 } 1025 #accordion-section-style-manager-customizer-search .search-field-wrapper .clear-search.has-next-sibling { 1026 border-radius: 3px 0 0 3px; 1027 } 1028 #accordion-section-style-manager-customizer-search .search-field-wrapper .close-search { 1029 text-indent: 0; 1030 border-radius: 0 3px 3px 0; 1031 padding-left: 0; 1032 padding-right: 0; 1033 font-size: 19px; 1034 height: 36px; 1035 width: 38px; 1036 float: left; 1037 transform: none; 1038 margin-top: 0; 1039 line-height: 2; 1040 } 1041 #accordion-section-style-manager-customizer-search .search-field-wrapper .button-primary.has-next-sibling { 1042 border-right: 1px solid #98c6dd; 1043 } 1044 #accordion-section-style-manager-customizer-search .customizer-search-input { 1045 display: flex; 1046 align-items: center; 1047 width: 100%; 1048 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 1049 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 1050 border-radius: var(--customizer-field-border-radius); 1051 background: var(--customizer-field-background-color); 1052 color: var(--customizer-field-text-color); 1053 font-size: var(--customizer-field-font-size); 1054 font-weight: var(--customizer-field-font-weight); 1055 line-height: var(--customizer-field-line-height); 1056 transition: all 0.2s ease-out; 1057 transition-property: color, background-color, border-color; 1058 outline: 0; 1059 width: 83%; 1060 height: 38px; 1061 padding: 8px 8px; 1062 } 1063 #accordion-section-style-manager-customizer-search .customizer-search-input:focus { 1064 border-color: var(--customizer-field-focus-border-color); 1065 box-shadow: none; 1066 } 1067 #accordion-section-style-manager-customizer-search input::-webkit-input-placeholder { 1068 font-size: 14px; 1069 color: #999; 1070 opacity: 1; 1071 line-height: 1.5; 1072 } 1073 #accordion-section-style-manager-customizer-search input:-moz-placeholder { 1074 /* Firefox 18- */ 1075 font-size: 14px; 1076 color: #999; 1077 opacity: 1; 1078 line-height: 1.5; 1079 } 1080 #accordion-section-style-manager-customizer-search input::-moz-placeholder { 1081 /* Firefox 19+ */ 1082 font-size: 14px; 1083 color: #999; 1084 opacity: 1; 1085 line-height: 1.5; 1086 } 1087 #accordion-section-style-manager-customizer-search input:-ms-input-placeholder { 1088 font-size: 14px; 1089 color: #999; 1090 opacity: 1; 1091 line-height: 1.5; 1092 } 1093 #accordion-section-style-manager-customizer-search .search-input-label { 1094 display: block; 1095 margin-bottom: 8px; 1096 } 1097 1098 #customize-controls .customize-info .customize-search-toggle { 1099 padding: 20px; 1100 position: absolute; 1101 bottom: 4px; 1102 right: 1px; 1103 width: 20px; 1104 height: 20px; 1105 cursor: pointer; 1106 box-shadow: none; 1107 background: transparent; 1108 color: #555d66; 1109 border: none; 1110 } 1111 #customize-controls .customize-info .customize-search-toggle:focus { 1112 outline: none; 1113 } 1114 #customize-controls .customize-info .customize-search-toggle:before { 1115 padding: 4px; 1116 position: absolute; 1117 top: 5px; 1118 left: 6px; 1119 } 1120 #customize-controls .customize-info .customize-search-toggle:focus:before { 1121 border-radius: 100%; 1122 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); 1123 } 1124 1125 .search-found { 1126 height: 0; 1127 visibility: hidden; 1128 opacity: 0; 1129 display: none; 1130 } 1131 1132 #style-manager-search-results .accordion-section { 1133 border-left: none; 1134 border-right: none; 1135 padding: 10px 10px 11px 14px; 1136 background: #fff; 1137 color: #416b7e; 1138 position: relative; 1139 font-weight: 400; 1140 font-size: 14px; 1141 line-height: 21px; 1142 border-top: 1px solid var(--customizer-border-color); 1143 border-bottom: none; 1144 } 1145 #style-manager-search-results .accordion-section:last-of-type { 1146 border-bottom: 1px solid var(--customizer-border-color); 1147 } 1148 #style-manager-search-results .accordion-section:hover { 1149 background: #f7fbff; 1150 cursor: pointer; 1151 } 1152 #style-manager-search-results .accordion-section:hover h3.accordion-section-title { 1153 background: #f7fbff; 1154 } 1155 #style-manager-search-results .accordion-section:after { 1156 font: normal 20px/1 dashicons; 1157 speak: none; 1158 display: block; 1159 -webkit-font-smoothing: antialiased; 1160 -moz-osx-font-smoothing: grayscale; 1161 text-decoration: none !important; 1162 content: "\f345"; 1163 color: #a0a5aa; 1164 position: absolute; 1165 top: calc(50% - 10px); 1166 right: 10px; 1167 z-index: 1; 1168 } 1169 #style-manager-search-results .accordion-section h3.accordion-section-title { 1170 padding: 0; 1171 margin: 0; 1172 } 1173 #style-manager-search-results .accordion-section h3.accordion-section-title:after { 1174 content: none; 1175 background: inherit; 1176 } 1177 #style-manager-search-results .accordion-section h3.accordion-section-title:hover { 1178 background: #f7fbff; 1179 cursor: pointer; 1180 } 1181 1182 .search-setting-path { 1183 cursor: pointer; 1184 } 1185 1186 #customize-controls .hl { 1187 background: #ffcd1724; 1188 } 1189 1190 .select2-container { 1191 position: relative; 1192 z-index: 999999; 1193 display: block; 1194 margin: 0; 1195 vertical-align: middle; 1196 } 1197 .select2-container, .select2-container *, .select2-container *:before, .select2-container *:after { 1198 box-sizing: border-box; 1199 } 1200 1201 .select2-selection__rendered { 1202 overflow: hidden; 1203 text-overflow: ellipsis; 1204 white-space: nowrap; 1205 } 1206 1207 .select2-selection--single { 1208 display: flex; 1209 align-items: center; 1210 width: 100%; 1211 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 1212 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 1213 border-radius: var(--customizer-field-border-radius); 1214 background: var(--customizer-field-background-color); 1215 color: var(--customizer-field-text-color); 1216 font-size: var(--customizer-field-font-size); 1217 font-weight: var(--customizer-field-font-weight); 1218 line-height: var(--customizer-field-line-height); 1219 transition: all 0.2s ease-out; 1220 transition-property: color, background-color, border-color; 1221 outline: 0; 1222 padding-right: calc(2 * var(--customizer-field-padding-x) + 15px); 1223 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzk4QzZERSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 1224 background-repeat: no-repeat; 1225 background-position: right var(--customizer-field-padding-x) top 50%; 1226 cursor: pointer; 1227 } 1228 .select2-selection--single:focus { 1229 border-color: var(--customizer-field-focus-border-color); 1230 box-shadow: none; 1231 } 1232 .select2-selection--single:hover, .select2-container--focus .select2-selection--single { 1233 border-color: var(--customizer-field-focus-border-color); 1234 background-color: var(--customizer-select-focus-background-color); 1235 background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAxNSA5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9ImFycm93IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICA8cG9seWdvbiBpZD0iYXJyb3ctc2hhcGUiIHBvaW50cz0iMTMuNDgxMiAwIDE1IDEuNTE0IDcuNSA5IDAgMS41MTQgMS41MTg4IDAgNy41IDUuOTY3MiI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4="); 1236 color: var(--customizer-select-focus-text-color); 1237 } 1238 .select2-container--open .select2-selection--single { 1239 border-color: var(--customizer-field-focus-border-color); 1240 background-color: var(--customizer-select-focus-background-color); 1241 background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjkiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLTEtMWg1ODJ2NDAyaC01ODJ6IiBmaWxsPSJub25lIi8+PHBhdGggZD0ibTEzLjQ4MTIgMCAxLjUxODggMS41MTQtNy41IDcuNDg2LTcuNS03LjQ4NiAxLjUxODgtMS41MTQgNS45ODEyIDUuOTY3MnoiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAtMSAxNSA5KSIvPjwvc3ZnPg=="); 1242 color: var(--customizer-select-focus-text-color); 1243 } 1244 .select2-container--open.select2-container--below .select2-selection--single { 1245 border-bottom-left-radius: 0; 1246 border-bottom-right-radius: 0; 1247 } 1248 .select2-container--open.select2-container--above .select2-selection--single { 1249 border-top-left-radius: 0; 1250 border-top-right-radius: 0; 1251 } 1252 .select2-selection--single .select2-selection__clear { 1253 position: relative; 1254 } 1255 1256 .select2-selection--multiple { 1257 cursor: pointer; 1258 display: block; 1259 } 1260 .select2-selection--multiple .select2-selection__rendered { 1261 display: inline-block; 1262 } 1263 1264 .select2-search--inline { 1265 float: left; 1266 } 1267 .select2-search--inline .select2-search__field { 1268 border: none; 1269 font-size: 100%; 1270 margin-top: 5px; 1271 padding: 0; 1272 } 1273 .select2-search--inline .select2-search__field::-webkit-search-cancel-button { 1274 -webkit-appearance: none; 1275 } 1276 1277 .select2-dropdown { 1278 position: absolute; 1279 left: -100000px; 1280 z-index: 1051; 1281 display: block; 1282 width: 100%; 1283 border: 1px solid var(--customizer-border-color); 1284 border-radius: 4px; 1285 background-color: var(--sm-color-palette-neutral-color-1); 1286 } 1287 .select2-container--open .select2-dropdown { 1288 left: 0; 1289 } 1290 .select2-container--open .select2-dropdown--above { 1291 border-bottom: none; 1292 border-bottom-left-radius: 0; 1293 border-bottom-right-radius: 0; 1294 } 1295 .select2-container--open .select2-dropdown--below { 1296 border-top: none; 1297 border-top-left-radius: 0; 1298 border-top-right-radius: 0; 1299 } 1300 1301 .select2-results { 1302 display: block; 1303 } 1304 .select2-results > .select2-results__options { 1305 max-height: 15em; 1306 overflow-y: auto; 1307 } 1308 1309 .select2-results__group { 1310 display: block; 1311 border-width: 1px 0; 1312 border-style: solid; 1313 border-color: var(--customizer-border-color); 1314 background: var(--sm-color-palette-neutral-color-2); 1315 } 1316 1317 .select2-results__options { 1318 list-style: none; 1319 margin: 0; 1320 padding: 0; 1321 } 1322 1323 .select2-results__group, 1324 .select2-results__option:not([role=group]) { 1325 padding: calc(0.5 * var(--customizer-spacing)); 1326 } 1327 1328 .select2-results__option { 1329 margin: 0; 1330 } 1331 .select2-results__option[aria-selected] { 1332 cursor: pointer; 1333 } 1334 .select2-results__option--highlighted { 1335 background-color: var(--sm-color-palette-accent-color-7); 1336 color: var(--sm-color-palette-neutral-color-1); 1337 } 1338 1339 .select2-search--dropdown { 1340 display: block; 1341 padding: calc(0.5 * var(--customizer-spacing)); 1342 } 1343 .select2-search--dropdown .select2-search__field { 1344 display: flex; 1345 align-items: center; 1346 width: 100%; 1347 padding: var(--customizer-field-padding-y) var(--customizer-field-padding-x); 1348 border: var(--customizer-field-border-width) solid var(--customizer-field-border-color); 1349 border-radius: var(--customizer-field-border-radius); 1350 background: var(--customizer-field-background-color); 1351 color: var(--customizer-field-text-color); 1352 font-size: var(--customizer-field-font-size); 1353 font-weight: var(--customizer-field-font-weight); 1354 line-height: var(--customizer-field-line-height); 1355 transition: all 0.2s ease-out; 1356 transition-property: color, background-color, border-color; 1357 outline: 0; 1358 } 1359 .select2-search--dropdown .select2-search__field:focus { 1360 border-color: var(--customizer-field-focus-border-color); 1361 box-shadow: none; 1362 } 1363 .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { 1364 -webkit-appearance: none; 1365 } 1366 .select2-search--dropdown.select2-search--hide { 1367 display: none; 1368 } 1369 1370 .select2-close-mask { 1371 position: fixed; 1372 left: 0; 1373 top: 0; 1374 z-index: 99; 1375 display: block; 1376 min-width: 100%; 1377 min-height: 100%; 1378 width: auto; 1379 height: auto; 1380 border: 0; 1381 margin: 0; 1382 padding: 0; 1383 opacity: 0; 1384 background-color: #FFFFFF; 1385 filter: alpha(opacity=0); 1386 } 1387 1388 .select2-hidden-accessible { 1389 position: absolute !important; 1390 width: 1px !important; 1391 height: 1px !important; 1392 overflow: hidden !important; 1393 border: 0 !important; 1394 padding: 0 !important; 1395 clip: rect(0 0 0 0) !important; 1396 clip-path: inset(50%) !important; 1397 white-space: nowrap !important; 1398 } 1399 1400 /* ========================================================================== 1401 #FEEDBACK MODAL 1402 ========================================================================== */ 1403 body.modal-open { 1404 overflow: hidden; 1405 } 1406 1407 body.feedback-modal-open #style-manager-user-feedback-modal .modal { 1408 overflow-x: hidden; 1409 overflow-y: auto; 1410 visibility: visible; 1411 opacity: 1; 1412 transform: translate(0, 0); 1413 } 1414 1415 #style-manager-user-feedback-modal { 1416 height: 100%; 1417 } 1418 #style-manager-user-feedback-modal .modal { 1419 position: relative; 1420 height: 100%; 1421 display: flex; 1422 align-items: center; 1423 top: 0; 1424 right: 0; 1425 bottom: 0; 1426 left: 0; 1427 z-index: 1050; 1428 opacity: 0; 1429 visibility: hidden; 1430 overflow: hidden; 1431 outline: 0; 1432 transition: all 0.3s ease; 1433 transform: translate(0, -10%); 1434 font-family: "Galano Grotesque Alt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1435 font-weight: 400; 1436 font-size: 16px; 1437 line-height: 1.7; 1438 } 1439 #style-manager-user-feedback-modal .modal-dialog { 1440 position: relative; 1441 width: auto; 1442 margin: 10px; 1443 text-align: left; 1444 } 1445 #style-manager-user-feedback-modal .modal-content { 1446 position: relative; 1447 display: flex; 1448 flex-direction: column; 1449 background-color: #fff; 1450 background-clip: padding-box; 1451 border: none; 1452 border-radius: 4px; 1453 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); 1454 outline: 0; 1455 } 1456 #style-manager-user-feedback-modal .modal-content p { 1457 color: #000; 1458 } 1459 #style-manager-user-feedback-modal .modal-content p a { 1460 font-weight: 500; 1461 color: #9660C6; 1462 border-bottom: 1px solid #9660C6; 1463 } 1464 #style-manager-user-feedback-modal .modal-content > form { 1465 margin-bottom: 20px; 1466 } 1467 #style-manager-user-feedback-modal .modal-backdrop { 1468 position: fixed; 1469 top: 0; 1470 right: 0; 1471 bottom: 0; 1472 left: 0; 1473 z-index: 1040; 1474 background-color: #000; 1475 opacity: 0; 1476 visibility: hidden; 1477 transition: all 0.3s ease; 1478 } 1479 .feedback-modal-open #style-manager-user-feedback-modal .modal-backdrop { 1480 opacity: 0.8; 1481 visibility: visible; 1482 } 1483 #style-manager-user-feedback-modal .modal-header { 1484 display: flex; 1485 align-items: flex-start; 1486 justify-content: space-between; 1487 padding: 30px 48px 10px 48px; 1488 } 1489 #style-manager-user-feedback-modal .modal-header .close.button { 1490 top: -10px; 1491 } 1492 #style-manager-user-feedback-modal .modal-header .close.icon { 1493 opacity: 0.5; 1494 } 1495 #style-manager-user-feedback-modal .modal-header .close:hover { 1496 opacity: 1; 1497 } 1498 #style-manager-user-feedback-modal .modal-title { 1499 margin-bottom: 10px; 1500 line-height: 1.5; 1501 } 1502 #style-manager-user-feedback-modal .modal-title.modal-title--small { 1503 font-weight: 500; 1504 } 1505 #style-manager-user-feedback-modal .modal-body { 1506 position: relative; 1507 flex: 1 1 auto; 1508 padding: 30px 30px 0 30px; 1509 } 1510 #style-manager-user-feedback-modal .modal-body.full { 1511 padding: 0; 1512 } 1513 #style-manager-user-feedback-modal .modal-body.full .box { 1514 padding-top: 0; 1515 padding-bottom: 0; 1516 margin-top: 0; 1517 } 1518 #style-manager-user-feedback-modal .modal-body.full + .modal-footer.full .box { 1519 padding-top: 18px; 1520 } 1521 #style-manager-user-feedback-modal .modal-footer { 1522 padding: 30px; 1523 text-align: center; 1524 } 1525 #style-manager-user-feedback-modal .modal-footer .box .button:last-child { 1526 margin-bottom: 0; 1527 } 1528 #style-manager-user-feedback-modal .modal-footer.full { 1529 padding: 0; 1530 } 1531 #style-manager-user-feedback-modal .modal-scrollbar-measure { 1532 position: absolute; 1533 top: -9999px; 1534 width: 50px; 1535 height: 50px; 1536 overflow: scroll; 1537 } 1538 #style-manager-user-feedback-modal .modal-state { 1539 display: none; 1540 } 1541 #style-manager-user-feedback-modal .modal-state:checked + .modal { 1542 opacity: 1; 1543 visibility: visible; 1544 } 1545 #style-manager-user-feedback-modal .modal-state:checked + .modal .modal__inner { 1546 top: 0; 1547 } 1548 1549 @media (min-width: 576px) { 1550 #style-manager-user-feedback-modal .modal-dialog { 1551 max-width: 655px; 1552 margin: 30px auto; 1553 } 1554 #style-manager-user-feedback-modal .modal-sm { 1555 max-width: 300px; 1556 } 1557 } 1558 @media (min-width: 576px) { 1559 #style-manager-user-feedback-modal .modal-lg { 1560 max-width: 800px; 1561 } 1562 } 1563 #style-manager-user-feedback .modal-body .box { 1564 position: relative; 1565 flex-direction: column; 1566 display: flex; 1567 flex-wrap: nowrap; 1568 align-items: center; 1569 margin: 20px 0; 1570 padding: 16px 52px; 1571 border-radius: 4px; 1572 } 1573 #style-manager-user-feedback .modal-body .box > * { 1574 width: 100%; 1575 } 1576 #style-manager-user-feedback .modal-body p { 1577 font-size: 16px; 1578 margin-bottom: 20px; 1579 } 1580 #style-manager-user-feedback .modal-body textarea { 1581 width: 100%; 1582 margin: 0; 1583 padding: 11px 18px; 1584 border: 1px solid #dddddd; 1585 border-radius: 4px; 1586 box-shadow: none; 1587 font-family: "Galano Grotesque Alt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1588 font-size: 16px; 1589 line-height: 26px; 1590 color: #473850; 1591 } 1592 #style-manager-user-feedback .modal-title { 1593 margin-top: 0; 1594 margin-bottom: 34px; 1595 font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1596 font-weight: 600; 1597 font-size: 28px; 1598 line-height: 1.4; 1599 text-align: center; 1600 } 1601 #style-manager-user-feedback .button { 1602 text-decoration: none; 1603 cursor: pointer; 1604 -webkit-font-smoothing: antialiased; 1605 position: relative; 1606 transition-duration: 0.2s; 1607 transition-timing-function: cubic-bezier(0, 0, 0.58, 1); 1608 transition-property: transform, background, background-color, color, box-shadow; 1609 display: inline-block; 1610 padding: 15px 50px; 1611 font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1612 font-size: 16px; 1613 line-height: 23px; 1614 font-weight: 600; 1615 text-align: center; 1616 background-color: #9660c6; 1617 color: #ffffff; 1618 border-radius: 4px; 1619 box-shadow: none; 1620 height: auto; 1621 width: 100%; 1622 margin-top: 20px; 1623 } 1624 #style-manager-user-feedback .button:hover { 1625 background-color: #9660c6; 1626 color: #ffffff; 1627 transform: scale(1.05) translateY(-3px); 1628 box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.7); 1629 } 1630 #style-manager-user-feedback .second-step { 1631 margin-top: 18px; 1632 } 1633 #style-manager-user-feedback .thanks-step, 1634 #style-manager-user-feedback .error-step { 1635 text-align: center; 1636 } 1637 #style-manager-user-feedback .thanks-step .modal-title, 1638 #style-manager-user-feedback .error-step .modal-title { 1639 margin-bottom: 0; 1640 } 1641 #style-manager-user-feedback .thanks-step p:last-child, 1642 #style-manager-user-feedback .error-step p:last-child { 1643 margin-bottom: 10px; 1644 } 1645 1646 .scorecard { 1647 display: flex; 1648 align-items: baseline; 1649 justify-content: space-evenly; 1650 color: #9660C6; 1651 font-family: "Galano Classic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1652 font-size: 18px; 1653 font-weight: 600; 1654 text-align: center; 1655 } 1656 .scorecard > label { 1657 font-size: 20px; 1658 } 1659 .scorecard > label span { 1660 display: block; 1661 width: 46px; 1662 border: 2px solid #9660C6; 1663 line-height: 46px; 1664 border-radius: 100%; 1665 background: #FFF; 1666 transition: all 0.25s ease; 1667 } 1668 .scorecard > label input[type=radio] { 1669 display: none; 1670 } 1671 .scorecard > label span:hover, 1672 .scorecard > label input[type=radio]:checked ~ span { 1673 background: #9660C6; 1674 color: #FFF; 1675 } 1676 1677 #customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) + li > .accordion-section-title { 1678 margin-top: calc(0.5 * var(--customizer-spacing)); 1679 } 1680 #customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title { 1681 display: flex; 1682 align-items: center; 1683 justify-content: space-between; 1684 justify-content: flex-start; 1685 border-top-width: 1px; 1686 border-bottom-width: 1px; 1687 padding-top: calc(0.75 * var(--customizer-spacing)); 1688 padding-bottom: calc(0.75 * var(--customizer-spacing)); 1689 font-size: 18px; 1690 letter-spacing: -0.01em; 1691 } 1692 #customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title:before { 1693 font-family: dashicons; 1694 font-size: 17px; 1695 -webkit-font-smoothing: antialiased; 1696 } 1697 #customize-theme-controls [id=sub-accordion-panel-style_manager_panel] > li:not(.customize-info) > .accordion-section-title:before { 1698 content: ""; 1699 width: 2em; 1700 height: 2em; 1701 margin-right: 15px; 1702 display: flex; 1703 align-items: center; 1704 justify-content: center; 1705 text-align: center; 1706 border-radius: 50%; 1707 color: var(--sm-color-palette-neutral-color-2); 1708 transform: rotate(0deg); 1709 transition: all 0.3s; 1710 } 1711 #customize-theme-controls #accordion-section-sm_color_palettes_section > .accordion-section-title:before { 1712 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); 1713 } 1714 #customize-theme-controls #accordion-section-sm_color_palettes_section:hover > .accordion-section-title:before { 1715 transform: rotate(30deg); 1716 } 1717 #customize-theme-controls #accordion-section-sm_font_palettes_section > .accordion-section-title:before { 1718 background-color: var(--sm-color-palette-accent-color-10); 1719 background-image: url("../../images/section-fonts.svg"); 1720 background-size: 20px 20px; 1721 background-repeat: no-repeat; 1722 background-position: 50% 50%; 1723 } 1724 #customize-theme-controls #accordion-section-sm_tweak_board_section > .accordion-section-title:before { 1725 background-color: var(--sm-color-palette-accent-color-6); 1726 background-image: url("../../images/section-tweak-board.svg"); 1727 background-size: 20px 20px; 1728 background-repeat: no-repeat; 1729 background-position: 50% 50%; 1730 } 1731 #customize-theme-controls #accordion-section-sm_spacing_section > .accordion-section-title:before { 1732 background: linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 35%, transparent 35%, transparent 65%, var(--sm-color-palette-accent-color-6) 65%); 1733 } 1734 #customize-theme-controls #accordion-section-sm_spacing_section:hover .accordion-section-title:before { 1735 background: linear-gradient(180deg, var(--sm-color-palette-accent-color-4) 45%, transparent 45%, transparent 55%, var(--sm-color-palette-accent-color-6) 55%); 1736 } 1737 1738 :where([id*="sm_coloration_level"], 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%)}:where([id*="sm_coloration_level"], 1739 2 [id*="sm_dark_mode_advanced"], 1740 3 [id*="sm_color_fine_tune_intro"], … … 1762 25 [id*="sm_font_accent_intro"], 1763 26 [id*="sm_font_accent"], 1764 [id*="sm_fonts_connected_fields_preset"]) { 1765 border: 0 solid var(--customizer-border-color); 1766 background: var(--sm-color-palette-accent-color-1); 1767 } 1768 :where([id*="sm_coloration_level"], 27 [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"], 1769 28 [id*="sm_dark_mode_advanced"], 1770 29 [id*="sm_color_fine_tune_intro"], … … 1792 51 [id*="sm_font_accent_intro"], 1793 52 [id*="sm_font_accent"], 1794 [id*="sm_fonts_connected_fields_preset"]) .customize-control-title { 1795 font-size: 18px; 1796 font-weight: 600; 1797 line-height: 1.3; 1798 letter-spacing: -0.02em; 1799 } 1800 1801 :where([id*="main_content_section_title_control"], 53 [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"], 1802 54 [id*="page_title_control"], 1803 55 [id*="body_color_control"], … … 1825 77 [id*="novablocks_card_title_control"], 1826 78 [id*="colors_post_meta_section_title_control"], 1827 [id*="colors_post_meta_author_control"]) { 1828 background: var(--sm-color-palette-accent-color-1); 1829 } 1830 1831 :is([id*=main_content_section_title_control], 1832 #specific) { 1833 margin-top: var(--customize-control-spacing-y); 1834 } 1835 1836 :is([id*=novablocks_card_section_title_control], 1837 [id*=colors_post_meta_section_title_control], 1838 #specific) { 1839 margin-top: var(--customize-control-spacing-y); 1840 border-top: 1px solid var(--customizer-border-color); 1841 } 1842 1843 :where([id*="main_content_section_title"], 79 [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"], 1844 80 [id*="colors_header_section_title"], 1845 81 [id*="colors_headings_section_title"], 1846 82 [id*="colors_buttons_section_title"], 1847 [id*="colors_novablocks_headline_section_title"]) { 1848 border-top: 1px solid var(--customizer-border-color); 1849 } 1850 1851 :is([id*=heading_links_color_control], 1852 [id*=menu_active_item_color_control], 1853 [id*=heading_6_color_control], 1854 [id*=solid_button_control], 1855 [id*=novablocks_headline_secondary_control], 1856 [id*=novablocks_card_title_control], 1857 [id*=colors_post_meta_author_control], 1858 #specific) { 1859 padding-bottom: var(--customize-control-spacing-y); 1860 border-bottom: 1px solid var(--customizer-border-color); 1861 } 1862 1863 :where(#customize-control-sm_coloration_level_control, 83 [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, 1864 84 #customize-control-sm_dark_mode_advanced_control, 1865 85 #customize-control-sm_color_grades_number_control, … … 1871 91 #customize-control-sm_font_body_intro_control, 1872 92 #customize-control-sm_font_accent_intro_control, 1873 #customize-control-sm_fonts_connected_fields_preset_control) { 1874 border-top-width: 1px; 1875 } 1876 1877 [id*=customize-control-sm_color_promotion_] { 1878 border-top-width: 1px; 1879 } 1880 [id*=customize-control-sm_color_promotion_] + [id*=customize-control-sm_color_promotion_] { 1881 border-top-width: 0; 1882 } 1883 1884 :where(#customize-control-sm_coloration_level_control, 93 #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, 1885 94 #customize-control-sm_dark_mode_advanced_control, 1886 95 #customize-control-sm_color_fine_tune_intro_control, … … 1894 103 #customize-control-sm_font_secondary_pitch_control, 1895 104 #customize-control-sm_font_body_pitch_control, 1896 #customize-control-sm_font_accent_control) { 1897 border-bottom-width: 1px; 1898 } 1899 :where(#customize-control-sm_coloration_level_control, 105 #customize-control-sm_font_accent_control){border-bottom-width:1px}:where(#customize-control-sm_coloration_level_control, 1900 106 #customize-control-sm_dark_mode_advanced_control, 1901 107 #customize-control-sm_color_fine_tune_intro_control, … … 1909 115 #customize-control-sm_font_secondary_pitch_control, 1910 116 #customize-control-sm_font_body_pitch_control, 1911 #customize-control-sm_font_accent_control).customize-control[class] { 1912 padding-bottom: var(--customize-control-spacing-y); 1913 } 1914 1915 :is(#customize-control-sm_font_primary_control, 1916 #customize-control-sm_font_secondary_control, 1917 #customize-control-sm_font_body_control, 1918 #customize-control-sm_font_accent_control) { 1919 padding-top: 0; 1920 } 1921 1922 [id=customize-control-sm_colorize_elements_button_control] { 1923 padding: 0; 1924 } 1925 [id=customize-control-sm_colorize_elements_button_control] .sm-panel-toggle { 1926 border-top: 0; 1927 } 1928 1929 .sm-blinds, 1930 .sm-group__body, 1931 .sm-blinds__header, 1932 .sm-blinds__body, 1933 .sm-panel-toggle { 1934 border: 0 solid var(--customizer-border-color); 1935 } 1936 1937 .sm-group__body, 1938 .sm-blinds__header, 1939 .sm-blinds__body, 1940 .sm-panel-toggle { 1941 padding: var(--customize-control-spacing-y) var(--customize-control-spacing-x); 1942 background: var(--sm-color-palette-accent-color-1); 1943 border-top-width: 1px; 1944 } 1945 1946 .sm-group__body:last-child, 1947 .sm-blinds:last-child, 1948 .sm-panel-toggle:last-child { 1949 border-bottom-width: 1px; 1950 } 1951 1952 .sm-panel-toggle { 1953 display: flex; 1954 align-items: center; 1955 width: 100%; 1956 font-size: 15px; 1957 font-weight: 500; 1958 line-height: 1.3; 1959 letter-spacing: -0.02em; 1960 cursor: pointer; 1961 transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border-color ease-in-out; 1962 } 1963 .sm-panel-toggle:after { 1964 content: "\f345"; 1965 font: normal 20px/1 dashicons; 1966 speak: never; 1967 display: block; 1968 margin-left: auto; 1969 color: var(--sm-color-palette-accent-color-5); 1970 -webkit-font-smoothing: antialiased; 1971 -moz-osx-font-smoothing: grayscale; 1972 transition: 0.15s color ease-in-out, 0.15s background-color ease-in-out, 0.15s border-color ease-in-out; 1973 } 1974 .sm-panel-toggle:hover { 1975 background: var(--sm-color-palette-accent-color-2); 1976 } 1977 .sm-panel-toggle:hover:after { 1978 color: var(--sm-color-palette-accent-color-8); 1979 } 1980 1981 .sm-panel-toggle__icon + .sm-panel-toggle__label { 1982 margin-left: 10px; 1983 } 1984 1985 .sm-panel-toggle__icon svg { 1986 display: block; 1987 width: 24px; 1988 } 1989 1990 .customize-control-html[id=sm-group__separator] { 1991 background: var(--sm-color-palette-accent-color-2); 1992 } 1993 1994 .sm-group { 1995 margin-top: var(--customize-control-spacing-y); 1996 } 1997 1998 .wp-full-overlay-sidebar, .wp-full-overlay-sidebar *, .wp-full-overlay-sidebar *:before, .wp-full-overlay-sidebar *:after { 1999 box-sizing: border-box; 2000 } 2001 2002 .sm-control + .sm-control { 2003 margin-top: calc(2 * var(--customizer-spacing)); 2004 } 2005 .sm-control__header + .sm-control__body { 2006 margin-top: var(--customizer-spacing); 2007 } 2008 .sm-control__body + .sm-control__footer { 2009 margin-top: var(--customizer-spacing); 2010 } 2011 .sm-control__label { 2012 font-size: 16px; 2013 font-weight: 500; 2014 letter-spacing: -0.01em; 2015 } 2016 2017 .customize-control:is([id*=dark_color_switch_slider], 2018 [id*=dark_color_select_slider], 2019 [id*=advanced_palette_output], 2020 [id*=text_color_switch_master], 2021 [id*=accent_color_switch_master], 2022 [id*=text_color_select_master], 2023 [id*=accent_color_select_master]) { 2024 display: none; 2025 } 2026 2027 /* prototype for having brand colors always visible 2028 and other section use the available space 2029 */ 2030 #sub-accordion-section-sm_color_palettes_section, 2031 #customize-control-sm_advanced_palette_source_control, 2032 #customize-control-sm_advanced_palette_source_control > div, 2033 #customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child { 2034 display: flex !important; 2035 flex-direction: column; 2036 flex-grow: 1; 2037 } 2038 2039 #customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child > .sm-blinds--open { 2040 display: flex; 2041 flex-direction: column; 2042 flex-grow: 1; 2043 } 2044 #customize-control-sm_advanced_palette_source_control > div > .sm-group:last-child > .sm-blinds--open > .sm-blinds__body { 2045 flex: 1 0 0; 2046 overflow: auto; 2047 min-height: 400px; 2048 } 2049 2050 /* Remove customizer transitions on complex navigation to avoid confusing the user */ 2051 .sm-customizer-shortcut-busy .customize-pane-child, 2052 .sm-customizer-shortcut-busy .customize-pane-parent { 2053 opacity: 0.25 !important; 2054 cursor: progress !important; 2055 } 2056 .sm-customizer-shortcut-busy .customize-pane-child > *, 2057 .sm-customizer-shortcut-busy .customize-pane-parent > * { 2058 pointer-events: none; 2059 } 2060 2061 @media (min-width: 782px) { 2062 .customize-control-sidebar_block_editor .customize-widgets-header { 2063 margin-bottom: 0; 2064 } 2065 } 2066 #customize-theme-controls .control-section[class] .accordion-section-title { 2067 font-weight: normal; 2068 padding: calc(0.5 * var(--customizer-spacing)) var(--customizer-spacing); 2069 padding-right: calc(2 * var(--customizer-spacing)); 2070 color: var(--customizer-text-color); 2071 background: var(--sm-color-palette-neutral-color-1); 2072 border: 0 solid var(--customizer-border-color); 2073 border-top-width: 1px; 2074 } 2075 #customize-theme-controls .control-section[class] .accordion-section-title:after { 2076 color: var(--sm-color-palette-neutral-color-3); 2077 } 2078 #customize-theme-controls .control-section[class]:last-child > .accordion-section-title { 2079 border-bottom-width: 1px; 2080 } 2081 #customize-theme-controls .control-section[class]:hover > .accordion-section-title { 2082 background: var(--sm-color-palette-accent-color-2); 2083 color: var(--sm-color-palette-accent-color-7); 2084 } 2085 #customize-theme-controls .control-section[class]:hover > .accordion-section-title:after { 2086 color: currentColor; 2087 } 2088 2089 #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 { 2090 border-bottom-width: 1px; 2091 margin-bottom: 10px; 2092 } 2093 2094 #customize-theme-controls #accordion-section-title_tagline .accordion-section-title, 2095 #customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title, 2096 #customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title { 2097 display: flex; 2098 align-items: center; 2099 justify-content: space-between; 2100 } 2101 #customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before, 2102 #customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before, 2103 #customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before { 2104 font-family: dashicons; 2105 font-size: 17px; 2106 -webkit-font-smoothing: antialiased; 2107 } 2108 #customize-theme-controls #accordion-section-title_tagline .accordion-section-title:before, 2109 #customize-theme-controls #accordion-panel-style_manager_panel .accordion-section-title:before, 2110 #customize-theme-controls #accordion-panel-theme_options_panel .accordion-section-title:before { 2111 color: var(--sm-color-palette-neutral-color-3); 2112 order: 2; 2113 } 2114 #customize-theme-controls #accordion-section-title_tagline > .accordion-section-title:before { 2115 content: "\f110"; 2116 color: var(--sm-color-palette-neutral-color-4); 2117 } 2118 #customize-theme-controls #accordion-section-title_tagline > .accordion-section-title img { 2119 display: none !important; 2120 } 2121 #customize-theme-controls #accordion-panel-style_manager_panel > .accordion-section-title:before { 2122 content: "\f155"; 2123 font-size: 18px; 2124 line-height: 1; 2125 color: #F8BC30; 2126 } 2127 #customize-theme-controls #accordion-panel-theme_options_panel > .accordion-section-title:before { 2128 content: "\f538"; 2129 } 2130 2131 #customize-save-button-wrapper { 2132 display: flex; 2133 align-items: stretch; 2134 margin-top: 6px; 2135 } 2136 2137 .customize-controls-close { 2138 width: 45px; 2139 height: 45px; 2140 padding: 0; 2141 border-top: 0; 2142 color: var(--sm-color-palette-neutral-color-3); 2143 background: var(--sm-color-palette-neutral-color-1); 2144 border-color: var(--customizer-border-color); 2145 } 2146 .customize-controls-close:focus, .customize-controls-close:hover { 2147 background: var(--sm-color-palette-neutral-color-2); 2148 } 2149 .customize-controls-close:before { 2150 top: 0; 2151 } 2152 2153 #customize-controls #customize-theme-controls .customize-info, 2154 #customize-controls #customize-theme-controls .customize-section-title { 2155 display: flex; 2156 flex-wrap: wrap; 2157 flex-grow: 1; 2158 } 2159 #customize-controls #customize-theme-controls .customize-info > .customize-control-notifications-container, 2160 #customize-controls #customize-theme-controls .customize-section-title > .customize-control-notifications-container { 2161 flex-basis: 100%; 2162 } 2163 #customize-controls #customize-theme-controls .customize-info > .accordion-section-title, 2164 #customize-controls #customize-theme-controls .customize-section-title > h3 { 2165 flex-grow: 1; 2166 margin-left: 0; 2167 } 2168 #customize-controls #customize-theme-controls .customize-panel-back, 2169 #customize-controls #customize-theme-controls .customize-section-back { 2170 position: relative; 2171 width: 45px; 2172 height: auto; 2173 padding: 0; 2174 color: var(--sm-color-palette-neutral-color-3); 2175 border-color: var(--customizer-border-color); 2176 border-left: 0; 2177 } 2178 #customize-controls #customize-theme-controls .customize-panel-back:before, 2179 #customize-controls #customize-theme-controls .customize-section-back:before { 2180 position: absolute; 2181 top: 50%; 2182 left: 50%; 2183 transform: translate(-40%, -50%); 2184 line-height: 1; 2185 } 2186 #customize-controls #customize-theme-controls .customize-panel-back:focus, 2187 #customize-controls #customize-theme-controls .customize-section-back:focus { 2188 background: var(--sm-color-palette-neutral-color-1); 2189 } 2190 #customize-controls #customize-theme-controls .customize-panel-back:hover, 2191 #customize-controls #customize-theme-controls .customize-section-back:hover { 2192 background: var(--sm-color-palette-neutral-color-2); 2193 color: var(--sm-color-palette-neutral-color-6); 2194 } 2195 2196 #customize-controls .customize-pane-child .customize-section-title h3, 2197 #customize-controls .customize-pane-child h3.customize-section-title, 2198 #customize-outer-theme-controls .customize-pane-child .customize-section-title h3, 2199 #customize-outer-theme-controls .customize-pane-child h3.customize-section-title, 2200 #customize-controls .customize-info .panel-title { 2201 font-weight: 400; 2202 } 2203 2204 .customize-controls-preview-toggle { 2205 background-color: var(--customizer-background-color); 2206 border-color: var(--customizer-border-color); 2207 } 2208 2209 .in-sub-panel .wp-full-overlay-sidebar .wp-full-overlay-header { 2210 padding-left: 45px; 2211 } 2212 2213 .wp-full-overlay-sidebar .wp-full-overlay-header { 2214 height: 46px; 2215 } 2216 2217 #customize-theme-controls .separator.label { 2218 display: block; 2219 font-size: 14px; 2220 line-height: 24px; 2221 font-weight: 500; 2222 } 2223 #customize-theme-controls .separator.large { 2224 margin-top: calc(0.5 * var(--customizer-spacing)); 2225 font-size: 16px; 2226 } 2227 #customize-theme-controls .separator.section:before, #customize-theme-controls .separator.sub-section:before { 2228 content: ""; 2229 position: absolute; 2230 top: 0; 2231 bottom: 0; 2232 left: calc(-1 * var(--customizer-spacing)); 2233 right: calc(-1 * var(--customizer-spacing)); 2234 z-index: -1; 2235 border-width: 1px 0; 2236 border-style: solid; 2237 border-color: var(--customizer-border-color); 2238 background-color: var(--customizer-background-color); 2239 } 2240 #customize-theme-controls .separator.section + .customize-control-description, #customize-theme-controls .separator.sub-section + .customize-control-description { 2241 margin-top: var(--customizer-spacing); 2242 } 2243 #customize-theme-controls .separator.section { 2244 position: relative; 2245 padding: 14px 0; 2246 margin-bottom: 0; 2247 background: none; 2248 border: none; 2249 } 2250 #customize-theme-controls .separator.section:before { 2251 border-width: 1px 0; 2252 } 2253 #customize-theme-controls .separator.sub-section { 2254 position: relative; 2255 padding: 12px 0; 2256 } 2257 #customize-theme-controls .separator.sub-section:before { 2258 border-width: 1px 0; 2259 background-color: var(--sm-color-palette-neutral-color-1); 2260 } 2261 2262 .customize-control.menu-item .menu-item-settings { 2263 background-color: var(--customizer-background-color); 2264 } 2265 2266 .customize-section-description-container + #customize-control-custom_css:last-child { 2267 margin: 0; 2268 padding: 0; 2269 width: auto; 2270 } 2271 2272 .customize-section-title { 2273 margin: 0; 2274 background: var(--sm-color-palette-neutral-color-1); 2275 border-color: var(--customizer-border-color); 2276 } 2277 2278 .customize-section-description[class] { 2279 margin-top: 0; 2280 padding: var(--customizer-spacing); 2281 } 2282 2283 #customize-controls[id] { 2284 color: var(--sm-color-palette-neutral-text-color-1); 2285 background: var(--customizer-background-color); 2286 border-color: var(--customizer-border-color); 2287 } 2288 #customize-controls[id] .customize-info.is-in-view, 2289 #customize-controls[id] .customize-section-title.is-in-view { 2290 z-index: 100; 2291 box-shadow: none; 2292 } 2293 #customize-controls[id] .description { 2294 color: inherit; 2295 } 2296 #customize-controls[id] .accordion-section-content { 2297 color: inherit; 2298 } 2299 #customize-controls[id] .accordion-section-content:not(.ui-sortable) { 2300 padding: 0; 2301 } 2302 #customize-controls[id] .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), 2303 #customize-controls[id] .control-panel-nav_menus .control-section-nav_menu, 2304 #customize-controls[id] .control-section-nav_menu_locations .accordion-section-title { 2305 border-top: 0; 2306 } 2307 #customize-controls[id] .customize-info { 2308 border-color: var(--customizer-border-color); 2309 } 2310 #customize-controls[id] .customize-info .customize-panel-description, 2311 #customize-controls[id] .customize-info .customize-section-description { 2312 padding: var(--customizer-spacing); 2313 border-color: var(--customizer-border-color); 2314 background: var(--sm-color-palette-neutral-color-1); 2315 color: var(--customizer-text-color); 2316 } 2317 2318 #customize-header-actions, 2319 #customize-footer-actions { 2320 background: var(--sm-color-palette-neutral-color-1); 2321 border-color: var(--customizer-border-color); 2322 } 2323 /*!*****************************************************************************************************************************************************************************!*\ 2324 !*** 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 ***! 2325 \*****************************************************************************************************************************************************************************/ 2326 [id][id=customize-control-sm_advanced_palette_source_control] { 2327 padding: 0; 2328 } 2329 2330 .c-palette-builder > * + * { 2331 margin-top: var(--sm-customizer-spacing); 2332 } 2333 2334 .c-palette-builder__source-list + .c-palette-builder__source-list { 2335 margin-top: 10px; 2336 } 2337 2338 .c-palette-builder__source-item-label[class][class] { 2339 display: block; 2340 flex: 1 1 auto; 2341 padding: 0; 2342 border: 0; 2343 font-size: inherit; 2344 line-height: inherit; 2345 background: none; 2346 } 2347 2348 .c-palette-builder__source-item-color { 2349 position: relative; 2350 } 2351 .c-palette-builder__source-item-color--active .c-palette-builder__source-item-preview { 2352 box-shadow: var(--sm-color-palette-accent-color-6) 0 0 0 var(--customizer-field-border-width); 2353 } 2354 .c-palette-builder__source-item-color:not(.c-palette-builder__source-item-color--active) .c-palette-builder__source-item-picker { 2355 transform: translateY(-1em); 2356 opacity: 0; 2357 pointer-events: none; 2358 } 2359 2360 .c-palette-builder__source-item-picker { 2361 position: absolute; 2362 top: 100%; 2363 left: 0; 2364 z-index: 100; 2365 margin-top: 0.66em; 2366 transition: var(--sm-transition); 2367 transition-property: opacity, transform; 2368 } 2369 2370 .c-palette-builder__source-item-preview { 2371 width: 2.4em; 2372 height: 2.4em; 2373 margin-right: 0.4em; 2374 background-color: currentColor; 2375 border-radius: 50%; 2376 flex: 0 0 auto; 2377 position: relative; 2378 border: var(--customizer-field-border-width) solid var(--sm-color-palette-accent-color-2); 2379 } 2380 .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 { 2381 content: ""; 2382 display: block; 2383 position: absolute; 2384 top: 0; 2385 right: 0; 2386 bottom: 0; 2387 left: 0; 2388 background-color: currentColor; 2389 border-radius: 50%; 2390 } 2391 .c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:before { 2392 background-image: conic-gradient(from 90deg, var(--sm-source-main-color), currentColor); 2393 transform: scale(0.8); 2394 } 2395 .c-palette-builder__source-item:not(:first-child) .c-palette-builder__source-item-preview:after { 2396 transform: scale(0.3); 2397 } 2398 2399 [class][class] .c-palette-builder__source-group:not(:last-child) { 2400 margin-bottom: 0.6em; 2401 } 2402 [class][class] .c-palette-builder__source-item { 2403 display: flex; 2404 align-items: center; 2405 font-size: 15px; 2406 line-height: 1.5; 2407 padding: 0.6em; 2408 background: var(--sm-color-palette-accent-color-2); 2409 transition: var(--sm-transition); 2410 transition-property: box-shadow; 2411 cursor: pointer; 2412 } 2413 [class][class] .c-palette-builder__source-item:not(:last-child) { 2414 padding-bottom: 0.4em; 2415 } 2416 [class][class] .c-palette-builder__source-item:not(:first-child) { 2417 padding-top: 0.4em; 2418 } 2419 [class][class] .c-palette-builder__source-item:first-child { 2420 border-top-left-radius: 1.75em; 2421 border-top-right-radius: 1.75em; 2422 } 2423 [class][class] .c-palette-builder__source-item:last-child { 2424 border-bottom-left-radius: 1.75em; 2425 border-bottom-right-radius: 1.75em; 2426 } 2427 [class][class] .c-palette-builder__source-item:hover { 2428 box-shadow: var(--sm-customizer-box-shadow-1); 2429 } 2430 [class][class] .c-palette-builder__source-item .c-contextual-menu { 2431 transition: var(--sm-transition); 2432 transition-property: opacity; 2433 } 2434 [class][class] .c-palette-builder__source-item:not(.c-palette-builder__source-item--active) .c-contextual-menu { 2435 opacity: 0; 2436 } 2437 [class][class] .c-palette-builder__source-item > * + * { 2438 margin-left: 5px; 2439 } 2440 2441 .c-palette-builder__source-item-picker { 2442 padding: 10px; 2443 background: var(--sm-color-palette-accent-color-1); 2444 box-shadow: var(--sm-customizer-box-shadow-2); 2445 border-radius: 0.25em; 2446 } 2447 .c-palette-builder__source-item-picker .react-colorful__saturation, 2448 .c-palette-builder__source-item-picker .react-colorful__hue { 2449 border-radius: 0; 2450 margin-bottom: 10px; 2451 } 2452 .c-palette-builder__source-item-picker .react-colorful__saturation { 2453 border-bottom: 0; 2454 } 2455 .c-palette-builder__source-item-picker .react-colorful__hue { 2456 height: 0.5em; 2457 } 2458 .c-palette-builder__source-item-picker .react-colorful__pointer { 2459 height: 1.2em; 2460 width: 1.2em; 2461 } 2462 /*!*******************************************************************************************************************************************************************************!*\ 2463 !*** 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 ***! 2464 \*******************************************************************************************************************************************************************************/ 2465 .c-contextual-menu { 2466 position: relative; 2467 } 2468 2469 .c-contextual-menu__toggle { 2470 width: 2.4em; 2471 height: 2.4em; 2472 border-radius: 999em; 2473 color: var(--sm-color-palette-accent-text-color-1); 2474 outline: 0; 2475 transition: var(--sm-transition); 2476 transition-property: background-color; 2477 } 2478 .c-contextual-menu__toggle:before { 2479 content: ""; 2480 position: absolute; 2481 top: 50%; 2482 left: 50%; 2483 width: 0.2em; 2484 height: 0.2em; 2485 border-radius: 999em; 2486 background-color: currentColor; 2487 box-shadow: currentColor 0.4em 0 0 0, currentColor -0.4em 0 0 0; 2488 transform: translate(-50%, -50%); 2489 } 2490 .c-contextual-menu__toggle span { 2491 display: block; 2492 text-indent: -999em; 2493 } 2494 .c-contextual-menu--visible .c-contextual-menu__toggle, .c-contextual-menu:hover .c-contextual-menu__toggle { 2495 background-color: var(--sm-color-palette-accent-color-3); 2496 } 2497 2498 .c-contextual-menu__list { 2499 position: absolute; 2500 top: 100%; 2501 right: 0; 2502 z-index: 100; 2503 width: 15em; 2504 margin-top: 0.66em; 2505 padding: 0.75em 0; 2506 border-radius: 0.25em; 2507 background: var(--sm-color-palette-accent-color-1); 2508 box-shadow: var(--sm-customizer-box-shadow-2); 2509 transition: var(--sm-transition); 2510 transition-property: opacity, transform, box-shadow; 2511 } 2512 .c-contextual-menu--hidden .c-contextual-menu__list { 2513 box-shadow: var(--sm-customizer-box-shadow-0); 2514 transform: translateY(-1em); 2515 opacity: 0; 2516 pointer-events: none; 2517 } 2518 2519 .c-contextual-menu__list-item { 2520 padding: 0.75em 1.25em; 2521 cursor: pointer; 2522 } 2523 .c-contextual-menu__list-item:hover { 2524 background: var(--sm-color-palette-accent-color-2); 2525 } 2526 2527 .c-contextual-menu__list-item--danger { 2528 color: red; 2529 } 2530 /*!*************************************************************************************************************************************************************************!*\ 2531 !*** 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 ***! 2532 \*************************************************************************************************************************************************************************/ 2533 .sm-blinds__header { 2534 display: flex; 2535 align-items: center; 2536 justify-content: space-between; 2537 font-size: 15px; 2538 line-height: 1.4; 2539 letter-spacing: -0.03em; 2540 cursor: pointer; 2541 } 2542 .sm-blinds:not(:first-child) .sm-blinds__header { 2543 border-top: 1px solid var(--customizer-border-color); 2544 } 2545 2546 .sm-blinds__body { 2547 border-top: 1px solid var(--customizer-border-color); 2548 } 2549 .sm-blinds--closed .sm-blinds__body { 2550 display: none; 2551 } 2552 2553 .sm-blinds__toggle { 2554 position: relative; 2555 width: 14px; 2556 } 2557 .sm-blinds__toggle:before, .sm-blinds__toggle:after { 2558 content: ""; 2559 display: block; 2560 width: 14px; 2561 height: 14px; 2562 position: absolute; 2563 top: 50%; 2564 left: 50%; 2565 margin-top: -7px; 2566 margin-left: -7px; 2567 background: var(--sm-color-palette-accent-color-5); 2568 } 2569 .sm-blinds__toggle:before { 2570 height: 2px; 2571 margin-top: -1px; 2572 } 2573 .sm-blinds__toggle:after { 2574 width: 2px; 2575 margin-left: -1px; 2576 } 2577 .sm-blinds--open .sm-blinds__toggle:after { 2578 display: none; 2579 } 2580 /*!****************************************************************************************************************************************************************************!*\ 2581 !*** 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 ***! 2582 \****************************************************************************************************************************************************************************/ 2583 .sm-presets-list { 2584 display: grid; 2585 grid-template-columns: repeat(2, 1fr); 2586 grid-gap: 10px; 2587 } 2588 2589 .sm-presets-preview { 2590 position: relative; 2591 background-position: center center; 2592 background-size: cover; 2593 cursor: pointer; 2594 } 2595 .sm-presets-preview.sm-presets-preview--active .sm-presets-preview__pixel, .sm-presets-preview:hover .sm-presets-preview__pixel { 2596 top: 0; 2597 } 2598 .sm-presets-preview:not(:hover):not(.sm-presets-preview--active) .sm-presets-preview__pixel { 2599 --moveY: calc( 100% * var(--p) / 10 ); 2600 --scaleY: calc( var(--w) / 10 ); 2601 transform: translateY(var(--moveY)) scaleY(var(--scaleY)) scaleX(1.1); 2602 } 2603 .sm-presets-preview:before { 2604 content: ""; 2605 display: block; 2606 padding-top: 100%; 2607 } 2608 2609 .sm-presets-preview__quote { 2610 position: absolute; 2611 top: 0; 2612 left: 0; 2613 z-index: 10; 2614 width: 100%; 2615 height: 100%; 2616 padding: 0.5em; 2617 font-size: 15px; 2618 font-weight: 600; 2619 line-height: 1.2; 2620 opacity: 0; 2621 transition: opacity 0.2s ease-out; 2622 } 2623 2624 .sm-presets-preview__stripes { 2625 position: absolute; 2626 top: 0; 2627 left: 0; 2628 width: 100%; 2629 height: 100%; 2630 display: flex; 2631 flex-direction: row-reverse; 2632 } 2633 2634 .sm-presets-preview--active .sm-presets-preview__quote { 2635 opacity: 1; 2636 transition-delay: 0.3s; 2637 } 2638 .sm-presets-preview--active .sm-presets-preview__stripe-w4 { 2639 width: 100%; 2640 } 2641 .sm-presets-preview--active .sm-presets-preview__stripe:not(.sm-presets-preview__stripe-w4) { 2642 width: 0; 2643 } 2644 2645 .sm-presets-preview__stripe { 2646 position: relative; 2647 overflow: hidden; 2648 width: calc(10% * var(--w)); 2649 transition: all 0.5s cubic-bezier(0.54, -0.47, 0.1, 1); 2650 } 2651 2652 .sm-presets-preview__pixel { 2653 position: absolute; 2654 width: 100%; 2655 height: 100%; 2656 background: currentColor; 2657 transition: all 0.5s cubic-bezier(0.54, -0.47, 0.1, 1); 2658 transform: scaleX(1.1); 2659 transform-origin: 50% 0; 2660 pointer-events: none; 2661 } 2662 2663 .sm-presets-preview__stripe-p0 { 2664 --p: 0; 2665 } 2666 2667 .sm-presets-preview__stripe-p1 { 2668 --p: 1; 2669 } 2670 2671 .sm-presets-preview__stripe-p2 { 2672 --p: 2; 2673 } 2674 2675 .sm-presets-preview__stripe-p3 { 2676 --p: 3; 2677 } 2678 2679 .sm-presets-preview__stripe-p4 { 2680 --p: 4; 2681 } 2682 2683 .sm-presets-preview__stripe-p5 { 2684 --p: 5; 2685 } 2686 2687 .sm-presets-preview__stripe-p6 { 2688 --p: 6; 2689 } 2690 2691 .sm-presets-preview__stripe-p7 { 2692 --p: 7; 2693 } 2694 2695 .sm-presets-preview__stripe-p8 { 2696 --p: 8; 2697 } 2698 2699 .sm-presets-preview__stripe-p9 { 2700 --p: 9; 2701 } 2702 2703 .sm-presets-preview__stripe-w1 { 2704 --w: 1; 2705 } 2706 2707 .sm-presets-preview__stripe-w2 { 2708 --w: 2; 2709 } 2710 2711 .sm-presets-preview__stripe-w4 { 2712 --w: 4; 2713 } 2714 /*!************************************************************************************************************************************************************************!*\ 2715 !*** 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 ***! 2716 \************************************************************************************************************************************************************************/ 2717 .dropzone > :not(:first-child) { 2718 margin-top: var(--customizer-spacing); 2719 } 2720 2721 .dropzone-container { 2722 position: relative; 2723 margin: 0; 2724 text-align: center; 2725 } 2726 .dropzone-container:before { 2727 content: ""; 2728 display: block; 2729 padding-top: 100%; 2730 } 2731 .dropzone-container .sm-presets-preview { 2732 position: absolute; 2733 top: 0; 2734 left: 0; 2735 z-index: 10; 2736 width: 100%; 2737 height: 100%; 2738 } 2739 2740 .dropzone-placeholder { 2741 position: absolute; 2742 top: 0; 2743 left: 0; 2744 width: 100%; 2745 height: 100%; 2746 display: flex; 2747 align-items: center; 2748 justify-content: center; 2749 border: 2px dashed var(--sm-color-palette-accent-color-4); 2750 border-radius: 0.5em; 2751 background: var(--sm-color-palette-accent-color-2); 2752 } 2753 2754 .dropzone-info { 2755 padding: 1em; 2756 } 2757 2758 .dropzone-info-icon { 2759 margin-bottom: 10px; 2760 } 2761 .dropzone-info-icon svg { 2762 display: block; 2763 width: 32px; 2764 max-width: 100%; 2765 margin-left: auto; 2766 margin-right: auto; 2767 } 2768 2769 .dropzone-info-title { 2770 font-size: 18px; 2771 font-weight: 500; 2772 line-height: 1.5; 2773 letter-spacing: -0.03em; 2774 } 2775 2776 .dropzone-info-anchor { 2777 color: var(--sm-color-palette-accent-color-6); 2778 text-decoration: underline; 2779 } 2780 2781 .dropzone-image-source { 2782 display: none; 2783 } 2784 2785 .dropzone-canvas { 2786 display: none; 2787 } 2788 2789 img:not([src]) { 2790 display: none; 2791 } 2792 2793 .dropzone-image-preview { 2794 position: absolute; 2795 top: 0; 2796 left: 0; 2797 width: 100%; 2798 height: 100%; 2799 object-fit: cover; 2800 } 2801 /*!****************************************************************************************************************************************************************************!*\ 2802 !*** 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 ***! 2803 \****************************************************************************************************************************************************************************/ 2804 .wp-full-overlay-main { 2805 background: var(--sm-color-palette-accent-color-2); 2806 } 2807 2808 .sm-preview { 2809 display: flex; 2810 flex-direction: column; 2811 position: absolute; 2812 top: 0; 2813 right: 18px; 2814 bottom: 0; 2815 left: 18px; 2816 z-index: 10; 2817 pointer-events: none; 2818 } 2819 .sm-preview *, .sm-preview *:before, .sm-preview *:after { 2820 box-sizing: border-box; 2821 } 2822 .sm-preview:not(.sm-preview--visible) .sm-preview__header { 2823 transform: translateY(-100%); 2824 opacity: 0; 2825 } 2826 .sm-preview:not(.sm-preview--visible) .sm-preview__content { 2827 display: none; 2828 } 2829 2830 .sm-preview__header { 2831 display: flex; 2832 justify-content: center; 2833 padding: 0.75em 1em; 2834 background: var(--sm-color-palette-accent-color-2); 2835 pointer-events: auto; 2836 } 2837 2838 .sm-preview__tabs { 2839 display: flex; 2840 border: 2px solid var(--sm-color-palette-accent-color-6); 2841 color: var(--sm-color-palette-accent-color-10); 2842 border-radius: 4px; 2843 } 2844 2845 .sm-preview__tab { 2846 padding: 0.3em 1.2em 0.35em; 2847 cursor: pointer; 2848 } 2849 .sm-preview__tab + .sm-preview__tab { 2850 border-left: 2px solid var(--sm-color-palette-accent-color-6); 2851 } 2852 2853 .sm-preview__tab--active { 2854 color: var(--sm-color-palette-accent-color-1); 2855 background: var(--sm-color-palette-accent-color-6); 2856 } 2857 2858 .sm-preview__content { 2859 flex-grow: 1; 2860 position: relative; 2861 } 2862 /*!***********************************************************************************************************************************************************************!*\ 2863 !*** 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 ***! 2864 \***********************************************************************************************************************************************************************/ 2865 .sm-overlay { 2866 position: absolute; 2867 top: 0; 2868 left: 0; 2869 z-index: 9999; 2870 width: 100%; 2871 height: 100%; 2872 background: #FFFFFF; 2873 transition: all 0.2s ease; 2874 transition-property: opacity; 2875 overflow: auto; 2876 pointer-events: auto; 2877 } 2878 .sm-overlay:not(.sm-overlay--visible) { 2879 opacity: 0; 2880 pointer-events: none; 2881 } 2882 .sm-overlay__container { 2883 padding: 0 80px; 2884 } 2885 2886 .sm-overlay__wrap { 2887 max-width: 1080px; 2888 margin: 0 auto; 2889 } 2890 /*!******************************************************************************************************************************************************************************!*\ 2891 !*** 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 ***! 2892 \******************************************************************************************************************************************************************************/ 2893 .palette-preview-header { 2894 padding: 1.5em 0; 2895 background: var(--sm-current-bg-color); 2896 color: var(--sm-current-fg1-color); 2897 } 2898 2899 .palette-preview-header-wrap { 2900 display: flex; 2901 flex-wrap: wrap; 2902 align-items: center; 2903 margin-left: -60px; 2904 } 2905 .palette-preview-header-wrap > * { 2906 flex: 1 1 400px; 2907 max-width: 100%; 2908 padding-left: 60px; 2909 } 2910 2911 .palette-preview-title { 2912 font-size: 36px; 2913 font-weight: 400; 2914 line-height: 1; 2915 color: inherit; 2916 flex: 1 0 auto; 2917 } 2918 2919 .palette-preview-description { 2920 font-size: 15px; 2921 line-height: 1.4; 2922 letter-spacing: -0.02em; 2923 max-width: 480px; 2924 } 2925 2926 .palette-preview { 2927 padding: 5em 0; 2928 background: var(--sm-current-bg-color); 2929 transition: background-color 0.15s ease-out; 2930 } 2931 2932 .palette-preview-set { 2933 position: relative; 2934 display: flex; 2935 width: 100%; 2936 margin: 0 auto; 2937 --swatch-gap: 0.25em; 2938 padding: 2em 0; 2939 } 2940 2941 .palette-preview-swatches { 2942 display: flex; 2943 align-items: stretch; 2944 flex-direction: column; 2945 flex: 1 1 auto; 2946 width: 8.3333333333%; 2947 } 2948 2949 .palette-preview-swatches__text { 2950 display: flex; 2951 justify-content: center; 2952 position: absolute; 2953 left: 0; 2954 bottom: 100%; 2955 width: 100%; 2956 margin-bottom: 0.5em; 2957 font-size: 14px; 2958 font-weight: 500; 2959 letter-spacing: 0.01em; 2960 text-transform: uppercase; 2961 text-align: center; 2962 pointer-events: none; 2963 } 2964 2965 .palette-preview-swatches__wrap { 2966 position: relative; 2967 color: var(--sm-current-fg2-color); 2968 } 2969 2970 .palette-preview-swatches__wrap-foreground, 2971 .palette-preview-swatches__wrap-accent, 2972 .palette-preview-swatches__wrap-background { 2973 pointer-events: none; 2974 } 2975 2976 .palette-preview-swatches__wrap-surface, 2977 .palette-preview-swatches__wrap-foreground, 2978 .palette-preview-swatches__wrap-accent, 2979 .palette-preview-swatches__wrap-background { 2980 transition: all 0.15s ease-out; 2981 } 2982 2983 .palette-preview-swatches__wrap-surface { 2984 position: relative; 2985 z-index: 10; 2986 display: flex; 2987 flex-direction: column; 2988 align-items: center; 2989 justify-content: center; 2990 margin: -2em 0; 2991 } 2992 .palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__wrap-surface .palette-preview-swatches__text { 2993 opacity: 0; 2994 } 2995 2996 .palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground { 2997 opacity: 0; 2998 transition-delay: 0.15s; 2999 } 3000 .palette-preview-swatches__wrap.show-fg.show-accent .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text { 3001 opacity: 0; 3002 } 3003 3004 .palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground { 3005 top: 1.5em; 3006 bottom: 0; 3007 opacity: 0; 3008 } 3009 .palette-preview-swatches__wrap:not(.show-fg) .palette-preview-swatches__wrap-foreground .palette-preview-swatches__text { 3010 opacity: 0; 3011 } 3012 3013 .palette-preview-swatches__wrap:not(.show-accent):not(.show-fg) .palette-preview-swatches__wrap-accent { 3014 top: 1.5em; 3015 bottom: 0; 3016 } 3017 3018 .palette-preview-swatches__wrap:not(.show-accent) .palette-preview-swatches__wrap-accent .palette-preview-swatches__text { 3019 opacity: 0; 3020 } 3021 3022 .palette-preview-swatches__wrap-background:before { 3023 content: ""; 3024 display: block; 3025 height: 1.5em; 3026 background: var(--sm-current-accent-color); 3027 } 3028 3029 .palette-preview-swatches__wrap-accent, 3030 .palette-preview-swatches__wrap-foreground, 3031 .palette-preview-swatches__wrap-background { 3032 position: absolute; 3033 top: 0; 3034 left: 0; 3035 right: 0; 3036 bottom: 0; 3037 background-color: currentColor; 3038 } 3039 3040 .palette-preview-swatches__wrap-accent, 3041 .palette-preview-swatches__wrap-foreground { 3042 top: -2em; 3043 bottom: -2em; 3044 } 3045 3046 .palette-preview-swatches__title { 3047 font-size: 26px; 3048 font-weight: 500; 3049 margin: 0; 3050 color: var(--sm-current-fg1-color); 3051 } 3052 3053 .palette-preview-swatches__card { 3054 background-color: var(--sm-current-bg-color); 3055 box-shadow: var(--sm-customizer-box-shadow-2); 3056 pointer-events: none; 3057 } 3058 .palette-preview-swatches__card:before, .palette-preview-swatches__card:after { 3059 content: ""; 3060 display: block; 3061 height: 1.5em; 3062 background-color: var(--sm-current-accent-color); 3063 } 3064 .palette-preview-swatches__wrap:not(.show-card) .palette-preview-swatches__card { 3065 opacity: 0; 3066 } 3067 3068 .palette-preview-swatches__card-content { 3069 position: relative; 3070 min-width: 13em; 3071 padding: 2em 1.5em; 3072 } 3073 .palette-preview-swatches__card-content > * + * + * { 3074 margin-top: 21px; 3075 } 3076 3077 .palette-preview-swatches__row { 3078 height: 1.05em; 3079 background-color: currentColor; 3080 } 3081 .palette-preview-swatches__row:last-child { 3082 width: 70%; 3083 } 3084 .palette-preview-swatches__row + .palette-preview-swatches__row { 3085 margin-top: 10px; 3086 } 3087 3088 .palette-preview-swatches__buttons { 3089 display: flex; 3090 flex-wrap: wrap; 3091 gap: 0.2em; 3092 } 3093 3094 .palette-preview-swatches__button { 3095 padding: 0.3em 0.7em; 3096 border-radius: 0.25em; 3097 font-size: 1.25em; 3098 background: var(--sm-current-accent-color); 3099 color: var(--sm-current-bg-color); 3100 } 3101 .palette-preview-swatches__button--style-2 { 3102 background: var(--sm-current-accent2-color); 3103 } 3104 .palette-preview-swatches__button--style-3 { 3105 background: var(--sm-current-accent3-color); 3106 } 3107 3108 .palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge { 3109 content: ""; 3110 position: absolute; 3111 top: 0.85em; 3112 right: 0.75em; 3113 width: 1.3em; 3114 height: 1.3em; 3115 background: var(--sm-current-accent-color); 3116 border-radius: 50%; 3117 } 3118 @supports (mask-size: contain) { 3119 .palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge { 3120 mask-image: url("../../images/star.svg"); 3121 mask-size: contain; 3122 border-radius: 0; 3123 } 3124 } 3125 @supports (-webkit-mask-size: contain) { 3126 .palette-preview-swatches__wrap.is-source .palette-preview-swatches__source-badge { 3127 -webkit-mask-image: url("../../images/star.svg"); 3128 -webkit-mask-size: contain; 3129 border-radius: 0; 3130 } 3131 } 3132 .palette-preview-swatches__wrap.is-source .palette-preview-swatches__wrap-accent .palette-preview-swatches__source-badge { 3133 top: 50%; 3134 right: 50%; 3135 transform: translate(50%, -50%); 3136 } 3137 /*!**********************************************************************************************************************************************************************************!*\ 3138 !*** 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 ***! 3139 \**********************************************************************************************************************************************************************************/ 3140 /*------------------------------------*\ 3141 #TYPE SYSTEM PREVIEW 3142 \*------------------------------------*/ 3143 * { 3144 --theme-super-display-color: var(--sm-current-fg2-color); 3145 } 3146 3147 * { 3148 --theme-display-color: var(--sm-current-fg2-color); 3149 } 3150 3151 * { 3152 --theme-heading-1-color: var(--sm-current-fg2-color); 3153 } 3154 3155 * { 3156 --theme-heading-2-color: var(--sm-current-fg2-color); 3157 } 3158 3159 * { 3160 --theme-heading-3-color: var(--sm-current-fg2-color); 3161 } 3162 3163 * { 3164 --theme-heading-4-color: var(--sm-current-fg2-color); 3165 } 3166 3167 * { 3168 --theme-heading-5-color: var(--sm-current-fg2-color); 3169 } 3170 3171 * { 3172 --theme-heading-6-color: var(--sm-current-fg2-color); 3173 } 3174 3175 * { 3176 --sm-button-background-color: var(--sm-current-accent-color); 3177 } 3178 3179 * { 3180 --theme-button-x-padding: 1.35em; 3181 --theme-button-y-padding: .7em; 3182 --theme-button-padding: calc(var(--theme-button-y-padding) - var(--theme-button-border-width)) var(--theme-button-x-padding); 3183 } 3184 3185 .wp-block-button * { 3186 font-family: inherit; 3187 font-size: inherit; 3188 font-weight: inherit; 3189 font-style: inherit; 3190 letter-spacing: inherit; 3191 text-transform: inherit; 3192 } 3193 3194 .sm-typography-preview { 3195 max-width: 1000px; 3196 margin: 0 auto; 3197 padding: 50px; 3198 display: grid; 3199 gap: 25px; 3200 grid-template-columns: min-content auto min-content; 3201 line-height: 1.25; 3202 } 3203 3204 .sm-typography-preview__separator { 3205 grid-column-end: span 3; 3206 border: 0 dashed var(--sm-color-palette-accent-color-4); 3207 border-top-width: 1px; 3208 } 3209 3210 .sm-typography-preview__separator--head { 3211 border-style: solid; 3212 border-top-width: 2px; 3213 } 3214 3215 .sm-typography-preview__cell--head { 3216 font-family: SF Mono, monospace; 3217 font-size: 14px; 3218 font-weight: 600; 3219 font-feature-settings: "calt" off; 3220 color: var(--sm-color-palette-accent-text-color-2); 3221 } 3222 3223 .sm-typography-preview__cell--category { 3224 align-self: center; 3225 } 3226 .sm-typography-preview__cell--category span { 3227 display: block; 3228 background: #777; 3229 border-radius: 9999em; 3230 padding: 0.35em 0.8em 0.2em; 3231 font-family: SF Mono, monospace; 3232 font-size: 12px; 3233 font-weight: 600; 3234 letter-spacing: 0.03em; 3235 text-align: center; 3236 text-transform: uppercase; 3237 color: #FFF; 3238 } 3239 .sm-typography-preview__cell--category span.sm_font_primary { 3240 background: var(--sm-color-palette-accent-color-6, #5c6ac4); 3241 } 3242 .sm-typography-preview__cell--category span.sm_font_secondary { 3243 background: #E06749; 3244 } 3245 .sm-typography-preview__cell--category span.sm_font_body { 3246 background: #1D7E70; 3247 } 3248 .sm-typography-preview__cell--category span.sm_font_accent { 3249 background: #9C9CDD; 3250 } 3251 3252 .sm-typography-preview__cell--preview { 3253 min-width: 0; 3254 } 3255 .sm-typography-preview__cell--preview:is(.display_font, .heading_1_font, .heading_2_font, .accent_font) > div { 3256 max-width: 100%; 3257 white-space: nowrap; 3258 overflow-x: clip; 3259 text-overflow: ellipsis; 3260 } 3261 .sm-typography-preview__cell--preview p { 3262 margin: 0; 3263 font-family: inherit; 3264 font-size: inherit; 3265 line-height: inherit; 3266 } 3267 .sm-typography-preview__cell--preview p + p { 3268 margin-top: 1.5em; 3269 } 3270 3271 .sm-typography-preview__cell--size { 3272 align-self: center; 3273 text-align: right; 3274 font-family: SF Mono, monospace; 3275 font-size: 14px; 3276 } 3277 3278 /*------------------------------------*\ 3279 #TYPE SYSTEM OPTIONS 3280 \*------------------------------------*/ 3281 .customize-control-title:is(.font_primary, .font_secondary, .font_body, .font_accent) { 3282 display: inline-block; 3283 padding: 0.25em 0.75em 0.25em; 3284 background: #777; 3285 border-radius: 9999em; 3286 color: #FFF; 3287 font-size: 16px; 3288 font-weight: 500; 3289 } 3290 .customize-control-title.font_primary { 3291 background: var(--sm-color-palette-accent-color-6, #5c6ac4); 3292 } 3293 .customize-control-title.font_secondary { 3294 background: #E06749; 3295 } 3296 .customize-control-title.font_body { 3297 background: #1D7E70; 3298 } 3299 .customize-control-title.font_accent { 3300 background: #9C9CDD; 3301 } 117 #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)}.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}#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}.sm-customizer-shortcut-busy .customize-pane-child,.sm-customizer-shortcut-busy .customize-pane-parent{opacity:.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(.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)} 118 [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} 119 .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} 120 .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} 121 .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} 122 .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} 123 .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} 124 .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} 125 .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%)} 126 *{--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} -
style-manager/trunk/dist/js/customizer.js
r2711997 r2719112 1 1 /*! For license information please see customizer.js.LICENSE.txt */ 2 (()=>{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, '"');\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, '"');\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__})();2 (()=>{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,""")+'"'})).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,""")+'"'})).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",z=/[{}|\\\^\[\]`"<>]/g;function A(e){return e.replace(z,(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=A(n),a=A(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("sm-customizer-shortcut-busy"),E([]),e.focus(),setTimeout((function(){window.document.body.classList.remove("sm-customizer-shortcut-busy")}),600),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;e||(t=w().pop())&&wp.customize.section(t,(function(e){window.document.body.classList.add("sm-customizer-shortcut-busy"),e.focus(),setTimeout((function(){window.document.body.classList.remove("sm-customizer-shortcut-busy")}),600)}))};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 z=n(854),A=n.n(z),C=n(348),T=n.n(C),N=new(A())({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(A())({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,ze=new Map,Ae=function(e){He((function(){var t=e.current?e.current.ownerDocument:document;if(void 0!==t&&!ze.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}',ze.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);Ae(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(A())({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=zt(r,a,i,c),e.darkVariations=zt(o,a,i,c),e},zt=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)}))},At=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&&!At(l)?l:c,u=mt(s),f=pt(c,u,i,!0),d=u.filter((function(e){return e!==f||At(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(A())({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 zn(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){An(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 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(){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:zn({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,r;if(null!=u&&null!==(t=u.choices)&&void 0!==t&&null!==(r=t[e])&&void 0!==r&&r.config){var o=u.choices[e].config;Object.keys(o).forEach((function(e){o[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)}}))}))}))}))},zr=function(e){return Ar(e).find(".style-manager_font_values").data("customize-setting-link")},Ar=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=Ar(n),a=zr(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,r;if(null!=n&&null!==(t=n.choices)&&void 0!==t&&null!==(r=t[e])&&void 0!==r&&r.config){var o=n.choices[e].config;Object.keys(o).forEach((function(e){var t=y(e);!function(e,t){styleManager.config.settings[e]=t}(e,Object.assign({},t,{connected_fields:o[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,zr(n)))},Kr=function(e){var t=e.closest(Gr),n=zr(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})(); -
style-manager/trunk/dist/js/customizer.js.LICENSE.txt
r2711997 r2719112 1 /*!************************!*\ 2 !*** external "React" ***! 3 \************************/ 4 5 /*!*************************!*\ 6 !*** external "chroma" ***! 7 \*************************/ 8 9 /*!*************************!*\ 10 !*** external "jQuery" ***! 11 \*************************/ 12 13 /*!*************************!*\ 14 !*** external "lodash" ***! 15 \*************************/ 16 17 /*!***************************!*\ 18 !*** external "ReactDOM" ***! 19 \***************************/ 20 21 /*!***********************************!*\ 22 !*** ./src/_js/utils/debounce.js ***! 23 \***********************************/ 24 25 /*!************************************!*\ 26 !*** ./src/_js/dark-mode/index.js ***! 27 \************************************/ 28 29 /*!************************************!*\ 30 !*** ./src/_js/dark-mode/utils.js ***! 31 \************************************/ 32 33 /*!*************************************!*\ 34 !*** ./node_modules/hsluv/hsluv.js ***! 35 \*************************************/ 36 37 /*!*************************************!*\ 38 !*** ./src/_js/customizer/index.js ***! 39 \*************************************/ 40 41 /*!***************************************!*\ 42 !*** ./src/_js/customizer/style.scss ***! 43 \***************************************/ 44 45 /*!******************************************!*\ 46 !*** ./node_modules/classnames/index.js ***! 47 \******************************************/ 48 49 /*!*******************************************!*\ 50 !*** ./src/_js/customizer/fonts/index.js ***! 51 \*******************************************/ 52 53 /*!*******************************************!*\ 54 !*** ./src/_js/customizer/svg/upload.svg ***! 55 \*******************************************/ 56 57 /*!*******************************************!*\ 58 !*** ./src/_js/customizer/utils/index.js ***! 59 \*******************************************/ 60 61 /*!********************************************!*\ 62 !*** ./src/_js/customizer/colors/index.js ***! 63 \********************************************/ 64 65 /*!*********************************************!*\ 66 !*** ./src/_js/customizer/resizer/index.js ***! 67 \*********************************************/ 68 69 /*!**********************************************!*\ 70 !*** ./src/_js/customizer/feedback-modal.js ***! 71 \**********************************************/ 72 73 /*!**********************************************!*\ 74 !*** ./src/_js/customizer/folding-fields.js ***! 75 \**********************************************/ 76 77 /*!**********************************************!*\ 78 !*** ./src/_js/customizer/global-service.js ***! 79 \**********************************************/ 80 81 /*!***********************************************!*\ 82 !*** ./src/_js/utils/standardize-to-array.js ***! 83 \***********************************************/ 84 85 /*!*************************************************!*\ 86 !*** ./src/_js/customizer/fields/tabs/index.js ***! 87 \*************************************************/ 88 89 /*!*************************************************!*\ 90 !*** ./src/_js/customizer/fonts/utils/index.js ***! 91 \*************************************************/ 92 93 /*!*************************************************!*\ 94 !*** ./src/_js/customizer/fonts/utils/round.js ***! 95 \*************************************************/ 96 97 /*!*************************************************!*\ 98 !*** ./src/_js/utils/get-font-subfield-unit.js ***! 99 \*************************************************/ 100 101 /*!*************************************************!*\ 102 !*** ./src/_js/utils/maybe-load-font-family.js ***! 103 \*************************************************/ 104 105 /*!**************************************************!*\ 106 !*** ./src/_js/customizer/fields/range/index.js ***! 107 \**************************************************/ 108 109 /*!**************************************************!*\ 110 !*** ./src/_js/customizer/utils/colors/index.js ***! 111 \**************************************************/ 112 113 /*!***************************************************!*\ 114 !*** ./src/_js/customizer/fields/preset/index.js ***! 115 \***************************************************/ 116 117 /*!***************************************************!*\ 118 !*** ./src/_js/customizer/font-palettes/index.js ***! 119 \***************************************************/ 120 121 /*!***************************************************!*\ 122 !*** ./src/_js/utils/get-font-field-css-value.js ***! 123 \***************************************************/ 124 125 /*!****************************************************!*\ 126 !*** ./src/_js/customizer/create-reset-buttons.js ***! 127 \****************************************************/ 128 129 /*!******************************************************!*\ 130 !*** ./src/_js/customizer/svg/colorize-elements.svg ***! 131 \******************************************************/ 132 133 /*!******************************************************!*\ 134 !*** ./src/_js/customizer/svg/fine-tune-palette.svg ***! 135 \******************************************************/ 136 137 /*!*******************************************************!*\ 138 !*** ./src/_js/customizer/hooks/use-active-preset.js ***! 139 \*******************************************************/ 140 141 /*!*******************************************************!*\ 142 !*** ./src/_js/customizer/hooks/use-outside-click.js ***! 143 \*******************************************************/ 144 145 /*!********************************************************!*\ 146 !*** ./src/_js/customizer/components/builder/index.js ***! 147 \********************************************************/ 148 149 /*!********************************************************!*\ 150 !*** ./src/_js/customizer/components/control/index.js ***! 151 \********************************************************/ 152 153 /*!********************************************************!*\ 154 !*** ./src/_js/customizer/components/overlay/index.js ***! 155 \********************************************************/ 156 157 /*!********************************************************!*\ 158 !*** ./src/_js/utils/maybe-load-font-loader-script.js ***! 159 \********************************************************/ 160 161 /*!*********************************************************!*\ 162 !*** ./src/_js/customizer/components/dropzone/index.js ***! 163 \*********************************************************/ 164 165 /*!*********************************************************!*\ 166 !*** ./src/_js/customizer/fields/color-select/index.js ***! 167 \*********************************************************/ 168 169 /*!*********************************************************!*\ 170 !*** ./src/_js/customizer/fonts/utils/fonts-service.js ***! 171 \*********************************************************/ 172 173 /*!*********************************************************!*\ 174 !*** ./src/_js/customizer/fonts/utils/init-subfield.js ***! 175 \*********************************************************/ 176 177 /*!*********************************************************!*\ 178 !*** ./src/_js/utils/get-font-family-fallback-stack.js ***! 179 \*********************************************************/ 180 181 /*!**********************************************************!*\ 182 !*** ./node_modules/react-colorful/dist/index.module.js ***! 183 \**********************************************************/ 184 185 /*!**********************************************************!*\ 186 !*** ./node_modules/svg-baker-runtime/browser-symbol.js ***! 187 \**********************************************************/ 188 189 /*!**********************************************************!*\ 190 !*** ./src/_js/customizer/components/accordion/index.js ***! 191 \**********************************************************/ 192 193 /*!**********************************************************!*\ 194 !*** ./src/_js/customizer/components/overlay/style.scss ***! 195 \**********************************************************/ 196 197 /*!***********************************************************!*\ 198 !*** ./src/_js/customizer/components/dropzone/style.scss ***! 199 \***********************************************************/ 200 201 /*!***********************************************************!*\ 202 !*** ./src/_js/customizer/fonts/utils/load-font-value.js ***! 203 \***********************************************************/ 204 205 /*!***********************************************************!*\ 206 !*** ./src/_js/customizer/hooks/use-did-update-effect.js ***! 207 \***********************************************************/ 208 209 /*!***********************************************************!*\ 210 !*** ./src/_js/customizer/svg/customize-colors-usage.svg ***! 211 \***********************************************************/ 212 213 /*!***********************************************************!*\ 214 !*** ./src/_js/customizer/utils/api-set-setting-value.js ***! 215 \***********************************************************/ 216 217 /*!***********************************************************!*\ 218 !*** ./src/_js/customizer/utils/get-css-from-palettes.js ***! 219 \***********************************************************/ 220 221 /*!************************************************************!*\ 222 !*** ./src/_js/customizer/components/accordion/style.scss ***! 223 \************************************************************/ 224 225 /*!************************************************************!*\ 226 !*** ./src/_js/customizer/fonts/connected-fields/index.js ***! 227 \************************************************************/ 228 229 /*!************************************************************!*\ 230 !*** ./src/_js/customizer/fonts/utils/get-font-details.js ***! 231 \************************************************************/ 232 233 /*!*************************************************************!*\ 234 !*** ./src/_js/customizer/components/palette-list/index.js ***! 235 \*************************************************************/ 236 237 /*!*************************************************************!*\ 238 !*** ./src/_js/customizer/components/palette-list/utils.js ***! 239 \*************************************************************/ 240 241 /*!*************************************************************!*\ 242 !*** ./src/_js/customizer/components/preview-tabs/index.js ***! 243 \*************************************************************/ 244 245 /*!*************************************************************!*\ 246 !*** ./src/_js/customizer/fonts/utils/self-update-value.js ***! 247 \*************************************************************/ 248 249 /*!*************************************************************!*\ 250 !*** ./src/_js/customizer/hooks/use-pop-from-back-array.js ***! 251 \*************************************************************/ 252 253 /*!**************************************************************!*\ 254 !*** ./src/_js/customizer/components/source-colors/index.js ***! 255 \**************************************************************/ 256 257 /*!**************************************************************!*\ 258 !*** ./src/_js/customizer/components/source-colors/utils.js ***! 259 \**************************************************************/ 260 261 /*!**************************************************************!*\ 262 !*** ./src/_js/customizer/utils/get-palettes-from-colors.js ***! 263 \**************************************************************/ 264 265 /*!***************************************************************!*\ 266 !*** ./node_modules/use-debounce/esm/useDebouncedCallback.js ***! 267 \***************************************************************/ 268 269 /*!***************************************************************!*\ 270 !*** ./src/_js/customizer/components/colors-overlay/index.js ***! 271 \***************************************************************/ 272 273 /*!***************************************************************!*\ 274 !*** ./src/_js/customizer/components/colors-preview/index.js ***! 275 \***************************************************************/ 276 277 /*!***************************************************************!*\ 278 !*** ./src/_js/customizer/components/config-context/index.js ***! 279 \***************************************************************/ 280 281 /*!***************************************************************!*\ 282 !*** ./src/_js/customizer/components/palette-list/style.scss ***! 283 \***************************************************************/ 284 285 /*!***************************************************************!*\ 286 !*** ./src/_js/customizer/components/preview-tabs/style.scss ***! 287 \***************************************************************/ 288 289 /*!***************************************************************!*\ 290 !*** ./src/_js/customizer/fonts/utils/determine-font-type.js ***! 291 \***************************************************************/ 292 293 /*!***************************************************************!*\ 294 !*** ./src/_js/customizer/hooks/use-update-source-setting.js ***! 295 \***************************************************************/ 296 297 /*!***************************************************************!*\ 298 !*** ./src/_js/customizer/utils/maybe-fill-palettes-array.js ***! 299 \***************************************************************/ 300 301 /*!***************************************************************!*\ 302 !*** ./src/_js/utils/sanitize-font-family-css-value/index.js ***! 303 \***************************************************************/ 304 305 /*!****************************************************************!*\ 306 !*** ./src/_js/customizer/components/contextual-menu/index.js ***! 307 \****************************************************************/ 308 309 /*!****************************************************************!*\ 310 !*** ./src/_js/customizer/components/options-context/index.js ***! 311 \****************************************************************/ 312 313 /*!****************************************************************!*\ 314 !*** ./src/_js/customizer/components/source-colors/style.scss ***! 315 \****************************************************************/ 316 317 /*!****************************************************************!*\ 318 !*** ./src/_js/customizer/fonts/utils/convert-font-variant.js ***! 319 \****************************************************************/ 320 321 /*!****************************************************************!*\ 322 !*** ./src/_js/customizer/fonts/utils/update-variant-field.js ***! 323 \****************************************************************/ 324 325 /*!*****************************************************************!*\ 326 !*** ./src/_js/customizer/colors/initialize-palette-builder.js ***! 327 \*****************************************************************/ 328 329 /*!*****************************************************************!*\ 330 !*** ./src/_js/customizer/components/colors-preview/style.scss ***! 331 \*****************************************************************/ 332 333 /*!*****************************************************************!*\ 334 !*** ./src/_js/customizer/components/colors-style-tag/index.js ***! 335 \*****************************************************************/ 336 337 /*!*****************************************************************!*\ 338 !*** ./src/_js/customizer/components/palettes-context/index.js ***! 339 \*****************************************************************/ 340 341 /*!*****************************************************************!*\ 342 !*** ./src/_js/customizer/hooks/use-section-expand-callback.js ***! 343 \*****************************************************************/ 344 345 /*!*****************************************************************!*\ 346 !*** ./src/_js/customizer/utils/get-colors-from-input-value.js ***! 347 \*****************************************************************/ 348 349 /*!******************************************************************!*\ 350 !*** ./src/_js/customizer/components/contextual-menu/style.scss ***! 351 \******************************************************************/ 352 353 /*!******************************************************************!*\ 354 !*** ./src/_js/customizer/fonts/utils/update-font-head-title.js ***! 355 \******************************************************************/ 356 357 /*!*******************************************************************!*\ 358 !*** ./src/_js/customizer/components/typography-overlay/index.js ***! 359 \*******************************************************************/ 360 361 /*!********************************************************************!*\ 362 !*** ./src/_js/customizer/components/customizer-shortcut/index.js ***! 363 \********************************************************************/ 364 365 /*!********************************************************************!*\ 366 !*** ./src/_js/customizer/fonts/utils/handle-font-popup-toggle.js ***! 367 \********************************************************************/ 368 369 /*!********************************************************************!*\ 370 !*** ./src/_js/customizer/hooks/use-customize-setting-callback.js ***! 371 \********************************************************************/ 372 373 /*!*********************************************************************!*\ 374 !*** ./src/_js/customizer/components/source-colors/color-picker.js ***! 375 \*********************************************************************/ 376 377 /*!*********************************************************************!*\ 378 !*** ./src/_js/customizer/components/typography-overlay/style.scss ***! 379 \*********************************************************************/ 380 381 /*!*********************************************************************!*\ 382 !*** ./src/_js/customizer/fonts/initialize-typography-shortcuts.js ***! 383 \*********************************************************************/ 384 385 /*!**********************************************************************!*\ 386 !*** ./src/_js/customizer/components/colors-usage-shortcut/index.js ***! 387 \**********************************************************************/ 388 389 /*!**********************************************************************!*\ 390 !*** ./src/_js/customizer/components/typography-overlay/elements.js ***! 391 \**********************************************************************/ 392 393 /*!***********************************************************************!*\ 394 !*** ./src/_js/customizer/colors/apply-coloration-value-to-fields.js ***! 395 \***********************************************************************/ 396 397 /*!***********************************************************************!*\ 398 !*** ./src/_js/customizer/components/colors-master-provider/index.js ***! 399 \***********************************************************************/ 400 401 /*!***********************************************************************!*\ 402 !*** ./src/_js/customizer/fonts/utils/standardize-numerical-value.js ***! 403 \***********************************************************************/ 404 405 /*!************************************************************************!*\ 406 !*** ./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js ***! 407 \************************************************************************/ 408 409 /*!************************************************************************!*\ 410 !*** ./src/_js/customizer/colors/initialize-color-palettes-preview.js ***! 411 \************************************************************************/ 412 413 /*!*************************************************************************!*\ 414 !*** ./src/_js/customizer/components/colorize-elements-button/index.js ***! 415 \*************************************************************************/ 416 417 /*!*************************************************************************!*\ 418 !*** ./src/_js/customizer/fonts/initialize-connected-fields-presets.js ***! 419 \*************************************************************************/ 420 421 /*!**************************************************************************!*\ 422 !*** ./src/_js/customizer/components/fine-tune-colors-shortcut/index.js ***! 423 \**************************************************************************/ 424 425 /*!**************************************************************************!*\ 426 !*** ./src/_js/customizer/components/palette-list/get-random-stripes.js ***! 427 \**************************************************************************/ 428 429 /*!****************************************************************************!*\ 430 !*** ./src/_js/utils/sanitize-font-family-css-value/maybe-explode-list.js ***! 431 \****************************************************************************/ 432 433 /*!****************************************************************************!*\ 434 !*** ./src/_js/utils/sanitize-font-family-css-value/maybe-implode-list.js ***! 435 \****************************************************************************/ 436 437 /*!**********************************************************************************************!*\ 438 !*** ./src/_js/customizer/fonts/connected-fields/get-connected-fields-font-size-interval.js ***! 439 \**********************************************************************************************/ 440 441 /*!***************************************************************************************************!*\ 442 !*** ./node_modules/worker-loader/dist/cjs.js!./src/_js/customizer/components/dropzone/worker.js ***! 443 \***************************************************************************************************/ 1 /*! 2 Copyright (c) 2018 Jed Watson. 3 Licensed under the MIT License (MIT), see 4 http://jedwatson.github.io/classnames 5 */ -
style-manager/trunk/dist/js/dark-mode.js
r2711997 r2719112 1 /*! For license information please see dark-mode.js.LICENSE.txt */ 2 (()=>{"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__})(); 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})(); -
style-manager/trunk/dist/js/settings.js
r2711997 r2719112 1 /*! For license information please see settings.js.LICENSE.txt */ 2 (()=>{"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__})(); 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})(); -
style-manager/trunk/dist/js/worker.js
r2711997 r2719112 1 /*! For license information please see worker.js.LICENSE.txt */ 2 (()=>{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"]()})(); 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)}}})(); -
style-manager/trunk/languages/style-manager.pot
r2711997 r2719112 3 3 msgid "" 4 4 msgstr "" 5 "Project-Id-Version: Style Manager 2.2. 3\n"5 "Project-Id-Version: Style Manager 2.2.4\n" 6 6 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/style-manager\n" 7 7 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" … … 10 10 "Content-Type: text/plain; charset=UTF-8\n" 11 11 "Content-Transfer-Encoding: 8bit\n" 12 "POT-Creation-Date: 2022-0 4-20T08:15:39+00:00\n"12 "POT-Creation-Date: 2022-05-06T07:30:38+00:00\n" 13 13 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" 14 14 "X-Generator: WP-CLI 2.5.0\n" … … 28 28 29 29 #. Description of the plugin 30 msgid "Auto-magical system to style your WordPress site."30 msgid "Auto-magical system to style your entire WordPress site." 31 31 msgstr "" 32 32 -
style-manager/trunk/readme.txt
r2711997 r2719112 1 === Style Manager - Auto-magical system to style your WordPress site ===1 === Style Manager - Auto-magical system to style your entire WordPress site === 2 2 Contributors: pixelgrade, vlad.olaru, babbardel, razvanonofrei, gorby31 3 Tags: design, customizer, fonts, colors, gutenberg, font palettes, color palettes 3 Tags: design, customizer, fonts, colors, gutenberg, font palettes, color palettes, global styles 4 4 Requires at least: 5.5.0 5 Tested up to: 5.9.36 Stable tag: 2.2. 35 Tested up to: 6.0 6 Stable tag: 2.2.4 7 7 Requires PHP: 7.1 8 8 License: GPLv2 or later … … 54 54 55 55 == Changelog == 56 57 = 2.2.4 = 58 * 2022-05-06 59 * Fix inconsistencies in the block editor. 60 * Test with the latest WordPress version. 56 61 57 62 = 2.2.3 = -
style-manager/trunk/style-manager.php
r2711997 r2719112 6 6 * Plugin Name: Style Manager 7 7 * Plugin URI: https://wordpress.org/plugins/style-manager 8 * Description: Auto-magical system to style your WordPress site.9 * Version: 2.2. 38 * Description: Auto-magical system to style your entire WordPress site. 9 * Version: 2.2.4 10 10 * Author: Pixelgrade 11 11 * Author URI: https://pixelgrade.com … … 16 16 * Domain Path: /languages/ 17 17 * Requires at least: 5.5.0 18 * Tested up to: 5.9.318 * Tested up to: 6.0 19 19 * Requires PHP: 7.1 20 20 * GitHub Plugin URI: pixelgrade/style-manager … … 36 36 * @var string 37 37 */ 38 const VERSION = '2.2. 2';38 const VERSION = '2.2.4'; 39 39 40 40 /** -
style-manager/trunk/vendor/autoload.php
r2711997 r2719112 5 5 require_once __DIR__ . '/composer/autoload_real.php'; 6 6 7 return ComposerAutoloaderInit 7bfbad568fbe26afdae58c0e93078e2a::getLoader();7 return ComposerAutoloaderInitc813ad14870bd819ef48243d7f116670::getLoader(); -
style-manager/trunk/vendor/composer/InstalledVersions.php
r2711997 r2719112 15 15 use Composer\Autoload\ClassLoader; 16 16 use Composer\Semver\VersionParser; 17 18 17 19 18 20 … … 31 33 array ( 32 34 ), 33 'reference' => ' 5563e8656d184e497b8b5f56d53f3c2c03d2d1f3',35 'reference' => 'e1a2c3425937d98709d1414c04d8d2e68e7ac43b', 34 36 'name' => 'pixelgrade/style-manager', 35 37 ), … … 122 124 'htmlburger/carbon-fields' => 123 125 array ( 124 'pretty_version' => 'v3.3. 2',125 'version' => '3.3. 2.0',126 'aliases' => 127 array ( 128 ), 129 'reference' => ' dd5663e14c6db365323b688dbae1cfbeaf14bee7',126 'pretty_version' => 'v3.3.4', 127 'version' => '3.3.4.0', 128 'aliases' => 129 array ( 130 ), 131 'reference' => '2ae6773c004b873a1b0456613b14852c1a436a96', 130 132 ), 131 133 'instituteweb/composer-scripts' => … … 255 257 'phpstan/phpstan' => 256 258 array ( 257 'pretty_version' => '1. 5.6',258 'version' => '1. 5.6.0',259 'aliases' => 260 array ( 261 ), 262 'reference' => ' 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1',259 'pretty_version' => '1.6.7', 260 'version' => '1.6.7.0', 261 'aliases' => 262 array ( 263 ), 264 'reference' => 'd41c39cb2e487663bce9bbd97c660e244b73abad', 263 265 ), 264 266 'phpunit/php-code-coverage' => … … 332 334 array ( 333 335 ), 334 'reference' => ' 5563e8656d184e497b8b5f56d53f3c2c03d2d1f3',336 'reference' => 'e1a2c3425937d98709d1414c04d8d2e68e7ac43b', 335 337 ), 336 338 'psr/container' => … … 360 362 0 => '0.12.x-dev', 361 363 ), 362 'reference' => ' 5a03282dce8e8a56517e90323a4025c9b961ce52',364 'reference' => 'a548c62cde0568d25a3db9f4832d607c835db28d', 363 365 ), 364 366 'roave/security-advisories' => … … 369 371 array ( 370 372 ), 371 'reference' => ' dad1e44d86f958c5be9c5f355c9554ce22f1b1a7',373 'reference' => '2658dd564ed1a63989404083d7ccb9cb10e07701', 372 374 ), 373 375 'sebastian/code-unit-reverse-lookup' => … … 526 528 'szepeviktor/phpstan-wordpress' => 527 529 array ( 528 'pretty_version' => 'v1. 0.5',529 'version' => '1. 0.5.0',530 'aliases' => 531 array ( 532 ), 533 'reference' => ' d4dbd21fc057702be14d221e9ecb6e5697e39fed',530 'pretty_version' => 'v1.1.0', 531 'version' => '1.1.0.0', 532 'aliases' => 533 array ( 534 ), 535 'reference' => '37eaf7eecafd97917c427589736080ac77734b1f', 534 536 ), 535 537 'theseer/tokenizer' => … … 596 598 } 597 599 598 599 600 if (1 === \count($packages)) { 600 601 return $packages[0]; … … 788 789 self::$installedByVendor = array(); 789 790 } 791 790 792 791 793 -
style-manager/trunk/vendor/composer/autoload_real.php
r2711997 r2719112 3 3 // autoload_real.php @generated by Composer 4 4 5 class ComposerAutoloaderInit 7bfbad568fbe26afdae58c0e93078e2a5 class ComposerAutoloaderInitc813ad14870bd819ef48243d7f116670 6 6 { 7 7 private static $loader; … … 25 25 require __DIR__ . '/platform_check.php'; 26 26 27 spl_autoload_register(array('ComposerAutoloaderInit 7bfbad568fbe26afdae58c0e93078e2a', 'loadClassLoader'), true, true);27 spl_autoload_register(array('ComposerAutoloaderInitc813ad14870bd819ef48243d7f116670', 'loadClassLoader'), true, true); 28 28 self::$loader = $loader = new \Composer\Autoload\ClassLoader(\dirname(\dirname(__FILE__))); 29 spl_autoload_unregister(array('ComposerAutoloaderInit 7bfbad568fbe26afdae58c0e93078e2a', 'loadClassLoader'));29 spl_autoload_unregister(array('ComposerAutoloaderInitc813ad14870bd819ef48243d7f116670', 'loadClassLoader')); 30 30 31 31 $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'; 34 34 35 call_user_func(\Composer\Autoload\ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a::getInitializer($loader));35 call_user_func(\Composer\Autoload\ComposerStaticInitc813ad14870bd819ef48243d7f116670::getInitializer($loader)); 36 36 } else { 37 37 $map = require __DIR__ . '/autoload_namespaces.php'; … … 54 54 55 55 if ($useStaticLoader) { 56 $includeFiles = Composer\Autoload\ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a::$files;56 $includeFiles = Composer\Autoload\ComposerStaticInitc813ad14870bd819ef48243d7f116670::$files; 57 57 } else { 58 58 $includeFiles = require __DIR__ . '/autoload_files.php'; 59 59 } 60 60 foreach ($includeFiles as $fileIdentifier => $file) { 61 composerRequire 7bfbad568fbe26afdae58c0e93078e2a($fileIdentifier, $file);61 composerRequirec813ad14870bd819ef48243d7f116670($fileIdentifier, $file); 62 62 } 63 63 … … 66 66 } 67 67 68 function composerRequire 7bfbad568fbe26afdae58c0e93078e2a($fileIdentifier, $file)68 function composerRequirec813ad14870bd819ef48243d7f116670($fileIdentifier, $file) 69 69 { 70 70 if (empty($GLOBALS['__composer_autoload_files'][$fileIdentifier])) { -
style-manager/trunk/vendor/composer/autoload_static.php
r2711997 r2719112 5 5 namespace Composer\Autoload; 6 6 7 class ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a7 class ComposerStaticInitc813ad14870bd819ef48243d7f116670 8 8 { 9 9 public static $files = array ( … … 285 285 { 286 286 return \Closure::bind(function () use ($loader) { 287 $loader->prefixLengthsPsr4 = ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a::$prefixLengthsPsr4;288 $loader->prefixDirsPsr4 = ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a::$prefixDirsPsr4;289 $loader->classMap = ComposerStaticInit 7bfbad568fbe26afdae58c0e93078e2a::$classMap;287 $loader->prefixLengthsPsr4 = ComposerStaticInitc813ad14870bd819ef48243d7f116670::$prefixLengthsPsr4; 288 $loader->prefixDirsPsr4 = ComposerStaticInitc813ad14870bd819ef48243d7f116670::$prefixDirsPsr4; 289 $loader->classMap = ComposerStaticInitc813ad14870bd819ef48243d7f116670::$classMap; 290 290 291 291 }, null, ClassLoader::class); -
style-manager/trunk/vendor/composer/installed.json
r2711997 r2719112 446 446 { 447 447 "name": "htmlburger/carbon-fields", 448 "version": "v3.3. 2",449 "version_normalized": "3.3. 2.0",448 "version": "v3.3.4", 449 "version_normalized": "3.3.4.0", 450 450 "source": { 451 451 "type": "git", 452 452 "url": "https://github.com/htmlburger/carbon-fields.git", 453 "reference": " dd5663e14c6db365323b688dbae1cfbeaf14bee7"454 }, 455 "dist": { 456 "type": "zip", 457 "url": "https://api.github.com/repos/htmlburger/carbon-fields/zipball/ dd5663e14c6db365323b688dbae1cfbeaf14bee7",458 "reference": " dd5663e14c6db365323b688dbae1cfbeaf14bee7",453 "reference": "2ae6773c004b873a1b0456613b14852c1a436a96" 454 }, 455 "dist": { 456 "type": "zip", 457 "url": "https://api.github.com/repos/htmlburger/carbon-fields/zipball/2ae6773c004b873a1b0456613b14852c1a436a96", 458 "reference": "2ae6773c004b873a1b0456613b14852c1a436a96", 459 459 "shasum": "" 460 460 }, … … 466 466 "phpunit/phpunit": "~4.8" 467 467 }, 468 "time": "202 1-04-22T13:24:34+00:00",468 "time": "2022-05-05T14:49:59+00:00", 469 469 "type": "library", 470 470 "installation-source": "dist", … … 1354 1354 { 1355 1355 "name": "phpstan/phpstan", 1356 "version": "1. 5.6",1357 "version_normalized": "1. 5.6.0",1356 "version": "1.6.7", 1357 "version_normalized": "1.6.7.0", 1358 1358 "source": { 1359 1359 "type": "git", 1360 1360 "url": "https://github.com/phpstan/phpstan.git", 1361 "reference": " 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1"1362 }, 1363 "dist": { 1364 "type": "zip", 1365 "url": "https://api.github.com/repos/phpstan/phpstan/zipball/ 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",1366 "reference": " 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1",1361 "reference": "d41c39cb2e487663bce9bbd97c660e244b73abad" 1362 }, 1363 "dist": { 1364 "type": "zip", 1365 "url": "https://api.github.com/repos/phpstan/phpstan/zipball/d41c39cb2e487663bce9bbd97c660e244b73abad", 1366 "reference": "d41c39cb2e487663bce9bbd97c660e244b73abad", 1367 1367 "shasum": "" 1368 1368 }, … … 1373 1373 "phpstan/phpstan-shim": "*" 1374 1374 }, 1375 "time": "2022-0 4-15T11:13:37+00:00",1375 "time": "2022-05-04T22:55:41+00:00", 1376 1376 "bin": [ 1377 1377 "phpstan", … … 1392 1392 "support": { 1393 1393 "issues": "https://github.com/phpstan/phpstan/issues", 1394 "source": "https://github.com/phpstan/phpstan/tree/1. 5.6"1394 "source": "https://github.com/phpstan/phpstan/tree/1.6.7" 1395 1395 }, 1396 1396 "funding": [ … … 1978 1978 "type": "git", 1979 1979 "url": "https://github.com/rectorphp/rector.git", 1980 "reference": " 5a03282dce8e8a56517e90323a4025c9b961ce52"1981 }, 1982 "dist": { 1983 "type": "zip", 1984 "url": "https://api.github.com/repos/rectorphp/rector/zipball/ 5a03282dce8e8a56517e90323a4025c9b961ce52",1985 "reference": " 5a03282dce8e8a56517e90323a4025c9b961ce52",1980 "reference": "a548c62cde0568d25a3db9f4832d607c835db28d" 1981 }, 1982 "dist": { 1983 "type": "zip", 1984 "url": "https://api.github.com/repos/rectorphp/rector/zipball/a548c62cde0568d25a3db9f4832d607c835db28d", 1985 "reference": "a548c62cde0568d25a3db9f4832d607c835db28d", 1986 1986 "shasum": "" 1987 1987 }, 1988 1988 "require": { 1989 1989 "php": "^7.2|^8.0", 1990 "phpstan/phpstan": "^1. 5.6"1990 "phpstan/phpstan": "^1.6" 1991 1991 }, 1992 1992 "conflict": { … … 2001 2001 "rector/rector-symfony": "*" 2002 2002 }, 2003 "time": "2022-0 4-20T08:09:40+00:00",2003 "time": "2022-05-06T07:17:49+00:00", 2004 2004 "default-branch": true, 2005 2005 "bin": [ … … 2042 2042 "type": "git", 2043 2043 "url": "https://github.com/Roave/SecurityAdvisories.git", 2044 "reference": " dad1e44d86f958c5be9c5f355c9554ce22f1b1a7"2045 }, 2046 "dist": { 2047 "type": "zip", 2048 "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/ dad1e44d86f958c5be9c5f355c9554ce22f1b1a7",2049 "reference": " dad1e44d86f958c5be9c5f355c9554ce22f1b1a7",2044 "reference": "2658dd564ed1a63989404083d7ccb9cb10e07701" 2045 }, 2046 "dist": { 2047 "type": "zip", 2048 "url": "https://api.github.com/repos/Roave/SecurityAdvisories/zipball/2658dd564ed1a63989404083d7ccb9cb10e07701", 2049 "reference": "2658dd564ed1a63989404083d7ccb9cb10e07701", 2050 2050 "shasum": "" 2051 2051 }, … … 2077 2077 "bmarshall511/wordpress_zero_spam": "<5.2.13", 2078 2078 "bolt/bolt": "<3.7.2", 2079 "bolt/core": "< 4.1.13",2079 "bolt/core": "<=4.2", 2080 2080 "bottelet/flarepoint": "<2.2.1", 2081 2081 "brightlocal/phpwhois": "<=4.2.5", … … 2095 2095 "codeigniter4/framework": "<4.1.9", 2096 2096 "codiad/codiad": "<=2.8.4", 2097 "composer/composer": "<1.10.2 3|>=2-alpha.1,<2.1.9",2097 "composer/composer": "<1.10.26|>=2-alpha.1,<2.2.12|>=2.3,<2.3.5", 2098 2098 "concrete5/concrete5": "<9", 2099 2099 "concrete5/core": "<8.5.7", … … 2106 2106 "croogo/croogo": "<3.0.7", 2107 2107 "cuyz/valinor": ">=0.5,<0.7", 2108 "czproject/git-php": "<4.0.3", 2109 "darylldoyle/safe-svg": "<1.9.10", 2108 2110 "datadog/dd-trace": ">=0.30,<0.30.2", 2109 2111 "david-garcia/phpwhois": "<=4.3.1", … … 2138 2140 "ezsystems/ezplatform-admin-ui": ">=1.3,<1.3.5|>=1.4,<1.4.6|>=1.5,<1.5.27", 2139 2141 "ezsystems/ezplatform-admin-ui-assets": ">=4,<4.2.1|>=5,<5.0.1|>=5.1,<5.1.1", 2140 "ezsystems/ezplatform-kernel": "<=1.2.5|>=1.3,<1.3.1 2",2142 "ezsystems/ezplatform-kernel": "<=1.2.5|>=1.3,<1.3.17", 2141 2143 "ezsystems/ezplatform-rest": ">=1.2,<=1.2.2|>=1.3,<1.3.8", 2142 2144 "ezsystems/ezplatform-richtext": ">=2.3,<=2.3.7", 2143 2145 "ezsystems/ezplatform-user": ">=1,<1.0.1", 2144 "ezsystems/ezpublish-kernel": "<=6.13.8.1|>=7,<7.5.2 6",2146 "ezsystems/ezpublish-kernel": "<=6.13.8.1|>=7,<7.5.28", 2145 2147 "ezsystems/ezpublish-legacy": "<=2017.12.7.3|>=2018.6,<=2019.3.5.1", 2146 2148 "ezsystems/platform-ui-assets-bundle": ">=4.2,<4.2.3", … … 2148 2150 "ezyang/htmlpurifier": "<4.1.1", 2149 2151 "facade/ignition": "<1.16.15|>=2,<2.4.2|>=2.5,<2.5.2", 2152 "facturascripts/facturascripts": "<2022.6", 2150 2153 "feehi/cms": "<=2.1.1", 2151 2154 "feehi/feehicms": "<=0.1.3", … … 2165 2168 "friendsoftypo3/mediace": ">=7.6.2,<7.6.5", 2166 2169 "froala/wysiwyg-editor": "<3.2.7", 2170 "froxlor/froxlor": "<=0.10.22", 2167 2171 "fuel/core": "<1.8.1", 2168 2172 "gaoming13/wechat-php-sdk": "<=1.10.2", … … 2185 2189 "hov/jobfair": "<1.0.13|>=2,<2.0.2", 2186 2190 "hyn/multi-tenant": ">=5.6,<5.7.2", 2191 "ibexa/core": ">=4,<4.0.5|>=4.1,<4.1.2", 2187 2192 "ibexa/post-install": "<=1.0.4", 2188 2193 "icecoder/icecoder": "<=8.1", … … 2229 2234 "lms/routes": "<2.1.1", 2230 2235 "localizationteam/l10nmgr": "<7.4|>=8,<8.7|>=9,<9.2", 2236 "luyadev/yii-helpers": "<1.2.1", 2231 2237 "magento/community-edition": ">=2,<2.2.10|>=2.3,<2.3.3", 2232 2238 "magento/magento1ce": "<1.9.4.3", … … 2246 2252 "namshi/jose": "<2.2", 2247 2253 "neoan3-apps/template": "<1.1.1", 2254 "neorazorx/facturascripts": "<2022.4", 2248 2255 "neos/flow": ">=1,<1.0.4|>=1.1,<1.1.1|>=2,<2.0.1|>=2.3,<2.3.16|>=3,<3.0.12|>=3.1,<3.1.10|>=3.2,<3.2.13|>=3.3,<3.3.13|>=4,<4.0.6", 2249 2256 "neos/form": ">=1.2,<4.3.3|>=5,<5.0.9|>=5.1,<5.1.3", … … 2296 2303 "pimcore/pimcore": "<10.4", 2297 2304 "pocketmine/bedrock-protocol": "<8.0.2", 2298 "pocketmine/pocketmine-mp": "<4.2. 4",2305 "pocketmine/pocketmine-mp": "<4.2.9", 2299 2306 "pressbooks/pressbooks": "<5.18", 2300 2307 "prestashop/autoupgrade": ">=4,<4.10.1", … … 2314 2321 "pwweb/laravel-core": "<=0.3.6-beta", 2315 2322 "rainlab/debugbar-plugin": "<3.1", 2316 "remdex/livehelperchat": "<3.9 6",2323 "remdex/livehelperchat": "<3.99", 2317 2324 "rmccue/requests": ">=1.6,<1.8", 2318 2325 "robrichards/xmlseclibs": "<3.0.4", … … 2324 2331 "sensiolabs/connect": "<4.2.3", 2325 2332 "serluck/phpwhois": "<=4.2.6", 2326 "shopware/core": "<=6.4. 8.1",2327 "shopware/platform": "<=6.4. 8.1",2333 "shopware/core": "<=6.4.9", 2334 "shopware/platform": "<=6.4.9", 2328 2335 "shopware/production": "<=6.3.5.2", 2329 "shopware/shopware": "<5.7. 7",2336 "shopware/shopware": "<5.7.9", 2330 2337 "shopware/storefront": "<=6.4.8.1", 2331 2338 "showdoc/showdoc": "<2.10.4", … … 2349 2356 "slim/slim": "<2.6", 2350 2357 "smarty/smarty": "<3.1.43|>=4,<4.0.3", 2351 "snipe/snipe-it": "<5.4. 2|>= 6.0.0-RC-1, <= 6.0.0-RC-5",2358 "snipe/snipe-it": "<5.4.3|>= 6.0.0-RC-1, <= 6.0.0-RC-5", 2352 2359 "socalnick/scn-social-auth": "<1.15.2", 2353 2360 "socialiteproviders/steam": "<1.1", … … 2461 2468 "zendframework/zend-db": ">=2,<2.0.99|>=2.1,<2.1.99|>=2.2,<2.2.10|>=2.3,<2.3.5", 2462 2469 "zendframework/zend-developer-tools": ">=1.2.2,<1.2.3", 2463 "zendframework/zend-diactoros": " >=1,<1.8.4",2464 "zendframework/zend-feed": " >=1,<2.10.3",2470 "zendframework/zend-diactoros": "<1.8.4", 2471 "zendframework/zend-feed": "<2.10.3", 2465 2472 "zendframework/zend-form": ">=2,<2.2.7|>=2.3,<2.3.1", 2466 "zendframework/zend-http": " >=1,<2.8.1",2473 "zendframework/zend-http": "<2.8.1", 2467 2474 "zendframework/zend-json": ">=2.1,<2.1.6|>=2.2,<2.2.6", 2468 2475 "zendframework/zend-ldap": ">=2,<2.0.99|>=2.1,<2.1.99|>=2.2,<2.2.8|>=2.3,<2.3.3", … … 2483 2490 "zoujingli/thinkadmin": "<6.0.22" 2484 2491 }, 2485 "time": "2022-0 4-14T16:08:49+00:00",2492 "time": "2022-05-05T14:08:42+00:00", 2486 2493 "type": "metapackage", 2487 2494 "notification-url": "https://packagist.org/downloads/", … … 3694 3701 { 3695 3702 "name": "szepeviktor/phpstan-wordpress", 3696 "version": "v1. 0.5",3697 "version_normalized": "1. 0.5.0",3703 "version": "v1.1.0", 3704 "version_normalized": "1.1.0.0", 3698 3705 "source": { 3699 3706 "type": "git", 3700 3707 "url": "https://github.com/szepeviktor/phpstan-wordpress.git", 3701 "reference": " d4dbd21fc057702be14d221e9ecb6e5697e39fed"3702 }, 3703 "dist": { 3704 "type": "zip", 3705 "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/ d4dbd21fc057702be14d221e9ecb6e5697e39fed",3706 "reference": " d4dbd21fc057702be14d221e9ecb6e5697e39fed",3707 "shasum": "" 3708 }, 3709 "require": { 3710 "php": "^7. 1|| ^8.0",3708 "reference": "37eaf7eecafd97917c427589736080ac77734b1f" 3709 }, 3710 "dist": { 3711 "type": "zip", 3712 "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/37eaf7eecafd97917c427589736080ac77734b1f", 3713 "reference": "37eaf7eecafd97917c427589736080ac77734b1f", 3714 "shasum": "" 3715 }, 3716 "require": { 3717 "php": "^7.2 || ^8.0", 3711 3718 "php-stubs/wordpress-stubs": "^4.7 || ^5.0", 3712 "phpstan/phpstan": "^1. 0",3719 "phpstan/phpstan": "^1.6", 3713 3720 "symfony/polyfill-php73": "^1.12.0" 3714 3721 }, 3715 3722 "require-dev": { 3716 "composer/composer": "^2.1.1 2",3723 "composer/composer": "^2.1.14", 3717 3724 "dealerdirect/phpcodesniffer-composer-installer": "^0.7", 3718 3725 "php-parallel-lint/php-parallel-lint": "^1.1", 3719 "phpstan/phpstan-strict-rules": "^1. 0",3720 "phpunit/phpunit": "^ 7|| ^9",3726 "phpstan/phpstan-strict-rules": "^1.2", 3727 "phpunit/phpunit": "^8 || ^9", 3721 3728 "szepeviktor/phpcs-psr-12-neutron-hybrid-ruleset": "^0.6" 3722 3729 }, 3723 "time": "2022-0 4-05T03:13:59+00:00",3730 "time": "2022-05-02T20:14:26+00:00", 3724 3731 "type": "phpstan-extension", 3725 3732 "extra": { … … 3750 3757 "support": { 3751 3758 "issues": "https://github.com/szepeviktor/phpstan-wordpress/issues", 3752 "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1. 0.5"3759 "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1.1.0" 3753 3760 }, 3754 3761 "funding": [ -
style-manager/trunk/vendor/composer/installed.php
r2711997 r2719112 7 7 array ( 8 8 ), 9 'reference' => ' 5563e8656d184e497b8b5f56d53f3c2c03d2d1f3',9 'reference' => 'e1a2c3425937d98709d1414c04d8d2e68e7ac43b', 10 10 'name' => 'pixelgrade/style-manager', 11 11 ), … … 98 98 'htmlburger/carbon-fields' => 99 99 array ( 100 'pretty_version' => 'v3.3. 2',101 'version' => '3.3. 2.0',102 'aliases' => 103 array ( 104 ), 105 'reference' => ' dd5663e14c6db365323b688dbae1cfbeaf14bee7',100 'pretty_version' => 'v3.3.4', 101 'version' => '3.3.4.0', 102 'aliases' => 103 array ( 104 ), 105 'reference' => '2ae6773c004b873a1b0456613b14852c1a436a96', 106 106 ), 107 107 'instituteweb/composer-scripts' => … … 231 231 'phpstan/phpstan' => 232 232 array ( 233 'pretty_version' => '1. 5.6',234 'version' => '1. 5.6.0',235 'aliases' => 236 array ( 237 ), 238 'reference' => ' 799dd8c2d2c9c704bb55d2078078cb970cf0f6d1',233 'pretty_version' => '1.6.7', 234 'version' => '1.6.7.0', 235 'aliases' => 236 array ( 237 ), 238 'reference' => 'd41c39cb2e487663bce9bbd97c660e244b73abad', 239 239 ), 240 240 'phpunit/php-code-coverage' => … … 308 308 array ( 309 309 ), 310 'reference' => ' 5563e8656d184e497b8b5f56d53f3c2c03d2d1f3',310 'reference' => 'e1a2c3425937d98709d1414c04d8d2e68e7ac43b', 311 311 ), 312 312 'psr/container' => … … 336 336 0 => '0.12.x-dev', 337 337 ), 338 'reference' => ' 5a03282dce8e8a56517e90323a4025c9b961ce52',338 'reference' => 'a548c62cde0568d25a3db9f4832d607c835db28d', 339 339 ), 340 340 'roave/security-advisories' => … … 345 345 array ( 346 346 ), 347 'reference' => ' dad1e44d86f958c5be9c5f355c9554ce22f1b1a7',347 'reference' => '2658dd564ed1a63989404083d7ccb9cb10e07701', 348 348 ), 349 349 'sebastian/code-unit-reverse-lookup' => … … 502 502 'szepeviktor/phpstan-wordpress' => 503 503 array ( 504 'pretty_version' => 'v1. 0.5',505 'version' => '1. 0.5.0',506 'aliases' => 507 array ( 508 ), 509 'reference' => ' d4dbd21fc057702be14d221e9ecb6e5697e39fed',504 'pretty_version' => 'v1.1.0', 505 'version' => '1.1.0.0', 506 'aliases' => 507 array ( 508 ), 509 'reference' => '37eaf7eecafd97917c427589736080ac77734b1f', 510 510 ), 511 511 'theseer/tokenizer' => -
style-manager/trunk/vendor/htmlburger/carbon-fields/config.php
r2562888 r2719112 5 5 # Define version constant 6 6 if ( ! defined( __NAMESPACE__ . '\VERSION' ) ) { 7 define( __NAMESPACE__ . '\VERSION', '3.3. 2' );7 define( __NAMESPACE__ . '\VERSION', '3.3.4' ); 8 8 } 9 9 -
style-manager/trunk/vendor/htmlburger/carbon-fields/core/Carbon_Fields.php
r2562888 r2719112 237 237 WP_CONTENT_DIR => \content_url(), # If anywhere in wp-content 238 238 ABSPATH => \site_url( '/' ), # If anywhere else within the WordPress installation 239 240 // Add plugins, content, and root paths with resolved symlinks, 241 // see https://github.com/htmlburger/carbon-fields/issues/1096 242 realpath( WP_PLUGIN_DIR ) => \plugins_url(), 243 realpath( WP_CONTENT_DIR ) => \content_url(), 244 realpath( ABSPATH ) => \site_url( '/' ), 239 245 ); 240 246 -
style-manager/trunk/vendor/htmlburger/carbon-fields/package.json
r2562888 r2719112 1 1 { 2 2 "name": "carbon-fields", 3 "version": "3.3. 2",3 "version": "3.3.4", 4 4 "description": "WordPress developer-friendly custom fields for post types, taxonomy terms, users, comments, widgets, options, navigation menus and more.", 5 5 "directories": { -
style-manager/trunk/vendor_prefixed/symfony/polyfill-mbstring/bootstrap80.php
r2710141 r2719112 55 55 if (!\function_exists('mb_internal_encoding')) { 56 56 /** 57 * @return bool|string57 * @return string|bool 58 58 */ 59 59 function mb_internal_encoding(?string $encoding = null) … … 64 64 if (!\function_exists('mb_language')) { 65 65 /** 66 * @return bool|string66 * @return string|bool 67 67 */ 68 68 function mb_language(?string $language = null) … … 148 148 if (!\function_exists('mb_substitute_character')) { 149 149 /** 150 * @param int|string|null $substitute_character151 * @return bool|int|string150 * @param string|int|null $substitute_character 151 * @return string|int|bool 152 152 */ 153 153 function mb_substitute_character($substitute_character = null) … … 227 227 if (!\function_exists('mb_get_info')) { 228 228 /** 229 * @return mixed[]| int|string|true229 * @return mixed[]|string|int|true 230 230 */ 231 231 function mb_get_info(?string $type = 'all') … … 236 236 if (!\function_exists('mb_http_output')) { 237 237 /** 238 * @return bool|string238 * @return string|bool 239 239 */ 240 240 function mb_http_output(?string $encoding = null)
Note: See TracChangeset
for help on using the changeset viewer.