@billgangcom/theme-lib 1.26.0 → 1.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +1 -1
- package/dist/abstractions/Variable.d.ts +4 -1
- package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/settings.d.ts +1 -1
- package/dist/{constants → builder/constants}/blocks.d.ts +1 -1
- package/dist/{store → builder/store}/useBlocksStore.d.ts +1 -1
- package/dist/{store → builder/store}/useDeviceStore.d.ts +1 -1
- package/dist/{store → builder/store}/useLayersStore.d.ts +1 -1
- package/dist/{store → builder/store}/useLayoutStore.d.ts +1 -1
- package/dist/{store → builder/store}/useNavbarStore.d.ts +1 -1
- package/dist/{store → builder/store}/useNotificationStore.d.ts +1 -1
- package/dist/{store → builder/store}/usePagesStore.d.ts +2 -2
- package/dist/{store → builder/store}/useSettingsStore.d.ts +1 -1
- package/dist/{store → builder/store}/useThemeSettingsStore.d.ts +1 -1
- package/dist/{shared → builder}/ui/Icon/index.d.ts +1 -1
- package/dist/{shared → builder}/ui/Picker/index.d.ts +1 -1
- package/dist/builder/ui/index.d.ts +6 -0
- package/dist/{shared/lib → builder/utils}/api.d.ts +9 -25
- package/dist/builder/utils/index.d.ts +2 -0
- package/dist/builder.cjs.js +8 -8
- package/dist/builder.es.js +1274 -1060
- package/dist/{index-CeRgFjoD.js → index-BJq5RiR5.js} +10036 -10260
- package/dist/index-BlxXgV9a.cjs +146 -0
- package/dist/lib/api.d.ts +16 -0
- package/dist/{shared/lib → lib}/index.d.ts +0 -1
- package/dist/ui/Button/index.d.ts +13 -0
- package/dist/ui/ButtonsSettings/index.d.ts +1 -1
- package/dist/ui/Input/index.d.ts +21 -0
- package/dist/ui/ListingSelector/index.d.ts +8 -3
- package/dist/ui/ListingSelector/popup.d.ts +11 -4
- package/dist/ui/Textarea/index.d.ts +11 -0
- package/dist/ui/index.d.ts +7 -2
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +1038 -880
- package/package.json +1 -1
- package/dist/index-ChU5WGPr.cjs +0 -146
- package/dist/shared/ui/index.d.ts +0 -16
- /package/dist/{components → builder/components}/Header/Buttons/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Devices/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/PreviewButton/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Settings/Language/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Settings/Pages/ModifyPage/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Settings/Pages/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Settings/Zoom/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/Settings/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/SwitchTheme/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Header/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Navbar/ExitButton/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Navbar/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Preview/PreviewBlockSidebar/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Preview/PreviewContent/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Preview/PreviewHeader/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Preview/Render/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Preview/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/AddSections/SearchSections/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/AddSections/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Layers/FooterLayer/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Layers/HeaderLayer/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Layers/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Settings/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Colors/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Fonts/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Inputs/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Border/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Button/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Font/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/Theme/index.d.ts +0 -0
- /package/dist/{components → builder/components}/Sidebar/index.d.ts +0 -0
- /package/dist/{components → builder/components}/index.d.ts +0 -0
- /package/dist/{components → builder/components}/layout.d.ts +0 -0
- /package/dist/{constants → builder/constants}/api.d.ts +0 -0
- /package/dist/{constants → builder/constants}/device.d.ts +0 -0
- /package/dist/{constants → builder/constants}/font.d.ts +0 -0
- /package/dist/{constants → builder/constants}/icon.d.ts +0 -0
- /package/dist/{constants → builder/constants}/index.d.ts +0 -0
- /package/dist/{constants → builder/constants}/navbar.d.ts +0 -0
- /package/dist/{constants → builder/constants}/notification.d.ts +0 -0
- /package/dist/{constants → builder/constants}/pages.d.ts +0 -0
- /package/dist/{constants → builder/constants}/theme-settings.d.ts +0 -0
- /package/dist/{store → builder/store}/index.d.ts +0 -0
- /package/dist/{store → builder/store}/useChooseImageStore.d.ts +0 -0
- /package/dist/{store → builder/store}/useColorPickerStore.d.ts +0 -0
- /package/dist/{store → builder/store}/useFontsStore.d.ts +0 -0
- /package/dist/{store → builder/store}/useHistoryState.d.ts +0 -0
- /package/dist/{store → builder/store}/usePreviewStore.d.ts +0 -0
- /package/dist/{store → builder/store}/useShareLinkStore.d.ts +0 -0
- /package/dist/{store → builder/store}/useSubmodalStore.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Button/index.d.ts +0 -0
- /package/dist/{ui → builder/ui}/ChooseImage/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/ColorPicker/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/ColorPicker/modal.d.ts +0 -0
- /package/dist/{shared → builder}/ui/ErrorableBlock/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Input/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Loader/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Modal/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Radio/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Select/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Submodal/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Switch/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Textarea/index.d.ts +0 -0
- /package/dist/{shared → builder}/ui/Tip/index.d.ts +0 -0
- /package/dist/{shared/lib → builder/utils}/formatLabel.d.ts +0 -0
- /package/dist/{shared/lib → lib}/checkAuth.d.ts +0 -0
- /package/dist/{shared/lib → lib}/clearQueryParams.d.ts +0 -0
- /package/dist/{shared/lib → lib}/generateDynamicStyles.d.ts +0 -0
- /package/dist/{shared/lib → lib}/getDynamicRoutes.d.ts +0 -0
- /package/dist/{shared/lib → lib}/injectStylesToDOM.d.ts +0 -0
- /package/dist/{shared/ui → ui}/Accordion/index.d.ts +0 -0
- /package/dist/{shared/ui → ui}/Checkbox/index.d.ts +0 -0
package/dist/builder.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_11lki_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_11lki_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_11lki_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_11lki_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_11lki_34{display:flex;flex-direction:column;gap:10px}._info_11lki_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_11lki_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_11lki_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_11lki_62{display:flex;flex-direction:column;gap:20px}._variant_11lki_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_11lki_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_11lki_86{display:flex;flex-direction:column;gap:4px}._quantity_11lki_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_11lki_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_11lki_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_11lki_120{border:2px solid #ff3f19}._chargeTypes_11lki_124{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_11lki_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_11lki_145{background-color:#fff;color:var(--main-color)}._title_11lki_150{font-size:16px;font-weight:700;line-height:24px}._button_1kcpz_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_1kcpz_14{padding:12px 16px}._signUp_1kcpz_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_1kcpz_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_1kcpz_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_1kcpz_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_1kcpz_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_1kcpz_66{font-size:20px;font-weight:700;line-height:24px}._clear_1kcpz_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1kcpz_79{color:#ff3f19}._count_1kcpz_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_1kcpz_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_1kcpz_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_1kcpz_106 div{padding-bottom:16px}._empty_1kcpz_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1kcpz_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1kcpz_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_1kcpz_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_1kcpz_149{width:56px;height:56px;border-radius:12px}._productInfo_1kcpz_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_1kcpz_162{display:flex;flex-direction:column;gap:4px}._name_1kcpz_168{font-size:16px;font-weight:600;line-height:24px}._price_1kcpz_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_1kcpz_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_1kcpz_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_1kcpz_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_1kcpz_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1kcpz_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_1kcpz_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_1kcpz_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_1kcpz_259{font-size:20px;font-weight:700;line-height:24px}._link_1kcpz_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
const
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._button_jrah7_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_jrah7_1:disabled{opacity:.7;cursor:auto}._primary_jrah7_13{color:#fff;background-color:#ff3f19}._secondary_jrah7_18,._tertiary_jrah7_23{color:#757575;background-color:#f0f0f0}._content_jrah7_28{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_xswxt_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_xswxt_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_xswxt_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_xswxt_17::placeholder{color:#c2c2c2}._input_xswxt_17:disabled{background-color:var(--background-color);opacity:.7}._required_xswxt_36{border:1px solid #ff3f19}._paddingless_xswxt_40{padding:0}._content_xswxt_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_xswxt_52{border-radius:0;border:none}._rightIcon_xswxt_57{position:absolute;top:10px;right:12px}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_11lki_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_11lki_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_11lki_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_11lki_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_11lki_34{display:flex;flex-direction:column;gap:10px}._info_11lki_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_11lki_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_11lki_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_11lki_62{display:flex;flex-direction:column;gap:20px}._variant_11lki_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_11lki_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_11lki_86{display:flex;flex-direction:column;gap:4px}._quantity_11lki_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_11lki_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_11lki_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_11lki_120{border:2px solid #ff3f19}._chargeTypes_11lki_124{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_11lki_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_11lki_145{background-color:#fff;color:var(--main-color)}._title_11lki_150{font-size:16px;font-weight:700;line-height:24px}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._button_1kcpz_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_1kcpz_14{padding:12px 16px}._signUp_1kcpz_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_1kcpz_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_1kcpz_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_1kcpz_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_1kcpz_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_1kcpz_66{font-size:20px;font-weight:700;line-height:24px}._clear_1kcpz_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1kcpz_79{color:#ff3f19}._count_1kcpz_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_1kcpz_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_1kcpz_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_1kcpz_106 div{padding-bottom:16px}._empty_1kcpz_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1kcpz_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1kcpz_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_1kcpz_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_1kcpz_149{width:56px;height:56px;border-radius:12px}._productInfo_1kcpz_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_1kcpz_162{display:flex;flex-direction:column;gap:4px}._name_1kcpz_168{font-size:16px;font-weight:600;line-height:24px}._price_1kcpz_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_1kcpz_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_1kcpz_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_1kcpz_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_1kcpz_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1kcpz_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_1kcpz_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_1kcpz_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_1kcpz_259{font-size:20px;font-weight:700;line-height:24px}._link_1kcpz_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_st58d_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_st58d_10{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._textarea_st58d_18{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_st58d_18::placeholder{color:var(--text-tertiary)}._length_st58d_33{position:absolute;bottom:12px;right:12px;color:var(--text-tertiary);line-height:20px}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { i as ke, A as Te, G as tt, k as M, l as $, m as X, n as K, j as e, o as I, f as nt, L as ye, p as ot, q as st, r as at, s as rt, c as T, I as C, t as qe, w as ee, x as it, B as Z, y as Ge, z as lt, E as je, F as ct, J as pe, K as Fe, D as dt, H as ut, u as ht, d as pt, a as O, b as ie, N as ve, S as $e, O as ze, P as gt, T as mt, Q as St, M as De, h as _t, e as bt, R as ft, U as Ct, V as wt, W as vt, X as xt, Y as kt, Z as yt, _ as jt, $ as Bt } from "./index-BJq5RiR5.js";
|
|
3
|
+
import m, { useMemo as We } from "react";
|
|
4
|
+
const At = [
|
|
5
5
|
{
|
|
6
6
|
icon: "Desktop",
|
|
7
7
|
value: "desktop"
|
|
@@ -14,7 +14,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
|
|
|
14
14
|
icon: "DeviceMobileCamera",
|
|
15
15
|
value: "mobile"
|
|
16
16
|
}
|
|
17
|
-
],
|
|
17
|
+
], Lt = [
|
|
18
18
|
{
|
|
19
19
|
icon: "PaintBrushBroad",
|
|
20
20
|
name: "Colors"
|
|
@@ -35,7 +35,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
|
|
|
35
35
|
icon: "Textbox",
|
|
36
36
|
name: "Inputs"
|
|
37
37
|
}
|
|
38
|
-
],
|
|
38
|
+
], he = [
|
|
39
39
|
"home",
|
|
40
40
|
"reviews",
|
|
41
41
|
"faqs",
|
|
@@ -43,7 +43,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
|
|
|
43
43
|
"product",
|
|
44
44
|
"ticket",
|
|
45
45
|
"login"
|
|
46
|
-
],
|
|
46
|
+
], Be = {
|
|
47
47
|
home: {
|
|
48
48
|
path: "/",
|
|
49
49
|
name: "home",
|
|
@@ -114,83 +114,189 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
|
|
|
114
114
|
},
|
|
115
115
|
visibility: "public"
|
|
116
116
|
}
|
|
117
|
-
}, za = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"];
|
|
118
|
-
|
|
117
|
+
}, Lr = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], Pt = "_buttons_uu72s_1", Nt = "_button_uu72s_1", Tt = "_disabled_uu72s_17", le = {
|
|
118
|
+
buttons: Pt,
|
|
119
|
+
button: Nt,
|
|
120
|
+
disabled: Tt
|
|
121
|
+
};
|
|
122
|
+
async function te(t, n) {
|
|
123
|
+
const o = localStorage.getItem("shopId") || void 0, s = `${Te}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
|
|
124
|
+
return (await ke.get(s, {
|
|
125
|
+
headers: {
|
|
126
|
+
Authorization: `Bearer ${i}`
|
|
127
|
+
}
|
|
128
|
+
})).data;
|
|
129
|
+
}
|
|
130
|
+
async function Ft() {
|
|
131
|
+
try {
|
|
132
|
+
const [t, n, o, s, i, a] = await Promise.allSettled([
|
|
133
|
+
te("v1", "general"),
|
|
134
|
+
te("v1", "faqs"),
|
|
135
|
+
te("v1", "listings"),
|
|
136
|
+
te("v1", "products"),
|
|
137
|
+
te("v1", "reviews"),
|
|
138
|
+
te("v1", "categories")
|
|
139
|
+
]);
|
|
140
|
+
return {
|
|
141
|
+
general: t,
|
|
142
|
+
faqs: n,
|
|
143
|
+
listings: o,
|
|
144
|
+
products: s,
|
|
145
|
+
reviews: i,
|
|
146
|
+
categories: a
|
|
147
|
+
};
|
|
148
|
+
} catch (t) {
|
|
149
|
+
throw console.error("Error fetching page data:", t), t;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
async function $t() {
|
|
153
|
+
try {
|
|
154
|
+
const { data: t } = await ke.get(
|
|
155
|
+
`${tt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
|
|
156
|
+
);
|
|
157
|
+
return t.items;
|
|
158
|
+
} catch (t) {
|
|
159
|
+
throw console.error("Error fetching page data:", t), t;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
function Pr() {
|
|
163
|
+
try {
|
|
164
|
+
const {
|
|
165
|
+
editBlock: t,
|
|
166
|
+
currentBlock: n,
|
|
167
|
+
blocks: o,
|
|
168
|
+
header: s,
|
|
169
|
+
setHeader: i,
|
|
170
|
+
footer: a,
|
|
171
|
+
setFooter: r
|
|
172
|
+
} = M.getState(), { currentPage: l, pages: d } = $.getState(), { currentInstance: b, activeBlock: u } = X.getState(), { settings: p, setSettings: h } = K.getState();
|
|
173
|
+
if (h(p), !u && b && d) {
|
|
174
|
+
if (n === "header" && s)
|
|
175
|
+
i(s);
|
|
176
|
+
else if (n === "footer" && a)
|
|
177
|
+
r(a);
|
|
178
|
+
else if (n === "header" || n === "footer")
|
|
179
|
+
throw new Error(`Missing ${n} data.`);
|
|
180
|
+
const c = {
|
|
181
|
+
blockSettings: {}
|
|
182
|
+
};
|
|
183
|
+
if (!b.blockSettings)
|
|
184
|
+
throw new Error("currentInstance.blockSettings is undefined.");
|
|
185
|
+
if (Object.keys(b.blockSettings).filter((j) => !["displayName", "isAddable"].includes(j)).forEach((j) => {
|
|
186
|
+
c.blockSettings[j] = b.blockSettings[j];
|
|
187
|
+
}), !d[l])
|
|
188
|
+
throw new Error(`Page "${l}" does not exist.`);
|
|
189
|
+
if (!o[d[l].path] || !o[d[l].path][n])
|
|
190
|
+
throw new Error(
|
|
191
|
+
`Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
|
|
192
|
+
);
|
|
193
|
+
t(d[l].path, n, {
|
|
194
|
+
name: o[d[l].path][n].name,
|
|
195
|
+
value: c
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
} catch (t) {
|
|
199
|
+
console.error("Error in hotReload function:", t);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
async function Dt() {
|
|
203
|
+
const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Te}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
|
|
204
|
+
return (await ke.get(o, {
|
|
205
|
+
headers: {
|
|
206
|
+
Authorization: `Bearer ${s}`
|
|
207
|
+
}
|
|
208
|
+
})).data;
|
|
209
|
+
}
|
|
210
|
+
async function Mt() {
|
|
211
|
+
const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Te}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
|
|
212
|
+
return (await ke.get(o, {
|
|
213
|
+
headers: {
|
|
214
|
+
Authorization: `Bearer ${s}`
|
|
215
|
+
}
|
|
216
|
+
})).data;
|
|
217
|
+
}
|
|
218
|
+
const G = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "";
|
|
219
|
+
function Ht() {
|
|
119
220
|
let t = new URLSearchParams(document.location.search);
|
|
120
221
|
const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
|
|
121
|
-
return
|
|
222
|
+
return Wt(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
|
|
122
223
|
}
|
|
123
|
-
const
|
|
124
|
-
wrapper:
|
|
125
|
-
main:
|
|
126
|
-
loading:
|
|
127
|
-
},
|
|
128
|
-
const { footer: t } =
|
|
224
|
+
const It = "_wrapper_1dfbs_1", Rt = "_main_1dfbs_9", Et = "_loading_1dfbs_13", we = {
|
|
225
|
+
wrapper: It,
|
|
226
|
+
main: Rt,
|
|
227
|
+
loading: Et
|
|
228
|
+
}, Ve = ({ render: t, block: n }) => t(n), Xe = () => {
|
|
229
|
+
const { footer: t } = M(), { settings: n } = K(), { pageContext: o } = $();
|
|
129
230
|
return t == null ? void 0 : t.renderBlock(n, o);
|
|
130
|
-
},
|
|
131
|
-
const { header: t } =
|
|
231
|
+
}, Ye = () => {
|
|
232
|
+
const { header: t } = M(), { settings: n } = K(), { pageContext: o } = $();
|
|
132
233
|
return t == null ? void 0 : t.renderBlock(n, o);
|
|
133
|
-
},
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
234
|
+
}, Ot = "_wrapper_5w9s8_1", Ut = {
|
|
235
|
+
wrapper: Ot
|
|
236
|
+
}, xe = (t) => {
|
|
237
|
+
const { error: n } = t;
|
|
238
|
+
return /* @__PURE__ */ e.jsx("div", { className: Ut.wrapper, children: n });
|
|
239
|
+
}, qt = ({ pagePath: t }) => {
|
|
240
|
+
const { sourceBlocks: n } = X(), [o, s] = m.useState(null), [i, a] = m.useState(!0), [r, l] = m.useState(null), { setThemeSettings: d, themeSettings: b } = I(), [u, p] = m.useState(null), { settings: h } = K(), { addProducts: c } = nt();
|
|
241
|
+
m.useEffect(() => {
|
|
242
|
+
a(!0), (async () => {
|
|
243
|
+
const A = await ot(encodeURIComponent(t));
|
|
244
|
+
if (A) {
|
|
245
|
+
const { data: g } = A;
|
|
246
|
+
l(g.layout);
|
|
247
|
+
const { settings: x, theme: S } = (await st()).data;
|
|
248
|
+
p(x || h), d(S || b), s({
|
|
249
|
+
products: g.products,
|
|
250
|
+
reviews: g.reviews,
|
|
251
|
+
categories: g.categories,
|
|
252
|
+
faqs: g.faqs,
|
|
253
|
+
listings: g.listings
|
|
254
|
+
}), await c(g.products);
|
|
149
255
|
}
|
|
150
|
-
|
|
256
|
+
a(!1);
|
|
151
257
|
})();
|
|
152
258
|
}, [t]);
|
|
153
|
-
const
|
|
154
|
-
if (!
|
|
155
|
-
return /* @__PURE__ */ e.jsx(
|
|
156
|
-
if (!n || !n[
|
|
157
|
-
return /* @__PURE__ */ e.jsx(
|
|
158
|
-
const
|
|
159
|
-
return
|
|
259
|
+
const j = (L) => {
|
|
260
|
+
if (!L || !L.name)
|
|
261
|
+
return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
|
|
262
|
+
if (!n || !n[L.name])
|
|
263
|
+
return /* @__PURE__ */ e.jsx(xe, { error: `Block "${L.name}" does not exist in blocks.` });
|
|
264
|
+
const A = new n[L.name]();
|
|
265
|
+
return L.value && Object.assign(A, L.value), A.renderBlock(u, o);
|
|
160
266
|
};
|
|
161
|
-
return !i &&
|
|
162
|
-
/* @__PURE__ */ e.jsx(
|
|
163
|
-
!i &&
|
|
164
|
-
|
|
267
|
+
return !i && r === null ? /* @__PURE__ */ e.jsx(Gt, {}) : /* @__PURE__ */ e.jsxs("div", { className: we.wrapper, children: [
|
|
268
|
+
/* @__PURE__ */ e.jsx(Ye, {}),
|
|
269
|
+
!i && r ? /* @__PURE__ */ e.jsx("div", { className: we.main, children: Object.keys(r).map((L) => /* @__PURE__ */ e.jsx(
|
|
270
|
+
Ve,
|
|
165
271
|
{
|
|
166
|
-
block:
|
|
167
|
-
render:
|
|
272
|
+
block: r[L],
|
|
273
|
+
render: j
|
|
168
274
|
},
|
|
169
|
-
|
|
170
|
-
)) }) : /* @__PURE__ */ e.jsx("div", { className:
|
|
171
|
-
/* @__PURE__ */ e.jsx(
|
|
275
|
+
L
|
|
276
|
+
)) }) : /* @__PURE__ */ e.jsx("div", { className: we.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
|
|
277
|
+
/* @__PURE__ */ e.jsx(Xe, {})
|
|
172
278
|
] });
|
|
173
|
-
},
|
|
174
|
-
function
|
|
175
|
-
const t =
|
|
176
|
-
return /* @__PURE__ */ e.jsx(
|
|
279
|
+
}, Gt = () => /* @__PURE__ */ e.jsx("div", { className: we.notFound, children: "Page Not Found" });
|
|
280
|
+
function zt() {
|
|
281
|
+
const t = at();
|
|
282
|
+
return /* @__PURE__ */ e.jsx(qt, { pagePath: t.pathname });
|
|
177
283
|
}
|
|
178
|
-
const
|
|
284
|
+
const Wt = () => {
|
|
179
285
|
const t = new URL(window.location.href);
|
|
180
286
|
window.history.replaceState(null, "", t.pathname + t.hash);
|
|
181
|
-
},
|
|
287
|
+
}, Vt = (t) => {
|
|
182
288
|
let n = `:root {
|
|
183
289
|
`;
|
|
184
290
|
if (t.colors && Object.entries(t.colors).forEach(([o, s]) => {
|
|
185
|
-
Object.entries(s).forEach(([i,
|
|
186
|
-
n += ` --${o}-${i}: ${
|
|
291
|
+
Object.entries(s).forEach(([i, a]) => {
|
|
292
|
+
n += ` --${o}-${i}: ${a};
|
|
187
293
|
`;
|
|
188
294
|
});
|
|
189
295
|
}), t.fonts && Object.entries(t.fonts).forEach(([o, s]) => {
|
|
190
|
-
typeof s == "object" && Object.entries(s).forEach(([i,
|
|
191
|
-
|
|
192
|
-
`, n += ` --font-${o}-${i}-size: ${
|
|
193
|
-
`, n += ` --font-${o}-${i}-weight: ${
|
|
296
|
+
typeof s == "object" && Object.entries(s).forEach(([i, a]) => {
|
|
297
|
+
a && (n += ` --font-${o}-${i}-family: ${a.font};
|
|
298
|
+
`, n += ` --font-${o}-${i}-size: ${a.size}px;
|
|
299
|
+
`, n += ` --font-${o}-${i}-weight: ${a.weight};
|
|
194
300
|
`);
|
|
195
301
|
});
|
|
196
302
|
}), t.buttons) {
|
|
@@ -208,7 +314,7 @@ const $t = () => {
|
|
|
208
314
|
`;
|
|
209
315
|
}
|
|
210
316
|
return n += "}", n;
|
|
211
|
-
},
|
|
317
|
+
}, Xt = (t) => {
|
|
212
318
|
const n = document.getElementById("dynamic-styles");
|
|
213
319
|
if (n)
|
|
214
320
|
n.innerHTML = t;
|
|
@@ -216,22 +322,18 @@ const $t = () => {
|
|
|
216
322
|
const o = document.createElement("style");
|
|
217
323
|
o.id = "dynamic-styles", o.innerHTML = t, document.head.appendChild(o);
|
|
218
324
|
}
|
|
219
|
-
},
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
},
|
|
224
|
-
const { undo: t, redo: n, past: o, future: s } = tt(), [i, r] = p.useState(!1), [a, l] = p.useState(!1);
|
|
225
|
-
return p.useEffect(() => {
|
|
226
|
-
r(o.length === 0);
|
|
227
|
-
}, [o]), p.useEffect(() => {
|
|
325
|
+
}, Yt = () => {
|
|
326
|
+
const { undo: t, redo: n, past: o, future: s } = rt(), [i, a] = m.useState(!1), [r, l] = m.useState(!1);
|
|
327
|
+
return m.useEffect(() => {
|
|
328
|
+
a(o.length === 0);
|
|
329
|
+
}, [o]), m.useEffect(() => {
|
|
228
330
|
l(s.length === 0);
|
|
229
|
-
}, [s]), /* @__PURE__ */ e.jsxs("div", { className:
|
|
331
|
+
}, [s]), /* @__PURE__ */ e.jsxs("div", { className: le.buttons, children: [
|
|
230
332
|
/* @__PURE__ */ e.jsx(
|
|
231
333
|
"div",
|
|
232
334
|
{
|
|
233
|
-
className:
|
|
234
|
-
[
|
|
335
|
+
className: T(le.button, {
|
|
336
|
+
[le.disabled]: i
|
|
235
337
|
}),
|
|
236
338
|
children: /* @__PURE__ */ e.jsx(
|
|
237
339
|
C,
|
|
@@ -250,8 +352,8 @@ const $t = () => {
|
|
|
250
352
|
/* @__PURE__ */ e.jsx(
|
|
251
353
|
"div",
|
|
252
354
|
{
|
|
253
|
-
className:
|
|
254
|
-
[
|
|
355
|
+
className: T(le.button, {
|
|
356
|
+
[le.disabled]: r
|
|
255
357
|
}),
|
|
256
358
|
children: /* @__PURE__ */ e.jsx(
|
|
257
359
|
C,
|
|
@@ -260,25 +362,25 @@ const $t = () => {
|
|
|
260
362
|
width: 20,
|
|
261
363
|
height: 20,
|
|
262
364
|
onClick: () => {
|
|
263
|
-
|
|
365
|
+
r || n();
|
|
264
366
|
},
|
|
265
|
-
fill:
|
|
367
|
+
fill: r ? "#757575" : "#252525"
|
|
266
368
|
}
|
|
267
369
|
)
|
|
268
370
|
}
|
|
269
371
|
)
|
|
270
372
|
] });
|
|
271
|
-
},
|
|
272
|
-
devices:
|
|
273
|
-
device:
|
|
274
|
-
active:
|
|
275
|
-
},
|
|
276
|
-
const { currentDevice: t, setCurrentDevice: n } =
|
|
277
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
373
|
+
}, Qt = "_devices_1b6y1_1", Kt = "_device_1b6y1_1", Jt = "_active_1b6y1_26", Ae = {
|
|
374
|
+
devices: Qt,
|
|
375
|
+
device: Kt,
|
|
376
|
+
active: Jt
|
|
377
|
+
}, Zt = () => {
|
|
378
|
+
const { currentDevice: t, setCurrentDevice: n } = qe();
|
|
379
|
+
return /* @__PURE__ */ e.jsx("div", { className: Ae.devices, children: At.map((o) => /* @__PURE__ */ e.jsx(
|
|
278
380
|
"div",
|
|
279
381
|
{
|
|
280
|
-
className:
|
|
281
|
-
[
|
|
382
|
+
className: T(Ae.device, {
|
|
383
|
+
[Ae.active]: t.value === o.value
|
|
282
384
|
}),
|
|
283
385
|
onClick: () => n(o),
|
|
284
386
|
children: /* @__PURE__ */ e.jsx(
|
|
@@ -293,20 +395,20 @@ const $t = () => {
|
|
|
293
395
|
},
|
|
294
396
|
o.value
|
|
295
397
|
)) });
|
|
296
|
-
},
|
|
297
|
-
header:
|
|
298
|
-
left:
|
|
299
|
-
right:
|
|
300
|
-
},
|
|
301
|
-
preview:
|
|
302
|
-
active:
|
|
303
|
-
},
|
|
304
|
-
const { onPreview: t, setOnPreview: n } =
|
|
398
|
+
}, en = "_header_2d8xd_1", tn = "_left_2d8xd_13", nn = "_right_2d8xd_14", me = {
|
|
399
|
+
header: en,
|
|
400
|
+
left: tn,
|
|
401
|
+
right: nn
|
|
402
|
+
}, on = "_preview_93shy_2", sn = "_active_93shy_23", Le = {
|
|
403
|
+
preview: on,
|
|
404
|
+
active: sn
|
|
405
|
+
}, an = () => {
|
|
406
|
+
const { onPreview: t, setOnPreview: n } = ee();
|
|
305
407
|
return /* @__PURE__ */ e.jsxs(
|
|
306
408
|
"div",
|
|
307
409
|
{
|
|
308
|
-
className:
|
|
309
|
-
[
|
|
410
|
+
className: T(Le.preview, {
|
|
411
|
+
[Le.active]: t
|
|
310
412
|
}),
|
|
311
413
|
onClick: () => n(!t),
|
|
312
414
|
children: [
|
|
@@ -318,35 +420,35 @@ const $t = () => {
|
|
|
318
420
|
height: 20
|
|
319
421
|
}
|
|
320
422
|
),
|
|
321
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
423
|
+
/* @__PURE__ */ e.jsx("span", { className: Le.text, children: "Preview" })
|
|
322
424
|
]
|
|
323
425
|
}
|
|
324
426
|
);
|
|
325
|
-
},
|
|
326
|
-
settings:
|
|
327
|
-
},
|
|
328
|
-
pages:
|
|
427
|
+
}, rn = "_settings_u4cv4_1", ln = {
|
|
428
|
+
settings: rn
|
|
429
|
+
}, cn = "_pages_1mwe1_1", dn = "_text_1mwe1_17", un = "_modal_1mwe1_23", hn = "_page_1mwe1_1", pn = "_hoverable_1mwe1_49", gn = "_separator_1mwe1_53", mn = "_button_1mwe1_57", Sn = "_items_1mwe1_72", z = {
|
|
430
|
+
pages: cn,
|
|
329
431
|
default: "_default_1mwe1_5",
|
|
330
|
-
text:
|
|
331
|
-
modal:
|
|
332
|
-
page:
|
|
333
|
-
hoverable:
|
|
334
|
-
separator:
|
|
335
|
-
button:
|
|
336
|
-
items:
|
|
337
|
-
},
|
|
432
|
+
text: dn,
|
|
433
|
+
modal: un,
|
|
434
|
+
page: hn,
|
|
435
|
+
hoverable: pn,
|
|
436
|
+
separator: gn,
|
|
437
|
+
button: mn,
|
|
438
|
+
items: Sn
|
|
439
|
+
}, _n = () => {
|
|
338
440
|
const {
|
|
339
441
|
currentPage: t,
|
|
340
442
|
setCurrentPage: n,
|
|
341
443
|
setIsOpenModal: o,
|
|
342
444
|
pages: s,
|
|
343
445
|
setIsEdit: i,
|
|
344
|
-
setEditedPage:
|
|
345
|
-
deletePage:
|
|
446
|
+
setEditedPage: a,
|
|
447
|
+
deletePage: r,
|
|
346
448
|
isOpenSelectModal: l,
|
|
347
449
|
setIsOpenSelectModal: d
|
|
348
|
-
} =
|
|
349
|
-
return
|
|
450
|
+
} = $(), { deletePage: b } = M(), [u, p] = m.useState("");
|
|
451
|
+
return m.useEffect(() => {
|
|
350
452
|
const h = () => {
|
|
351
453
|
d(!1);
|
|
352
454
|
};
|
|
@@ -371,7 +473,7 @@ const $t = () => {
|
|
|
371
473
|
height: 20
|
|
372
474
|
}
|
|
373
475
|
),
|
|
374
|
-
/* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] &&
|
|
476
|
+
/* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && he.includes(s[t].name) ? `${G(s[t].name)} page` : s && s[t] && s[t].name }),
|
|
375
477
|
/* @__PURE__ */ e.jsx(
|
|
376
478
|
C,
|
|
377
479
|
{
|
|
@@ -394,13 +496,13 @@ const $t = () => {
|
|
|
394
496
|
return /* @__PURE__ */ e.jsxs(
|
|
395
497
|
"div",
|
|
396
498
|
{
|
|
397
|
-
className:
|
|
499
|
+
className: T(z.page, {
|
|
398
500
|
[z.hoverable]: u === h
|
|
399
501
|
}),
|
|
400
|
-
onMouseEnter: () =>
|
|
401
|
-
onMouseLeave: () =>
|
|
502
|
+
onMouseEnter: () => p(h),
|
|
503
|
+
onMouseLeave: () => p(""),
|
|
402
504
|
onClick: () => {
|
|
403
|
-
|
|
505
|
+
p(""), i(!1), n(h), d(!1);
|
|
404
506
|
},
|
|
405
507
|
children: [
|
|
406
508
|
/* @__PURE__ */ e.jsx(
|
|
@@ -410,25 +512,25 @@ const $t = () => {
|
|
|
410
512
|
fill: "#252525"
|
|
411
513
|
}
|
|
412
514
|
),
|
|
413
|
-
/* @__PURE__ */ e.jsx("span", { className: z.text, children:
|
|
515
|
+
/* @__PURE__ */ e.jsx("span", { className: z.text, children: he.includes(c.name) ? `${G(c.name)} page` : c.name }),
|
|
414
516
|
u === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
415
517
|
/* @__PURE__ */ e.jsx(
|
|
416
518
|
C,
|
|
417
519
|
{
|
|
418
520
|
name: "Gear",
|
|
419
521
|
fill: "#757575",
|
|
420
|
-
onClick: (
|
|
421
|
-
|
|
522
|
+
onClick: (j) => {
|
|
523
|
+
j.stopPropagation(), i(!0), a(h), o(!0);
|
|
422
524
|
}
|
|
423
525
|
}
|
|
424
526
|
),
|
|
425
|
-
!
|
|
527
|
+
!he.includes(c.name) && /* @__PURE__ */ e.jsx(
|
|
426
528
|
C,
|
|
427
529
|
{
|
|
428
530
|
name: "Trash",
|
|
429
531
|
fill: "#C12A2A",
|
|
430
|
-
onClick: (
|
|
431
|
-
s[t].path === c.name && n("/"),
|
|
532
|
+
onClick: (j) => {
|
|
533
|
+
s[t].path === c.name && n("/"), j.stopPropagation(), r(h), b(c.name), it(c.path);
|
|
432
534
|
}
|
|
433
535
|
}
|
|
434
536
|
)
|
|
@@ -447,7 +549,7 @@ const $t = () => {
|
|
|
447
549
|
}) }),
|
|
448
550
|
/* @__PURE__ */ e.jsx("div", { className: z.separator }),
|
|
449
551
|
/* @__PURE__ */ e.jsxs(
|
|
450
|
-
|
|
552
|
+
Z,
|
|
451
553
|
{
|
|
452
554
|
className: z.button,
|
|
453
555
|
onClick: (h) => {
|
|
@@ -470,15 +572,15 @@ const $t = () => {
|
|
|
470
572
|
}
|
|
471
573
|
)
|
|
472
574
|
] });
|
|
473
|
-
},
|
|
474
|
-
zoom:
|
|
475
|
-
},
|
|
476
|
-
const [t, n] =
|
|
575
|
+
}, bn = "_zoom_1q1ud_1", fn = {
|
|
576
|
+
zoom: bn
|
|
577
|
+
}, Cn = () => {
|
|
578
|
+
const [t, n] = m.useState(), o = () => {
|
|
477
579
|
n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
|
|
478
580
|
};
|
|
479
|
-
return
|
|
581
|
+
return m.useEffect(() => (o(), window.addEventListener("resize", o), () => {
|
|
480
582
|
window.removeEventListener("resize", o);
|
|
481
|
-
}), []), /* @__PURE__ */ e.jsxs("div", { className:
|
|
583
|
+
}), []), /* @__PURE__ */ e.jsxs("div", { className: fn.zoom, children: [
|
|
482
584
|
/* @__PURE__ */ e.jsx(
|
|
483
585
|
C,
|
|
484
586
|
{
|
|
@@ -492,12 +594,12 @@ const $t = () => {
|
|
|
492
594
|
" %"
|
|
493
595
|
] })
|
|
494
596
|
] });
|
|
495
|
-
},
|
|
496
|
-
/* @__PURE__ */ e.jsx(
|
|
497
|
-
/* @__PURE__ */ e.jsx(
|
|
498
|
-
] }),
|
|
499
|
-
theme:
|
|
500
|
-
},
|
|
597
|
+
}, wn = () => /* @__PURE__ */ e.jsxs("div", { className: ln.settings, children: [
|
|
598
|
+
/* @__PURE__ */ e.jsx(_n, {}),
|
|
599
|
+
/* @__PURE__ */ e.jsx(Cn, {})
|
|
600
|
+
] }), vn = "_theme_1jz2h_1", xn = {
|
|
601
|
+
theme: vn
|
|
602
|
+
}, kn = () => /* @__PURE__ */ e.jsxs("div", { className: xn.theme, children: [
|
|
501
603
|
/* @__PURE__ */ e.jsx(
|
|
502
604
|
C,
|
|
503
605
|
{
|
|
@@ -507,110 +609,108 @@ const $t = () => {
|
|
|
507
609
|
}
|
|
508
610
|
),
|
|
509
611
|
/* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
|
|
510
|
-
] }),
|
|
511
|
-
const { themeSettings: t } =
|
|
512
|
-
function h(
|
|
612
|
+
] }), yn = () => {
|
|
613
|
+
const { themeSettings: t } = I(), { settings: n } = K(), { isOpenSelectModal: o } = $(), [s, i] = m.useState(null), [a, r] = m.useState(!1), [l, d] = m.useState(!1), { setNotification: b } = Ge(), { pages: u } = $(), { blocks: p } = M();
|
|
614
|
+
function h(g, x) {
|
|
513
615
|
try {
|
|
514
|
-
return
|
|
515
|
-
if (!
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
616
|
+
return x.map((w) => {
|
|
617
|
+
if (!w.value || !w.value.blockSettings) {
|
|
618
|
+
console.error("block.value or block.value.blockSettings is undefined.");
|
|
619
|
+
return;
|
|
620
|
+
}
|
|
621
|
+
return Object.values(w.value.blockSettings).filter((B) => B && B.type === g).map((B) => {
|
|
622
|
+
if (!B.value)
|
|
519
623
|
throw new Error("item.value is undefined.");
|
|
520
|
-
return
|
|
624
|
+
return B.value;
|
|
521
625
|
}).flat();
|
|
522
|
-
}).flat().map((
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
return v.listingId;
|
|
526
|
-
});
|
|
527
|
-
} catch (f) {
|
|
528
|
-
return console.error("Error in getValues function:", f), [];
|
|
626
|
+
}).flat().filter((w) => w).map((w) => w.listingId);
|
|
627
|
+
} catch (S) {
|
|
628
|
+
return console.error("Error in getValues function:", S), [];
|
|
529
629
|
}
|
|
530
630
|
}
|
|
531
|
-
function c(
|
|
532
|
-
return h(
|
|
631
|
+
function c(g, x) {
|
|
632
|
+
return h(g, x).some((w) => w);
|
|
533
633
|
}
|
|
534
|
-
function
|
|
535
|
-
const
|
|
536
|
-
return Array.isArray(
|
|
634
|
+
function j(g, x) {
|
|
635
|
+
const S = h(g, x);
|
|
636
|
+
return Array.isArray(S) && S.length > 0 ? Math.max(...S) : 0;
|
|
537
637
|
}
|
|
538
|
-
function
|
|
638
|
+
function L(g) {
|
|
539
639
|
if (u) {
|
|
540
|
-
const
|
|
541
|
-
if (
|
|
640
|
+
const x = Object.keys(u).find((S) => u[S].name === g);
|
|
641
|
+
if (x) return u[x];
|
|
542
642
|
}
|
|
543
643
|
return null;
|
|
544
644
|
}
|
|
545
|
-
const
|
|
546
|
-
if (
|
|
645
|
+
const A = async () => {
|
|
646
|
+
if (a)
|
|
547
647
|
s && clearTimeout(s);
|
|
548
648
|
else {
|
|
549
649
|
d(!0);
|
|
550
|
-
const
|
|
551
|
-
const
|
|
650
|
+
const x = Object.keys(p).map((w) => {
|
|
651
|
+
const v = L(w);
|
|
552
652
|
return {
|
|
553
|
-
name:
|
|
554
|
-
path: (
|
|
653
|
+
name: v ? v.name : w,
|
|
654
|
+
path: (v == null ? void 0 : v.path) || w,
|
|
555
655
|
layout: {
|
|
556
|
-
...
|
|
656
|
+
...p[w]
|
|
557
657
|
},
|
|
558
|
-
neededProductIds: [...h("ProductId", Object.values(
|
|
559
|
-
neededCategoryIds: [...h("CategoryId", Object.values(
|
|
560
|
-
neededAnnouncementIds: [...h("AnnouncementId", Object.values(
|
|
561
|
-
neededListingIds: [...h("
|
|
562
|
-
neededFaqs: c("Faqs", Object.values(
|
|
563
|
-
neededReviewCount:
|
|
658
|
+
neededProductIds: [...h("ProductId", Object.values(p[w]))],
|
|
659
|
+
neededCategoryIds: [...h("CategoryId", Object.values(p[w]))],
|
|
660
|
+
neededAnnouncementIds: [...h("AnnouncementId", Object.values(p[w]))],
|
|
661
|
+
neededListingIds: [...h("ListingIds", Object.values(p[w]))],
|
|
662
|
+
neededFaqs: c("Faqs", Object.values(p[w])),
|
|
663
|
+
neededReviewCount: j("ReviewCount", Object.values(p[w])),
|
|
564
664
|
seo: {
|
|
565
|
-
pageTitle:
|
|
566
|
-
pageDescription:
|
|
665
|
+
pageTitle: v && v.seo && v.seo.title ? v.seo.title : "",
|
|
666
|
+
pageDescription: v && v.seo && v.seo.description ? v.seo.description : ""
|
|
567
667
|
}
|
|
568
668
|
};
|
|
569
|
-
}), { status:
|
|
669
|
+
}), { status: S } = await lt("post", "save", {
|
|
570
670
|
themeSettings: t,
|
|
571
671
|
settings: n,
|
|
572
|
-
updatedPages:
|
|
672
|
+
updatedPages: x
|
|
573
673
|
});
|
|
574
|
-
|
|
575
|
-
message:
|
|
576
|
-
status:
|
|
674
|
+
b({
|
|
675
|
+
message: S === 200 ? "Settings saved" : "Error",
|
|
676
|
+
status: S === 200 ? "success" : "error"
|
|
577
677
|
}), d(!1);
|
|
578
678
|
}
|
|
579
|
-
|
|
580
|
-
const
|
|
581
|
-
|
|
679
|
+
r(!0);
|
|
680
|
+
const g = setTimeout(() => {
|
|
681
|
+
r(!1);
|
|
582
682
|
}, 2e3);
|
|
583
|
-
i(
|
|
683
|
+
i(g);
|
|
584
684
|
};
|
|
585
685
|
return /* @__PURE__ */ e.jsxs(
|
|
586
686
|
"div",
|
|
587
687
|
{
|
|
588
|
-
className:
|
|
688
|
+
className: me.header,
|
|
589
689
|
style: {
|
|
590
690
|
zIndex: o ? 5e4 : 50
|
|
591
691
|
},
|
|
592
692
|
children: [
|
|
593
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
594
|
-
/* @__PURE__ */ e.jsx(
|
|
595
|
-
/* @__PURE__ */ e.jsx(
|
|
693
|
+
/* @__PURE__ */ e.jsxs("div", { className: me.left, children: [
|
|
694
|
+
/* @__PURE__ */ e.jsx(Zt, {}),
|
|
695
|
+
/* @__PURE__ */ e.jsx(an, {})
|
|
596
696
|
] }),
|
|
597
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
598
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
599
|
-
/* @__PURE__ */ e.jsx(
|
|
600
|
-
/* @__PURE__ */ e.jsx(
|
|
601
|
-
l ? /* @__PURE__ */ e.jsx(
|
|
697
|
+
/* @__PURE__ */ e.jsx("div", { className: me.center, children: /* @__PURE__ */ e.jsx(wn, {}) }),
|
|
698
|
+
/* @__PURE__ */ e.jsxs("div", { className: me.right, children: [
|
|
699
|
+
/* @__PURE__ */ e.jsx(kn, {}),
|
|
700
|
+
/* @__PURE__ */ e.jsx(Yt, {}),
|
|
701
|
+
l ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(Z, { onClick: A, children: "Save" })
|
|
602
702
|
] })
|
|
603
703
|
]
|
|
604
704
|
}
|
|
605
705
|
);
|
|
606
|
-
},
|
|
607
|
-
exit:
|
|
608
|
-
text:
|
|
609
|
-
},
|
|
706
|
+
}, jn = "_exit_1wk4t_1", Bn = "_text_1wk4t_11", Me = {
|
|
707
|
+
exit: jn,
|
|
708
|
+
text: Bn
|
|
709
|
+
}, An = () => /* @__PURE__ */ e.jsxs(
|
|
610
710
|
"a",
|
|
611
711
|
{
|
|
612
712
|
href: "https://dash.billgang.com/",
|
|
613
|
-
className:
|
|
713
|
+
className: Me.exit,
|
|
614
714
|
children: [
|
|
615
715
|
/* @__PURE__ */ e.jsx(
|
|
616
716
|
C,
|
|
@@ -620,81 +720,81 @@ const $t = () => {
|
|
|
620
720
|
height: 20
|
|
621
721
|
}
|
|
622
722
|
),
|
|
623
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
723
|
+
/* @__PURE__ */ e.jsx("span", { className: Me.text, children: "Exit" })
|
|
624
724
|
]
|
|
625
725
|
}
|
|
626
|
-
),
|
|
627
|
-
navbar:
|
|
628
|
-
main:
|
|
629
|
-
block:
|
|
630
|
-
active:
|
|
631
|
-
},
|
|
632
|
-
const { activeBlock: t, setActiveBlock: n } =
|
|
633
|
-
function r
|
|
634
|
-
o(null), n(
|
|
726
|
+
), Ln = "_navbar_14j8e_1", Pn = "_main_14j8e_6", Nn = "_block_14j8e_13", Tn = "_active_14j8e_30", Se = {
|
|
727
|
+
navbar: Ln,
|
|
728
|
+
main: Pn,
|
|
729
|
+
block: Nn,
|
|
730
|
+
active: Tn
|
|
731
|
+
}, Fn = () => {
|
|
732
|
+
const { activeBlock: t, setActiveBlock: n } = je(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = I();
|
|
733
|
+
function a(r) {
|
|
734
|
+
o(null), n(r), s(null), i(null);
|
|
635
735
|
}
|
|
636
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
637
|
-
/* @__PURE__ */ e.jsx(
|
|
638
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
736
|
+
return /* @__PURE__ */ e.jsxs("div", { className: Se.navbar, children: [
|
|
737
|
+
/* @__PURE__ */ e.jsx(An, {}),
|
|
738
|
+
/* @__PURE__ */ e.jsx("div", { className: Se.main, children: ct.map((r) => /* @__PURE__ */ e.jsxs(
|
|
639
739
|
"div",
|
|
640
740
|
{
|
|
641
|
-
className:
|
|
642
|
-
[
|
|
741
|
+
className: T(Se.block, {
|
|
742
|
+
[Se.active]: t.icon === r.icon
|
|
643
743
|
}),
|
|
644
|
-
onClick: () => r
|
|
744
|
+
onClick: () => a(r),
|
|
645
745
|
children: [
|
|
646
746
|
/* @__PURE__ */ e.jsx(
|
|
647
747
|
C,
|
|
648
748
|
{
|
|
649
|
-
name:
|
|
650
|
-
fill: t.icon ===
|
|
749
|
+
name: r.icon,
|
|
750
|
+
fill: t.icon === r.icon ? "#252525" : "#757575"
|
|
651
751
|
}
|
|
652
752
|
),
|
|
653
|
-
/* @__PURE__ */ e.jsx("span", { children:
|
|
753
|
+
/* @__PURE__ */ e.jsx("span", { children: r.name })
|
|
654
754
|
]
|
|
655
755
|
},
|
|
656
|
-
|
|
756
|
+
r.icon
|
|
657
757
|
)) })
|
|
658
758
|
] });
|
|
659
|
-
},
|
|
660
|
-
preview:
|
|
661
|
-
main:
|
|
662
|
-
content:
|
|
663
|
-
loading:
|
|
664
|
-
loader:
|
|
665
|
-
spin:
|
|
666
|
-
},
|
|
667
|
-
header:
|
|
668
|
-
circles:
|
|
669
|
-
circle:
|
|
670
|
-
red:
|
|
671
|
-
green:
|
|
672
|
-
yellow:
|
|
673
|
-
input:
|
|
674
|
-
main:
|
|
675
|
-
text:
|
|
676
|
-
},
|
|
677
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
759
|
+
}, $n = "_preview_1howr_1", Dn = "_main_1howr_14", Mn = "_content_1howr_25", Hn = "_loading_1howr_32", In = "_loader_1howr_42", Rn = "_spin_1howr_1", _e = {
|
|
760
|
+
preview: $n,
|
|
761
|
+
main: Dn,
|
|
762
|
+
content: Mn,
|
|
763
|
+
loading: Hn,
|
|
764
|
+
loader: In,
|
|
765
|
+
spin: Rn
|
|
766
|
+
}, En = "_header_obebc_1", On = "_circles_obebc_16", Un = "_circle_obebc_16", qn = "_red_obebc_33", Gn = "_green_obebc_37", zn = "_yellow_obebc_41", Wn = "_input_obebc_45", Vn = "_main_obebc_56", Xn = "_text_obebc_65", Y = {
|
|
767
|
+
header: En,
|
|
768
|
+
circles: On,
|
|
769
|
+
circle: Un,
|
|
770
|
+
red: qn,
|
|
771
|
+
green: Gn,
|
|
772
|
+
yellow: zn,
|
|
773
|
+
input: Wn,
|
|
774
|
+
main: Vn,
|
|
775
|
+
text: Xn
|
|
776
|
+
}, Yn = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", Qn = ["red", "yellow", "green"], Kn = () => /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
|
|
777
|
+
/* @__PURE__ */ e.jsx("div", { className: Y.circles, children: Qn.map((t) => /* @__PURE__ */ e.jsx(
|
|
678
778
|
"div",
|
|
679
779
|
{
|
|
680
|
-
className:
|
|
681
|
-
[
|
|
682
|
-
[
|
|
683
|
-
[
|
|
780
|
+
className: T(Y.circle, {
|
|
781
|
+
[Y.red]: t === "red",
|
|
782
|
+
[Y.yellow]: t === "yellow",
|
|
783
|
+
[Y.green]: t === "green"
|
|
684
784
|
})
|
|
685
785
|
},
|
|
686
786
|
t
|
|
687
787
|
)) }),
|
|
688
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
689
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
788
|
+
/* @__PURE__ */ e.jsxs("div", { className: Y.input, children: [
|
|
789
|
+
/* @__PURE__ */ e.jsxs("div", { className: Y.main, children: [
|
|
690
790
|
/* @__PURE__ */ e.jsx(
|
|
691
791
|
"img",
|
|
692
792
|
{
|
|
693
|
-
src:
|
|
793
|
+
src: Yn,
|
|
694
794
|
alt: ""
|
|
695
795
|
}
|
|
696
796
|
),
|
|
697
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
797
|
+
/* @__PURE__ */ e.jsx("span", { className: Y.text, children: "lorem.ipsum" }),
|
|
698
798
|
/* @__PURE__ */ e.jsx(
|
|
699
799
|
C,
|
|
700
800
|
{
|
|
@@ -714,39 +814,39 @@ const $t = () => {
|
|
|
714
814
|
}
|
|
715
815
|
)
|
|
716
816
|
] })
|
|
717
|
-
] }),
|
|
718
|
-
content:
|
|
719
|
-
main:
|
|
720
|
-
block:
|
|
721
|
-
active:
|
|
722
|
-
name:
|
|
723
|
-
empty:
|
|
724
|
-
icon:
|
|
725
|
-
title:
|
|
726
|
-
text:
|
|
727
|
-
sections:
|
|
728
|
-
section:
|
|
729
|
-
},
|
|
730
|
-
sidebar:
|
|
731
|
-
content:
|
|
732
|
-
button:
|
|
733
|
-
moveButton:
|
|
734
|
-
border:
|
|
735
|
-
deleteButton:
|
|
736
|
-
},
|
|
737
|
-
const { activeBlock: t } =
|
|
738
|
-
d > 0 &&
|
|
817
|
+
] }), Jn = "_content_glpob_1", Zn = "_main_glpob_9", eo = "_block_glpob_13", to = "_active_glpob_20", no = "_name_glpob_24", oo = "_empty_glpob_38", so = "_icon_glpob_49", ao = "_title_glpob_62", ro = "_text_glpob_68", io = "_sections_glpob_74", lo = "_section_glpob_74", ce = {
|
|
818
|
+
content: Jn,
|
|
819
|
+
main: Zn,
|
|
820
|
+
block: eo,
|
|
821
|
+
active: to,
|
|
822
|
+
name: no,
|
|
823
|
+
empty: oo,
|
|
824
|
+
icon: so,
|
|
825
|
+
title: ao,
|
|
826
|
+
text: ro,
|
|
827
|
+
sections: io,
|
|
828
|
+
section: lo
|
|
829
|
+
}, co = "_sidebar_1cz73_1", uo = "_content_1cz73_14", ho = "_button_1cz73_24", po = "_moveButton_1cz73_34", go = "_border_1cz73_38", mo = "_deleteButton_1cz73_42", E = {
|
|
830
|
+
sidebar: co,
|
|
831
|
+
content: uo,
|
|
832
|
+
button: ho,
|
|
833
|
+
moveButton: po,
|
|
834
|
+
border: go,
|
|
835
|
+
deleteButton: mo
|
|
836
|
+
}, So = () => {
|
|
837
|
+
const { activeBlock: t } = ee(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = M(), { currentPage: a, pages: r } = $(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], d = l.indexOf(t), b = () => {
|
|
838
|
+
d > 0 && r && s(r[a].path, d, d - 1);
|
|
739
839
|
}, u = () => {
|
|
740
|
-
d < l.length - 1 &&
|
|
741
|
-
},
|
|
742
|
-
|
|
840
|
+
d < l.length - 1 && r && s(r[a].path, d, d + 1);
|
|
841
|
+
}, p = () => {
|
|
842
|
+
r && i(r[a].path, t);
|
|
743
843
|
};
|
|
744
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
844
|
+
return /* @__PURE__ */ e.jsx("div", { className: E.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
|
|
745
845
|
/* @__PURE__ */ e.jsx(
|
|
746
846
|
"button",
|
|
747
847
|
{
|
|
748
|
-
onClick:
|
|
749
|
-
className:
|
|
848
|
+
onClick: b,
|
|
849
|
+
className: T(E.button, E.moveButton),
|
|
750
850
|
disabled: d === 0,
|
|
751
851
|
children: /* @__PURE__ */ e.jsx(C, { name: "ArrowUp" })
|
|
752
852
|
}
|
|
@@ -755,28 +855,28 @@ const $t = () => {
|
|
|
755
855
|
"button",
|
|
756
856
|
{
|
|
757
857
|
onClick: u,
|
|
758
|
-
className:
|
|
858
|
+
className: T(E.button, E.moveButton),
|
|
759
859
|
disabled: d === l.length - 1,
|
|
760
860
|
children: /* @__PURE__ */ e.jsx(C, { name: "ArrowDown" })
|
|
761
861
|
}
|
|
762
862
|
),
|
|
763
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
863
|
+
/* @__PURE__ */ e.jsx("div", { className: E.border }),
|
|
764
864
|
/* @__PURE__ */ e.jsx(
|
|
765
865
|
"button",
|
|
766
866
|
{
|
|
767
|
-
onClick:
|
|
768
|
-
className:
|
|
867
|
+
onClick: p,
|
|
868
|
+
className: T(E.button, E.moveButton),
|
|
769
869
|
children: /* @__PURE__ */ e.jsx(C, { name: "Copy" })
|
|
770
870
|
}
|
|
771
871
|
),
|
|
772
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
872
|
+
/* @__PURE__ */ e.jsx("div", { className: E.border }),
|
|
773
873
|
/* @__PURE__ */ e.jsx(
|
|
774
874
|
"button",
|
|
775
875
|
{
|
|
776
876
|
onClick: () => {
|
|
777
|
-
|
|
877
|
+
r && o(r[a].path, t);
|
|
778
878
|
},
|
|
779
|
-
className:
|
|
879
|
+
className: T(E.button, E.deleteButton),
|
|
780
880
|
children: /* @__PURE__ */ e.jsx(
|
|
781
881
|
C,
|
|
782
882
|
{
|
|
@@ -787,11 +887,11 @@ const $t = () => {
|
|
|
787
887
|
}
|
|
788
888
|
)
|
|
789
889
|
] }) });
|
|
790
|
-
},
|
|
791
|
-
const { setActiveBlock: t, activeBlock: n } =
|
|
792
|
-
|
|
890
|
+
}, _o = m.memo(() => {
|
|
891
|
+
const { setActiveBlock: t, activeBlock: n } = ee(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = M(), { settings: a } = K(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: b } = $(), u = m.useRef(n);
|
|
892
|
+
m.useEffect(() => {
|
|
793
893
|
u.current = n;
|
|
794
|
-
}, [n]),
|
|
894
|
+
}, [n]), m.useEffect(() => {
|
|
795
895
|
const c = () => {
|
|
796
896
|
u.current && t(null);
|
|
797
897
|
};
|
|
@@ -799,19 +899,19 @@ const $t = () => {
|
|
|
799
899
|
document.body.removeEventListener("click", c);
|
|
800
900
|
};
|
|
801
901
|
}, []);
|
|
802
|
-
const
|
|
902
|
+
const p = (c) => {
|
|
803
903
|
if (!c || !c.name)
|
|
804
|
-
return /* @__PURE__ */ e.jsx(
|
|
904
|
+
return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
|
|
805
905
|
if (!o || !o[c.name])
|
|
806
|
-
return /* @__PURE__ */ e.jsx(
|
|
807
|
-
const
|
|
808
|
-
return c.value && Object.assign(
|
|
906
|
+
return /* @__PURE__ */ e.jsx(xe, { error: `Block "${c.name}" does not exist in blocks.` });
|
|
907
|
+
const j = new o[c.name]();
|
|
908
|
+
return c.value && Object.assign(j, c.value), j.renderBlock(a, b);
|
|
809
909
|
};
|
|
810
910
|
function h(c) {
|
|
811
911
|
if (!s || !s[c])
|
|
812
912
|
return "unknown name";
|
|
813
|
-
const
|
|
814
|
-
return !
|
|
913
|
+
const j = new s[c]();
|
|
914
|
+
return !j.blockSettings || !j.blockSettings.displayName ? "unknown name" : j.blockSettings.displayName;
|
|
815
915
|
}
|
|
816
916
|
return /* @__PURE__ */ e.jsxs(
|
|
817
917
|
"div",
|
|
@@ -819,48 +919,48 @@ const $t = () => {
|
|
|
819
919
|
onClick: (c) => {
|
|
820
920
|
c.stopPropagation(), d(!1);
|
|
821
921
|
},
|
|
822
|
-
className:
|
|
922
|
+
className: ce.content,
|
|
823
923
|
children: [
|
|
824
|
-
/* @__PURE__ */ e.jsx(
|
|
825
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
924
|
+
/* @__PURE__ */ e.jsx(Ye, {}),
|
|
925
|
+
/* @__PURE__ */ e.jsx("div", { className: ce.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((c) => /* @__PURE__ */ e.jsxs(
|
|
826
926
|
"div",
|
|
827
927
|
{
|
|
828
928
|
onClick: () => t(c),
|
|
829
|
-
className:
|
|
830
|
-
[
|
|
929
|
+
className: T(ce.block, {
|
|
930
|
+
[ce.active]: n === c
|
|
831
931
|
}),
|
|
832
932
|
children: [
|
|
833
|
-
n === c && /* @__PURE__ */ e.jsx("div", { className:
|
|
834
|
-
n === c && h(i[l[
|
|
933
|
+
n === c && /* @__PURE__ */ e.jsx("div", { className: ce.name, children: h(i[l[r].path][c].name) }),
|
|
934
|
+
n === c && h(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(So, {}),
|
|
835
935
|
o && /* @__PURE__ */ e.jsx(
|
|
836
|
-
|
|
936
|
+
Ve,
|
|
837
937
|
{
|
|
838
|
-
render:
|
|
839
|
-
block: i[l[
|
|
938
|
+
render: p,
|
|
939
|
+
block: i[l[r].path][c]
|
|
840
940
|
}
|
|
841
941
|
)
|
|
842
942
|
]
|
|
843
943
|
},
|
|
844
944
|
c
|
|
845
945
|
)) }),
|
|
846
|
-
/* @__PURE__ */ e.jsx(
|
|
946
|
+
/* @__PURE__ */ e.jsx(Xe, {})
|
|
847
947
|
]
|
|
848
948
|
}
|
|
849
949
|
);
|
|
850
|
-
}),
|
|
851
|
-
results:
|
|
852
|
-
name:
|
|
853
|
-
product:
|
|
854
|
-
},
|
|
855
|
-
search:
|
|
856
|
-
input:
|
|
857
|
-
},
|
|
950
|
+
}), bo = "_results_12p5x_1", fo = "_name_12p5x_8", Co = "_product_12p5x_15", be = {
|
|
951
|
+
results: bo,
|
|
952
|
+
name: fo,
|
|
953
|
+
product: Co
|
|
954
|
+
}, wo = "_search_186hm_1", vo = "_input_186hm_13", He = {
|
|
955
|
+
search: wo,
|
|
956
|
+
input: vo
|
|
957
|
+
}, xo = () => /* @__PURE__ */ e.jsxs("label", { className: He.search, children: [
|
|
858
958
|
/* @__PURE__ */ e.jsx(
|
|
859
959
|
"input",
|
|
860
960
|
{
|
|
861
961
|
type: "text",
|
|
862
962
|
placeholder: "Search for sections",
|
|
863
|
-
className:
|
|
963
|
+
className: He.input
|
|
864
964
|
}
|
|
865
965
|
),
|
|
866
966
|
/* @__PURE__ */ e.jsx(
|
|
@@ -870,32 +970,32 @@ const $t = () => {
|
|
|
870
970
|
fill: "#757575"
|
|
871
971
|
}
|
|
872
972
|
)
|
|
873
|
-
] }),
|
|
874
|
-
const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } =
|
|
973
|
+
] }), Qe = () => {
|
|
974
|
+
const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = pe();
|
|
875
975
|
function i(l) {
|
|
876
976
|
o(l), s();
|
|
877
977
|
}
|
|
878
|
-
function
|
|
978
|
+
function a(l) {
|
|
879
979
|
if (!n || !n[l])
|
|
880
980
|
return "unknown name";
|
|
881
981
|
const d = new n[l]();
|
|
882
982
|
return !d.blockSettings || !d.blockSettings.displayName ? "unknown name" : d.blockSettings.displayName;
|
|
883
983
|
}
|
|
884
|
-
function
|
|
984
|
+
function r(l) {
|
|
885
985
|
if (n)
|
|
886
986
|
return new n[l]().blockSettings.isAddable;
|
|
887
987
|
}
|
|
888
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
889
|
-
/* @__PURE__ */ e.jsx(
|
|
890
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
891
|
-
if (
|
|
988
|
+
return /* @__PURE__ */ e.jsxs("div", { className: be.add, children: [
|
|
989
|
+
/* @__PURE__ */ e.jsx(xo, {}),
|
|
990
|
+
/* @__PURE__ */ e.jsx("div", { className: be.results, children: t && Object.keys(t).map((l) => {
|
|
991
|
+
if (r(l))
|
|
892
992
|
return /* @__PURE__ */ e.jsxs(
|
|
893
993
|
"div",
|
|
894
994
|
{
|
|
895
|
-
className:
|
|
995
|
+
className: be.product,
|
|
896
996
|
onClick: () => i(l),
|
|
897
997
|
children: [
|
|
898
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
998
|
+
/* @__PURE__ */ e.jsx("span", { className: be.name, children: a(l) }),
|
|
899
999
|
/* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
|
|
900
1000
|
]
|
|
901
1001
|
},
|
|
@@ -903,67 +1003,99 @@ const $t = () => {
|
|
|
903
1003
|
);
|
|
904
1004
|
}) })
|
|
905
1005
|
] });
|
|
906
|
-
},
|
|
1006
|
+
}, ko = "_wrapper_q0sfn_1", yo = {
|
|
1007
|
+
wrapper: ko
|
|
1008
|
+
}, jo = ({ children: t }) => {
|
|
1009
|
+
const { hoverBlockId: n, startHideTimeout: o, clearHideTimeout: s, setMouseOverModal: i } = pe();
|
|
1010
|
+
return n ? /* @__PURE__ */ e.jsx(
|
|
1011
|
+
"div",
|
|
1012
|
+
{
|
|
1013
|
+
className: yo.wrapper,
|
|
1014
|
+
onMouseEnter: () => {
|
|
1015
|
+
s(), i(!0);
|
|
1016
|
+
},
|
|
1017
|
+
onMouseLeave: () => {
|
|
1018
|
+
i(!1), o();
|
|
1019
|
+
},
|
|
1020
|
+
children: t
|
|
1021
|
+
}
|
|
1022
|
+
) : null;
|
|
1023
|
+
}, Bo = "_applyButton_11q4y_2", Ao = "_cancelButton_11q4y_7", Lo = "_content_11q4y_12", Po = "_label_11q4y_19", No = "_colorValue_11q4y_32", To = "_modal_11q4y_39", Fo = "_colorMap_11q4y_58", $o = "_indicator_11q4y_66", Do = "_hueSlider_11q4y_75", Mo = "_slider_11q4y_106", Ho = "_buttons_11q4y_111", Io = "_name_11q4y_118", Ro = "_secondary_11q4y_123", Eo = "_input_11q4y_131", H = {
|
|
1024
|
+
applyButton: Bo,
|
|
1025
|
+
cancelButton: Ao,
|
|
1026
|
+
content: Lo,
|
|
1027
|
+
label: Po,
|
|
1028
|
+
colorValue: No,
|
|
1029
|
+
modal: To,
|
|
1030
|
+
colorMap: Fo,
|
|
1031
|
+
indicator: $o,
|
|
1032
|
+
hueSlider: Do,
|
|
1033
|
+
slider: Mo,
|
|
1034
|
+
buttons: Ho,
|
|
1035
|
+
name: Io,
|
|
1036
|
+
secondary: Ro,
|
|
1037
|
+
input: Eo
|
|
1038
|
+
}, Oo = () => {
|
|
907
1039
|
const {
|
|
908
1040
|
modalPosition: t,
|
|
909
1041
|
color: n,
|
|
910
1042
|
initialColor: o,
|
|
911
1043
|
setShowModal: s,
|
|
912
1044
|
hue: i,
|
|
913
|
-
saturation:
|
|
914
|
-
brightness:
|
|
1045
|
+
saturation: a,
|
|
1046
|
+
brightness: r,
|
|
915
1047
|
dragging: l,
|
|
916
1048
|
setDragging: d,
|
|
917
|
-
setHue:
|
|
1049
|
+
setHue: b,
|
|
918
1050
|
setSaturation: u,
|
|
919
|
-
setBrightness:
|
|
1051
|
+
setBrightness: p,
|
|
920
1052
|
colorChange: h,
|
|
921
1053
|
setColor: c,
|
|
922
|
-
update:
|
|
923
|
-
} =
|
|
924
|
-
const { offsetX:
|
|
925
|
-
d(!0), k
|
|
926
|
-
},
|
|
1054
|
+
update: j
|
|
1055
|
+
} = Fe(), L = (_) => {
|
|
1056
|
+
const { offsetX: k, offsetY: y } = _.nativeEvent;
|
|
1057
|
+
d(!0), x(k, y, _.currentTarget);
|
|
1058
|
+
}, A = (_) => {
|
|
927
1059
|
if (l) {
|
|
928
|
-
const
|
|
929
|
-
|
|
1060
|
+
const k = document.querySelector(`.${H.colorMap}`), { left: y, top: P } = k.getBoundingClientRect(), f = _.clientX - y, N = _.clientY - P;
|
|
1061
|
+
x(f, N, k);
|
|
930
1062
|
}
|
|
931
|
-
},
|
|
1063
|
+
}, g = () => {
|
|
932
1064
|
d(!1);
|
|
933
|
-
},
|
|
934
|
-
const { width:
|
|
935
|
-
u(
|
|
936
|
-
},
|
|
937
|
-
const
|
|
938
|
-
h(
|
|
939
|
-
},
|
|
940
|
-
|
|
941
|
-
const
|
|
942
|
-
return { r:
|
|
943
|
-
},
|
|
944
|
-
const
|
|
945
|
-
return `#${
|
|
946
|
-
},
|
|
947
|
-
const { r:
|
|
948
|
-
return
|
|
1065
|
+
}, x = (_, k, y) => {
|
|
1066
|
+
const { width: P, height: f } = y.getBoundingClientRect(), N = Math.max(0, Math.min(_ / P * 100, 100)), F = Math.max(0, Math.min(100 - k / f * 100, 100));
|
|
1067
|
+
u(N), p(F), S(N, F);
|
|
1068
|
+
}, S = (_, k) => {
|
|
1069
|
+
const y = B(i, _, k);
|
|
1070
|
+
h(y), c(y);
|
|
1071
|
+
}, w = (_, k, y) => {
|
|
1072
|
+
k /= 100, y /= 100;
|
|
1073
|
+
const P = (ge) => (ge + _ / 60) % 6, f = (ge) => y * (1 - k * Math.max(0, Math.min(P(ge), 4 - P(ge), 1))), N = Math.round(255 * f(5)), F = Math.round(255 * f(3)), et = Math.round(255 * f(1));
|
|
1074
|
+
return { r: N, g: F, b: et };
|
|
1075
|
+
}, v = (_, k, y) => {
|
|
1076
|
+
const P = (f) => f.toString(16).padStart(2, "0");
|
|
1077
|
+
return `#${P(_)}${P(k)}${P(y)}`;
|
|
1078
|
+
}, B = (_, k, y) => {
|
|
1079
|
+
const { r: P, g: f, b: N } = w(_, k, y);
|
|
1080
|
+
return v(P, f, N);
|
|
949
1081
|
};
|
|
950
|
-
|
|
951
|
-
const
|
|
952
|
-
return l ? (document.addEventListener("mousemove",
|
|
953
|
-
document.removeEventListener("mousemove",
|
|
1082
|
+
m.useEffect(() => {
|
|
1083
|
+
const _ = (y) => A(y), k = () => g();
|
|
1084
|
+
return l ? (document.addEventListener("mousemove", _), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", k)), () => {
|
|
1085
|
+
document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", k);
|
|
954
1086
|
};
|
|
955
1087
|
}, [l]);
|
|
956
|
-
function
|
|
957
|
-
|
|
1088
|
+
function D() {
|
|
1089
|
+
j(n), s(!1);
|
|
958
1090
|
}
|
|
959
|
-
function
|
|
1091
|
+
function R() {
|
|
960
1092
|
s(!1), h(o);
|
|
961
1093
|
}
|
|
962
1094
|
return /* @__PURE__ */ e.jsxs(
|
|
963
1095
|
"div",
|
|
964
1096
|
{
|
|
965
|
-
className:
|
|
966
|
-
onClick: (
|
|
1097
|
+
className: H.modal,
|
|
1098
|
+
onClick: (_) => _.stopPropagation(),
|
|
967
1099
|
style: {
|
|
968
1100
|
top: `${t.top}px`,
|
|
969
1101
|
left: `${t.left}px`
|
|
@@ -973,8 +1105,8 @@ const $t = () => {
|
|
|
973
1105
|
/* @__PURE__ */ e.jsx(
|
|
974
1106
|
"div",
|
|
975
1107
|
{
|
|
976
|
-
className:
|
|
977
|
-
onMouseDown:
|
|
1108
|
+
className: H.colorMap,
|
|
1109
|
+
onMouseDown: L,
|
|
978
1110
|
style: {
|
|
979
1111
|
background: `
|
|
980
1112
|
linear-gradient(to top, black, transparent),
|
|
@@ -984,44 +1116,44 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
984
1116
|
children: /* @__PURE__ */ e.jsx(
|
|
985
1117
|
"div",
|
|
986
1118
|
{
|
|
987
|
-
className:
|
|
1119
|
+
className: H.indicator,
|
|
988
1120
|
style: {
|
|
989
1121
|
position: "absolute",
|
|
990
|
-
left: `${
|
|
991
|
-
top: `${100 -
|
|
1122
|
+
left: `${a}%`,
|
|
1123
|
+
top: `${100 - r}%`,
|
|
992
1124
|
transform: "translate(-50%, -50%)"
|
|
993
1125
|
}
|
|
994
1126
|
}
|
|
995
1127
|
)
|
|
996
1128
|
}
|
|
997
1129
|
),
|
|
998
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1130
|
+
/* @__PURE__ */ e.jsx("div", { className: H.hueSlider, children: /* @__PURE__ */ e.jsx(
|
|
999
1131
|
"input",
|
|
1000
1132
|
{
|
|
1001
1133
|
type: "range",
|
|
1002
1134
|
min: "0",
|
|
1003
1135
|
max: "360",
|
|
1004
1136
|
value: i,
|
|
1005
|
-
onChange: (
|
|
1006
|
-
|
|
1137
|
+
onChange: (_) => {
|
|
1138
|
+
b(Number(_.target.value)), S(a, r);
|
|
1007
1139
|
},
|
|
1008
|
-
className:
|
|
1140
|
+
className: H.slider
|
|
1009
1141
|
}
|
|
1010
1142
|
) }),
|
|
1011
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1143
|
+
/* @__PURE__ */ e.jsxs("div", { className: H.buttons, children: [
|
|
1012
1144
|
/* @__PURE__ */ e.jsx(
|
|
1013
|
-
|
|
1145
|
+
Z,
|
|
1014
1146
|
{
|
|
1015
|
-
onClick:
|
|
1016
|
-
className:
|
|
1147
|
+
onClick: R,
|
|
1148
|
+
className: T(H.applyButton, H.cancelButton),
|
|
1017
1149
|
children: "Cancel"
|
|
1018
1150
|
}
|
|
1019
1151
|
),
|
|
1020
1152
|
/* @__PURE__ */ e.jsx(
|
|
1021
|
-
|
|
1153
|
+
Z,
|
|
1022
1154
|
{
|
|
1023
|
-
onClick:
|
|
1024
|
-
className:
|
|
1155
|
+
onClick: D,
|
|
1156
|
+
className: H.applyButton,
|
|
1025
1157
|
children: "Apply"
|
|
1026
1158
|
}
|
|
1027
1159
|
)
|
|
@@ -1029,69 +1161,69 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1029
1161
|
]
|
|
1030
1162
|
}
|
|
1031
1163
|
);
|
|
1032
|
-
},
|
|
1033
|
-
const { onPreview: t } =
|
|
1164
|
+
}, Uo = () => {
|
|
1165
|
+
const { onPreview: t } = ee(), {
|
|
1034
1166
|
// hoverBlockId,
|
|
1035
1167
|
isModalVisible: n
|
|
1036
1168
|
// isPreviewVisible
|
|
1037
|
-
} =
|
|
1169
|
+
} = pe(), {
|
|
1038
1170
|
// currentPage,
|
|
1039
1171
|
// pages,
|
|
1040
1172
|
pageContext: o
|
|
1041
|
-
} =
|
|
1042
|
-
|
|
1173
|
+
} = $(), { showModal: s } = Fe(), [i, a] = m.useState(!0), { currentDevice: r } = qe();
|
|
1174
|
+
m.useEffect(() => {
|
|
1043
1175
|
t && o.general && setTimeout(() => {
|
|
1044
|
-
|
|
1176
|
+
a(!1);
|
|
1045
1177
|
}, 100);
|
|
1046
1178
|
}, [t, o]);
|
|
1047
1179
|
function l() {
|
|
1048
|
-
return
|
|
1180
|
+
return r.value === "desktop" ? "100%" : r.value === "tablet" ? "768px" : "425px";
|
|
1049
1181
|
}
|
|
1050
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
1051
|
-
n && /* @__PURE__ */ e.jsx(
|
|
1052
|
-
s && /* @__PURE__ */ e.jsx(
|
|
1182
|
+
return /* @__PURE__ */ e.jsxs("div", { className: _e.preview, children: [
|
|
1183
|
+
n && /* @__PURE__ */ e.jsx(jo, { children: /* @__PURE__ */ e.jsx(Qe, {}) }),
|
|
1184
|
+
s && /* @__PURE__ */ e.jsx(Oo, {}),
|
|
1053
1185
|
t && /* @__PURE__ */ e.jsxs(
|
|
1054
1186
|
"div",
|
|
1055
1187
|
{
|
|
1056
|
-
className:
|
|
1188
|
+
className: _e.main,
|
|
1057
1189
|
style: {
|
|
1058
1190
|
width: l()
|
|
1059
1191
|
},
|
|
1060
1192
|
children: [
|
|
1061
|
-
/* @__PURE__ */ e.jsx(
|
|
1062
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1193
|
+
/* @__PURE__ */ e.jsx(Kn, {}),
|
|
1194
|
+
/* @__PURE__ */ e.jsx("div", { className: _e.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: _e.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(_o, {}) })
|
|
1063
1195
|
]
|
|
1064
1196
|
}
|
|
1065
1197
|
)
|
|
1066
1198
|
] });
|
|
1067
|
-
},
|
|
1068
|
-
sidebar:
|
|
1069
|
-
title:
|
|
1070
|
-
active:
|
|
1071
|
-
},
|
|
1072
|
-
layers:
|
|
1073
|
-
block:
|
|
1074
|
-
dragging:
|
|
1075
|
-
active:
|
|
1076
|
-
add:
|
|
1077
|
-
button:
|
|
1078
|
-
empty:
|
|
1079
|
-
title:
|
|
1080
|
-
icon:
|
|
1081
|
-
text:
|
|
1082
|
-
highlight:
|
|
1083
|
-
},
|
|
1084
|
-
block:
|
|
1085
|
-
},
|
|
1086
|
-
const { setCurrentBlock: t } =
|
|
1199
|
+
}, qo = "_sidebar_1yyyy_1", Go = "_title_1yyyy_10", zo = "_active_1yyyy_18", Ie = {
|
|
1200
|
+
sidebar: qo,
|
|
1201
|
+
title: Go,
|
|
1202
|
+
active: zo
|
|
1203
|
+
}, Wo = "_layers_1on0q_1", Vo = "_block_1on0q_9", Xo = "_dragging_1on0q_25", Yo = "_active_1on0q_33", Qo = "_add_1on0q_37", Ko = "_button_1on0q_51", Jo = "_empty_1on0q_66", Zo = "_title_1on0q_78", es = "_icon_1on0q_85", ts = "_text_1on0q_89", ns = "_highlight_1on0q_95", re = {
|
|
1204
|
+
layers: Wo,
|
|
1205
|
+
block: Vo,
|
|
1206
|
+
dragging: Xo,
|
|
1207
|
+
active: Yo,
|
|
1208
|
+
add: Qo,
|
|
1209
|
+
button: Ko,
|
|
1210
|
+
empty: Jo,
|
|
1211
|
+
title: Zo,
|
|
1212
|
+
icon: es,
|
|
1213
|
+
text: ts,
|
|
1214
|
+
highlight: ns
|
|
1215
|
+
}, os = "_block_586dq_1", Re = {
|
|
1216
|
+
block: os
|
|
1217
|
+
}, ss = () => {
|
|
1218
|
+
const { setCurrentBlock: t } = M(), { activeBlock: n } = ee();
|
|
1087
1219
|
function o(s) {
|
|
1088
1220
|
t(s);
|
|
1089
1221
|
}
|
|
1090
1222
|
return /* @__PURE__ */ e.jsxs(
|
|
1091
1223
|
"div",
|
|
1092
1224
|
{
|
|
1093
|
-
className:
|
|
1094
|
-
[
|
|
1225
|
+
className: T(Re.block, {
|
|
1226
|
+
[Re.active]: n === "header"
|
|
1095
1227
|
}),
|
|
1096
1228
|
onClick: () => o("header"),
|
|
1097
1229
|
children: [
|
|
@@ -1100,18 +1232,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1100
1232
|
]
|
|
1101
1233
|
}
|
|
1102
1234
|
);
|
|
1103
|
-
},
|
|
1104
|
-
block:
|
|
1105
|
-
},
|
|
1106
|
-
const { activeBlock: t } =
|
|
1235
|
+
}, as = "_block_586dq_1", Ee = {
|
|
1236
|
+
block: as
|
|
1237
|
+
}, rs = () => {
|
|
1238
|
+
const { activeBlock: t } = ee(), { setCurrentBlock: n } = M();
|
|
1107
1239
|
function o(s) {
|
|
1108
1240
|
n(s);
|
|
1109
1241
|
}
|
|
1110
1242
|
return /* @__PURE__ */ e.jsxs(
|
|
1111
1243
|
"div",
|
|
1112
1244
|
{
|
|
1113
|
-
className:
|
|
1114
|
-
[
|
|
1245
|
+
className: T(Ee.block, {
|
|
1246
|
+
[Ee.active]: t === "footer"
|
|
1115
1247
|
}),
|
|
1116
1248
|
onClick: () => o("footer"),
|
|
1117
1249
|
children: [
|
|
@@ -1120,57 +1252,57 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1120
1252
|
]
|
|
1121
1253
|
}
|
|
1122
1254
|
);
|
|
1123
|
-
},
|
|
1124
|
-
const { currentPage:
|
|
1255
|
+
}, is = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
|
|
1256
|
+
const { currentPage: a, pages: r } = $(), { activeBlock: l } = ee(), {
|
|
1125
1257
|
showPreview: d,
|
|
1126
|
-
hidePreview:
|
|
1258
|
+
hidePreview: b,
|
|
1127
1259
|
showModal: u,
|
|
1128
|
-
hideModal:
|
|
1260
|
+
hideModal: p,
|
|
1129
1261
|
clearHideTimeout: h,
|
|
1130
1262
|
startHideTimeout: c,
|
|
1131
|
-
hoverBlockId:
|
|
1132
|
-
isModalVisible:
|
|
1133
|
-
} =
|
|
1134
|
-
|
|
1135
|
-
},
|
|
1136
|
-
|
|
1137
|
-
},
|
|
1138
|
-
|
|
1263
|
+
hoverBlockId: j,
|
|
1264
|
+
isModalVisible: L
|
|
1265
|
+
} = pe(), { setPositionBlock: A } = M(), [g, x] = m.useState(!1), S = () => {
|
|
1266
|
+
L && p(), d(t), x(!0), h();
|
|
1267
|
+
}, w = (_) => {
|
|
1268
|
+
_.stopPropagation(), b(), u(t), h(), A(o + 1);
|
|
1269
|
+
}, v = () => {
|
|
1270
|
+
L ? c() : (x(!1), b());
|
|
1139
1271
|
};
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
}, [
|
|
1143
|
-
const [,
|
|
1272
|
+
m.useEffect(() => {
|
|
1273
|
+
L || x(!1);
|
|
1274
|
+
}, [L]);
|
|
1275
|
+
const [, B] = ht({
|
|
1144
1276
|
accept: "block",
|
|
1145
|
-
hover(
|
|
1146
|
-
|
|
1277
|
+
hover(_) {
|
|
1278
|
+
_.index !== o && r && (s(r[a].path, _.index, o), _.index = o);
|
|
1147
1279
|
}
|
|
1148
|
-
}), [{ isDragging:
|
|
1280
|
+
}), [{ isDragging: D }, R] = pt({
|
|
1149
1281
|
type: "block",
|
|
1150
1282
|
item: { id: t, index: o },
|
|
1151
|
-
collect: (
|
|
1152
|
-
isDragging:
|
|
1283
|
+
collect: (_) => ({
|
|
1284
|
+
isDragging: _.isDragging()
|
|
1153
1285
|
})
|
|
1154
1286
|
});
|
|
1155
1287
|
return /* @__PURE__ */ e.jsxs(
|
|
1156
1288
|
"div",
|
|
1157
1289
|
{
|
|
1158
|
-
ref: (
|
|
1159
|
-
className:
|
|
1160
|
-
[
|
|
1161
|
-
[
|
|
1290
|
+
ref: (_) => R(B(_)),
|
|
1291
|
+
className: T(re.block, {
|
|
1292
|
+
[re.dragging]: D,
|
|
1293
|
+
[re.active]: !D && l === t
|
|
1162
1294
|
}),
|
|
1163
1295
|
onClick: () => i(t),
|
|
1164
|
-
onMouseEnter:
|
|
1165
|
-
onMouseLeave:
|
|
1296
|
+
onMouseEnter: S,
|
|
1297
|
+
onMouseLeave: v,
|
|
1166
1298
|
children: [
|
|
1167
1299
|
/* @__PURE__ */ e.jsx(C, { name: "Cards" }),
|
|
1168
1300
|
/* @__PURE__ */ e.jsx("span", { children: n }),
|
|
1169
|
-
(
|
|
1301
|
+
(g || j === t) && !D && /* @__PURE__ */ e.jsx("div", { className: re.add, children: /* @__PURE__ */ e.jsx(
|
|
1170
1302
|
"button",
|
|
1171
1303
|
{
|
|
1172
|
-
className:
|
|
1173
|
-
onClick: (
|
|
1304
|
+
className: re.button,
|
|
1305
|
+
onClick: (_) => w(_),
|
|
1174
1306
|
children: /* @__PURE__ */ e.jsx(
|
|
1175
1307
|
C,
|
|
1176
1308
|
{
|
|
@@ -1183,149 +1315,149 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1183
1315
|
]
|
|
1184
1316
|
}
|
|
1185
1317
|
);
|
|
1186
|
-
},
|
|
1187
|
-
const { blocks: t, setCurrentBlock: n, moveBlock: o } =
|
|
1318
|
+
}, ls = () => {
|
|
1319
|
+
const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = $(), { setMouseOverModal: a, setHoverBlockId: r } = pe();
|
|
1188
1320
|
function l(u) {
|
|
1189
|
-
n(u),
|
|
1321
|
+
n(u), a(!1), r(null);
|
|
1190
1322
|
}
|
|
1191
1323
|
const { sourceBlocks: d } = X();
|
|
1192
|
-
function
|
|
1324
|
+
function b(u) {
|
|
1193
1325
|
if (!d || !d[u])
|
|
1194
1326
|
return "unknown name";
|
|
1195
|
-
const
|
|
1196
|
-
return !
|
|
1327
|
+
const p = new d[u]();
|
|
1328
|
+
return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
|
|
1197
1329
|
}
|
|
1198
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
1199
|
-
/* @__PURE__ */ e.jsx(
|
|
1200
|
-
/* @__PURE__ */ e.jsx(
|
|
1201
|
-
|
|
1330
|
+
return /* @__PURE__ */ e.jsxs("div", { className: re.layers, children: [
|
|
1331
|
+
/* @__PURE__ */ e.jsx(ss, {}),
|
|
1332
|
+
/* @__PURE__ */ e.jsx(dt, { backend: ut, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, p) => /* @__PURE__ */ e.jsx(
|
|
1333
|
+
is,
|
|
1202
1334
|
{
|
|
1203
1335
|
id: u,
|
|
1204
|
-
name:
|
|
1205
|
-
index:
|
|
1336
|
+
name: b(t[i[s].path][u].name),
|
|
1337
|
+
index: p,
|
|
1206
1338
|
moveBlock: o,
|
|
1207
1339
|
onClick: l
|
|
1208
1340
|
},
|
|
1209
1341
|
u
|
|
1210
1342
|
)) }) }),
|
|
1211
|
-
/* @__PURE__ */ e.jsx(
|
|
1343
|
+
/* @__PURE__ */ e.jsx(rs, {})
|
|
1212
1344
|
] });
|
|
1213
|
-
},
|
|
1214
|
-
const { header: n, footer: o } =
|
|
1345
|
+
}, cs = ({ isHeader: t }) => {
|
|
1346
|
+
const { header: n, footer: o } = M(), { pageContext: s } = $();
|
|
1215
1347
|
return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
|
|
1216
|
-
},
|
|
1217
|
-
const { settings: t } =
|
|
1348
|
+
}, ds = () => {
|
|
1349
|
+
const { settings: t } = K();
|
|
1218
1350
|
return t == null ? void 0 : t.renderSettings();
|
|
1219
|
-
},
|
|
1220
|
-
theme:
|
|
1221
|
-
block:
|
|
1222
|
-
name:
|
|
1223
|
-
},
|
|
1224
|
-
const { setActiveBlock: t } =
|
|
1351
|
+
}, us = "_theme_1wwlz_1", hs = "_block_1wwlz_7", ps = "_name_1wwlz_22", Pe = {
|
|
1352
|
+
theme: us,
|
|
1353
|
+
block: hs,
|
|
1354
|
+
name: ps
|
|
1355
|
+
}, gs = () => {
|
|
1356
|
+
const { setActiveBlock: t } = I();
|
|
1225
1357
|
function n(o) {
|
|
1226
1358
|
t(o);
|
|
1227
1359
|
}
|
|
1228
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
1360
|
+
return /* @__PURE__ */ e.jsx("div", { className: Pe.theme, children: Lt.map((o) => /* @__PURE__ */ e.jsxs(
|
|
1229
1361
|
"div",
|
|
1230
1362
|
{
|
|
1231
1363
|
onClick: () => n(o),
|
|
1232
|
-
className:
|
|
1364
|
+
className: T(Pe.block),
|
|
1233
1365
|
children: [
|
|
1234
1366
|
/* @__PURE__ */ e.jsx(C, { name: o.icon }),
|
|
1235
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1367
|
+
/* @__PURE__ */ e.jsx("span", { className: Pe.name, children: o.name }),
|
|
1236
1368
|
/* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
|
|
1237
1369
|
]
|
|
1238
1370
|
},
|
|
1239
1371
|
o.icon
|
|
1240
1372
|
)) });
|
|
1241
|
-
},
|
|
1242
|
-
back:
|
|
1243
|
-
render:
|
|
1244
|
-
open:
|
|
1245
|
-
close:
|
|
1246
|
-
clicked:
|
|
1247
|
-
title:
|
|
1248
|
-
button:
|
|
1249
|
-
loading:
|
|
1250
|
-
settings:
|
|
1251
|
-
deleteButton:
|
|
1252
|
-
},
|
|
1373
|
+
}, ms = "_back_2jwrk_1", Ss = "_render_2jwrk_9", _s = "_open_2jwrk_24", bs = "_close_2jwrk_51", fs = "_clicked_2jwrk_55", Cs = "_title_2jwrk_59", ws = "_button_2jwrk_67", vs = "_loading_2jwrk_72", xs = "_settings_2jwrk_76", ks = "_deleteButton_2jwrk_82", W = {
|
|
1374
|
+
back: ms,
|
|
1375
|
+
render: Ss,
|
|
1376
|
+
open: _s,
|
|
1377
|
+
close: bs,
|
|
1378
|
+
clicked: fs,
|
|
1379
|
+
title: Cs,
|
|
1380
|
+
button: ws,
|
|
1381
|
+
loading: vs,
|
|
1382
|
+
settings: xs,
|
|
1383
|
+
deleteButton: ks
|
|
1384
|
+
}, ys = ({ block: t }) => {
|
|
1253
1385
|
if (!t) return null;
|
|
1254
|
-
const { pageContext: n } =
|
|
1386
|
+
const { pageContext: n } = $();
|
|
1255
1387
|
return t.renderSettings(n);
|
|
1256
|
-
},
|
|
1257
|
-
var
|
|
1258
|
-
const { isAdd: n } = t, [o, s] =
|
|
1388
|
+
}, js = (t) => {
|
|
1389
|
+
var y, P;
|
|
1390
|
+
const { isAdd: n } = t, [o, s] = m.useState(!1), { setActiveBlock: i } = je(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: b } = X(), {
|
|
1259
1391
|
blocks: u,
|
|
1260
|
-
addBlock:
|
|
1392
|
+
addBlock: p,
|
|
1261
1393
|
editBlock: h,
|
|
1262
1394
|
currentBlock: c,
|
|
1263
|
-
setCurrentBlock:
|
|
1264
|
-
removeBlock:
|
|
1265
|
-
setPositionBlock:
|
|
1266
|
-
setHeader:
|
|
1267
|
-
setFooter:
|
|
1268
|
-
header:
|
|
1269
|
-
footer:
|
|
1270
|
-
} =
|
|
1271
|
-
function
|
|
1272
|
-
if (!n &&
|
|
1273
|
-
const
|
|
1395
|
+
setCurrentBlock: j,
|
|
1396
|
+
removeBlock: L,
|
|
1397
|
+
setPositionBlock: A,
|
|
1398
|
+
setHeader: g,
|
|
1399
|
+
setFooter: x,
|
|
1400
|
+
header: S,
|
|
1401
|
+
footer: w
|
|
1402
|
+
} = M(), { currentPage: v, pages: B } = $();
|
|
1403
|
+
function D(f = !1) {
|
|
1404
|
+
if (!n && B && d && !f) {
|
|
1405
|
+
const N = {
|
|
1274
1406
|
blockSettings: {}
|
|
1275
1407
|
};
|
|
1276
|
-
Object.keys(d.blockSettings).filter((
|
|
1277
|
-
|
|
1278
|
-
}), h(
|
|
1279
|
-
name: u[
|
|
1280
|
-
value:
|
|
1408
|
+
Object.keys(d.blockSettings).filter((F) => !["displayName", "isAddable"].includes(F)).map((F) => {
|
|
1409
|
+
N.blockSettings[F] = d.blockSettings[F];
|
|
1410
|
+
}), h(B[v].path, c, {
|
|
1411
|
+
name: u[B[v].path][c].name,
|
|
1412
|
+
value: N
|
|
1281
1413
|
});
|
|
1282
1414
|
}
|
|
1283
|
-
l(null),
|
|
1415
|
+
l(null), j(null), setTimeout(() => {
|
|
1284
1416
|
s(!1);
|
|
1285
|
-
}, 150),
|
|
1417
|
+
}, 150), b(null);
|
|
1286
1418
|
}
|
|
1287
|
-
function
|
|
1288
|
-
|
|
1419
|
+
function R() {
|
|
1420
|
+
D(), i({
|
|
1289
1421
|
name: "Layers",
|
|
1290
1422
|
icon: "TreeStructure"
|
|
1291
|
-
}),
|
|
1423
|
+
}), b(null);
|
|
1292
1424
|
}
|
|
1293
|
-
function
|
|
1294
|
-
var
|
|
1425
|
+
function _() {
|
|
1426
|
+
var f;
|
|
1295
1427
|
if (n)
|
|
1296
|
-
return !
|
|
1428
|
+
return !r || !a[r] ? null : new a[r]();
|
|
1297
1429
|
{
|
|
1298
|
-
if (!
|
|
1430
|
+
if (!B || !B[v] || !c)
|
|
1299
1431
|
return null;
|
|
1300
|
-
const
|
|
1301
|
-
return !
|
|
1432
|
+
const N = u[B[v].path][c];
|
|
1433
|
+
return !N || !a[N.name] ? null : new a[N.name]((f = N.value) == null ? void 0 : f.blockSettings);
|
|
1302
1434
|
}
|
|
1303
1435
|
}
|
|
1304
|
-
|
|
1305
|
-
if (
|
|
1306
|
-
const
|
|
1307
|
-
|
|
1436
|
+
m.useEffect(() => {
|
|
1437
|
+
if (r || c && !["header", "footer"].includes(c)) {
|
|
1438
|
+
const f = _();
|
|
1439
|
+
b(f);
|
|
1308
1440
|
} else
|
|
1309
|
-
|
|
1310
|
-
}, [
|
|
1311
|
-
c === "header" &&
|
|
1312
|
-
}, [c,
|
|
1313
|
-
c === "footer" &&
|
|
1314
|
-
}, [c,
|
|
1315
|
-
function
|
|
1316
|
-
if (!
|
|
1441
|
+
b(null);
|
|
1442
|
+
}, [r, c]), m.useEffect(() => {
|
|
1443
|
+
c === "header" && g(S);
|
|
1444
|
+
}, [c, S]), m.useEffect(() => {
|
|
1445
|
+
c === "footer" && x(w);
|
|
1446
|
+
}, [c, w]);
|
|
1447
|
+
function k(f) {
|
|
1448
|
+
if (!a)
|
|
1317
1449
|
return "unknown name";
|
|
1318
|
-
if (!
|
|
1319
|
-
return c === "header" ?
|
|
1320
|
-
const
|
|
1321
|
-
return !
|
|
1450
|
+
if (!a[f])
|
|
1451
|
+
return c === "header" ? S == null ? void 0 : S.blockSettings.displayName : c === "footer" ? w == null ? void 0 : w.blockSettings.displayName : "unknown name";
|
|
1452
|
+
const N = new a[f]();
|
|
1453
|
+
return !N.blockSettings || !N.blockSettings.displayName ? "unknown name" : N.blockSettings.displayName;
|
|
1322
1454
|
}
|
|
1323
1455
|
return /* @__PURE__ */ e.jsxs(
|
|
1324
1456
|
"div",
|
|
1325
1457
|
{
|
|
1326
|
-
className:
|
|
1327
|
-
[W.open]: c ||
|
|
1328
|
-
[W.close]: !c && !
|
|
1458
|
+
className: T(W.render, {
|
|
1459
|
+
[W.open]: c || r,
|
|
1460
|
+
[W.close]: !c && !r,
|
|
1329
1461
|
[W.clicked]: o
|
|
1330
1462
|
}),
|
|
1331
1463
|
children: [
|
|
@@ -1335,15 +1467,15 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1335
1467
|
{
|
|
1336
1468
|
name: "CaretLeft",
|
|
1337
1469
|
hoverable: !0,
|
|
1338
|
-
onClick: () =>
|
|
1470
|
+
onClick: () => D()
|
|
1339
1471
|
}
|
|
1340
1472
|
),
|
|
1341
|
-
/* @__PURE__ */ e.jsx("h3", { className: W.title, children:
|
|
1342
|
-
!n &&
|
|
1473
|
+
/* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && k(r) || B && B[v] && u[B[v].path] && k((y = u[B[v].path][c]) == null ? void 0 : y.name) || c && G(c) || "Loading" }),
|
|
1474
|
+
!n && B && !["header", "footer"].includes(c) && u[B[v].path][c] && k((P = u[B[v].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
|
|
1343
1475
|
"button",
|
|
1344
1476
|
{
|
|
1345
1477
|
onClick: () => {
|
|
1346
|
-
s(!0),
|
|
1478
|
+
s(!0), L(B[v].path, c), D(!0);
|
|
1347
1479
|
},
|
|
1348
1480
|
className: W.deleteButton,
|
|
1349
1481
|
children: /* @__PURE__ */ e.jsx(
|
|
@@ -1357,30 +1489,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1357
1489
|
)
|
|
1358
1490
|
] }),
|
|
1359
1491
|
/* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
|
|
1360
|
-
d && /* @__PURE__ */ e.jsx(
|
|
1361
|
-
c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(
|
|
1362
|
-
!
|
|
1492
|
+
d && /* @__PURE__ */ e.jsx(ys, { block: d }),
|
|
1493
|
+
c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(cs, { isHeader: c === "header" }),
|
|
1494
|
+
!r && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
|
|
1363
1495
|
] }),
|
|
1364
1496
|
n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
|
|
1365
|
-
|
|
1497
|
+
Z,
|
|
1366
1498
|
{
|
|
1367
1499
|
style: {
|
|
1368
1500
|
width: "100%"
|
|
1369
1501
|
},
|
|
1370
1502
|
onClick: () => {
|
|
1371
|
-
if (s(!0), !["header", "footer"].includes(c) &&
|
|
1372
|
-
const
|
|
1503
|
+
if (s(!0), !["header", "footer"].includes(c) && B) {
|
|
1504
|
+
const f = {
|
|
1373
1505
|
blockSettings: {}
|
|
1374
1506
|
};
|
|
1375
|
-
Object.keys(d.blockSettings).filter((
|
|
1376
|
-
|
|
1377
|
-
}),
|
|
1378
|
-
name:
|
|
1379
|
-
value:
|
|
1380
|
-
}),
|
|
1507
|
+
Object.keys(d.blockSettings).filter((N) => !["displayName", "isAddable"].includes(N)).map((N) => {
|
|
1508
|
+
f.blockSettings[N] = d.blockSettings[N];
|
|
1509
|
+
}), p(B[v].path, {
|
|
1510
|
+
name: r,
|
|
1511
|
+
value: f
|
|
1512
|
+
}), A(null);
|
|
1381
1513
|
} else
|
|
1382
|
-
c === "header" ?
|
|
1383
|
-
|
|
1514
|
+
c === "header" ? g(S) : x(w);
|
|
1515
|
+
R();
|
|
1384
1516
|
},
|
|
1385
1517
|
children: "Add Section"
|
|
1386
1518
|
}
|
|
@@ -1388,65 +1520,186 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1388
1520
|
]
|
|
1389
1521
|
}
|
|
1390
1522
|
);
|
|
1391
|
-
},
|
|
1392
|
-
settings:
|
|
1393
|
-
open:
|
|
1394
|
-
close:
|
|
1395
|
-
header:
|
|
1396
|
-
title:
|
|
1397
|
-
addButton:
|
|
1398
|
-
},
|
|
1399
|
-
wrapper:
|
|
1400
|
-
category:
|
|
1401
|
-
categoryTitle:
|
|
1402
|
-
color:
|
|
1403
|
-
content:
|
|
1404
|
-
preview:
|
|
1405
|
-
},
|
|
1406
|
-
const {
|
|
1407
|
-
|
|
1408
|
-
|
|
1523
|
+
}, Bs = "_settings_ss3tc_1", As = "_open_ss3tc_16", Ls = "_close_ss3tc_20", Ps = "_header_ss3tc_24", Ns = "_title_ss3tc_31", Ts = "_addButton_ss3tc_38", de = {
|
|
1524
|
+
settings: Bs,
|
|
1525
|
+
open: As,
|
|
1526
|
+
close: Ls,
|
|
1527
|
+
header: Ps,
|
|
1528
|
+
title: Ns,
|
|
1529
|
+
addButton: Ts
|
|
1530
|
+
}, Fs = "_wrapper_joj7w_1", $s = "_category_joj7w_5", Ds = "_categoryTitle_joj7w_11", Ms = "_color_joj7w_17", Hs = "_content_joj7w_26", Is = "_preview_joj7w_35", ne = {
|
|
1531
|
+
wrapper: Fs,
|
|
1532
|
+
category: $s,
|
|
1533
|
+
categoryTitle: Ds,
|
|
1534
|
+
color: Ms,
|
|
1535
|
+
content: Hs,
|
|
1536
|
+
preview: Is
|
|
1537
|
+
}, ue = (t) => {
|
|
1538
|
+
const { initialColor: n, onChange: o, title: s, labelStyle: i = "primary" } = t, [a, r] = m.useState(n), {
|
|
1539
|
+
setActiveLabel: l,
|
|
1540
|
+
setModalPosition: d,
|
|
1541
|
+
setInitialColor: b,
|
|
1542
|
+
setShowModal: u,
|
|
1543
|
+
setUpdate: p,
|
|
1544
|
+
setColor: h,
|
|
1545
|
+
setColorChange: c,
|
|
1546
|
+
colorChange: j
|
|
1547
|
+
} = Fe();
|
|
1548
|
+
m.useEffect(() => {
|
|
1549
|
+
const A = () => {
|
|
1550
|
+
u(!1), l(null), b(n), p(() => {
|
|
1551
|
+
}), h(n), c(() => {
|
|
1552
|
+
});
|
|
1553
|
+
};
|
|
1554
|
+
return document.body.addEventListener("click", A), () => {
|
|
1555
|
+
document.body.removeEventListener("click", A);
|
|
1556
|
+
};
|
|
1557
|
+
}, []);
|
|
1558
|
+
const L = (A) => {
|
|
1559
|
+
A.stopPropagation(), u(!0), c(r), p(o), b(n), h(a);
|
|
1560
|
+
const g = A.currentTarget.getBoundingClientRect(), x = 400, S = 288, w = 10, v = 20, B = window.innerHeight - g.bottom, D = g.top, R = window.innerWidth - g.right, _ = g.left;
|
|
1561
|
+
let k, y;
|
|
1562
|
+
k = g.bottom + w + window.scrollY, y = g.left, (B < x || B < v) && (D >= x ? k = g.top - x - w + window.scrollY : k = window.scrollY + (window.innerHeight - x) / 2), R < S && (_ >= S ? y = g.right - S : y = (window.innerWidth - S) / 2), y < g.right && y + S > g.left && k < g.bottom && k + x > g.top && (R >= S ? y = g.right + w + 100 : B >= x ? k = g.bottom + w + window.scrollY : (k = window.scrollY + (window.innerHeight - x) / 2, y = (window.innerWidth - S) / 2)), d({
|
|
1563
|
+
top: k,
|
|
1564
|
+
left: y
|
|
1565
|
+
});
|
|
1566
|
+
};
|
|
1567
|
+
return /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
|
|
1568
|
+
/* @__PURE__ */ e.jsx(
|
|
1569
|
+
"span",
|
|
1570
|
+
{
|
|
1571
|
+
className: T(H.name, {
|
|
1572
|
+
[H.secondary]: i === "secondary"
|
|
1573
|
+
}),
|
|
1574
|
+
children: s
|
|
1575
|
+
}
|
|
1576
|
+
),
|
|
1577
|
+
/* @__PURE__ */ e.jsxs(
|
|
1578
|
+
"label",
|
|
1579
|
+
{
|
|
1580
|
+
htmlFor: "color",
|
|
1581
|
+
className: H.label,
|
|
1582
|
+
children: [
|
|
1583
|
+
/* @__PURE__ */ e.jsx(
|
|
1584
|
+
"div",
|
|
1585
|
+
{
|
|
1586
|
+
className: H.colorValue,
|
|
1587
|
+
style: {
|
|
1588
|
+
background: a
|
|
1589
|
+
},
|
|
1590
|
+
onClick: L
|
|
1591
|
+
}
|
|
1592
|
+
),
|
|
1593
|
+
/* @__PURE__ */ e.jsx(
|
|
1594
|
+
"input",
|
|
1595
|
+
{
|
|
1596
|
+
type: "text",
|
|
1597
|
+
defaultValue: a,
|
|
1598
|
+
value: a,
|
|
1599
|
+
onChange: (A) => {
|
|
1600
|
+
const g = A.target.value;
|
|
1601
|
+
o(g), h(g), r(g), j(g);
|
|
1602
|
+
},
|
|
1603
|
+
className: H.input
|
|
1604
|
+
}
|
|
1605
|
+
)
|
|
1606
|
+
]
|
|
1607
|
+
}
|
|
1608
|
+
)
|
|
1609
|
+
] });
|
|
1610
|
+
}, Rs = "_tip_q9ixw_1", Es = "_text_q9ixw_12", Os = "_warning_q9ixw_18", Us = "_error_q9ixw_23", qs = "_success_q9ixw_28", Gs = "_hide_q9ixw_33", oe = {
|
|
1611
|
+
tip: Rs,
|
|
1612
|
+
text: Es,
|
|
1613
|
+
warning: Os,
|
|
1614
|
+
error: Us,
|
|
1615
|
+
success: qs,
|
|
1616
|
+
hide: Gs
|
|
1617
|
+
}, Oe = {
|
|
1618
|
+
warning: "#C1972A",
|
|
1619
|
+
error: "#FF3F19",
|
|
1620
|
+
success: "#338B13"
|
|
1621
|
+
}, Ke = (t) => {
|
|
1622
|
+
const { type: n, message: o, style: s } = t, [i, a] = m.useState(!1);
|
|
1623
|
+
return /* @__PURE__ */ e.jsxs(
|
|
1624
|
+
"div",
|
|
1625
|
+
{
|
|
1626
|
+
className: T(oe.tip, {
|
|
1627
|
+
[oe.warning]: n === "warning",
|
|
1628
|
+
[oe.error]: n === "error",
|
|
1629
|
+
[oe.success]: n === "success",
|
|
1630
|
+
[oe.hide]: i
|
|
1631
|
+
}),
|
|
1632
|
+
style: s,
|
|
1633
|
+
children: [
|
|
1634
|
+
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
|
|
1635
|
+
C,
|
|
1636
|
+
{
|
|
1637
|
+
name: "Info",
|
|
1638
|
+
fill: Oe[n],
|
|
1639
|
+
width: 20,
|
|
1640
|
+
height: 20
|
|
1641
|
+
}
|
|
1642
|
+
) }),
|
|
1643
|
+
/* @__PURE__ */ e.jsx("div", { className: oe.text, children: o }),
|
|
1644
|
+
/* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
|
|
1645
|
+
C,
|
|
1646
|
+
{
|
|
1647
|
+
name: "X",
|
|
1648
|
+
fill: Oe[n],
|
|
1649
|
+
width: 20,
|
|
1650
|
+
height: 20,
|
|
1651
|
+
hoverable: !0,
|
|
1652
|
+
onClick: () => a(!0)
|
|
1653
|
+
}
|
|
1654
|
+
) })
|
|
1655
|
+
]
|
|
1656
|
+
}
|
|
1657
|
+
);
|
|
1658
|
+
}, zs = () => {
|
|
1659
|
+
const { themeSettings: t, updateColor: n } = I();
|
|
1660
|
+
async function o(i, a, r) {
|
|
1661
|
+
n(i, a, r);
|
|
1409
1662
|
}
|
|
1410
|
-
const s =
|
|
1663
|
+
const s = We(() => {
|
|
1411
1664
|
const i = {};
|
|
1412
|
-
return Object.entries(t.colors).forEach(([
|
|
1413
|
-
Object.entries(
|
|
1414
|
-
i[d] || (i[d] = []), i[d].push(`${
|
|
1665
|
+
return Object.entries(t.colors).forEach(([a, r]) => {
|
|
1666
|
+
Object.entries(r).forEach(([l, d]) => {
|
|
1667
|
+
i[d] || (i[d] = []), i[d].push(`${a}-${l}`);
|
|
1415
1668
|
});
|
|
1416
|
-
}), Object.keys(i).filter((
|
|
1669
|
+
}), Object.keys(i).filter((a) => i[a].length > 1);
|
|
1417
1670
|
}, [t.colors]);
|
|
1418
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
1671
|
+
return /* @__PURE__ */ e.jsx("div", { className: ne.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
|
|
1419
1672
|
"div",
|
|
1420
1673
|
{
|
|
1421
|
-
className:
|
|
1674
|
+
className: ne.category,
|
|
1422
1675
|
children: [
|
|
1423
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
1424
|
-
Object.entries(
|
|
1676
|
+
/* @__PURE__ */ e.jsx("h2", { className: ne.categoryTitle, children: G(i) }),
|
|
1677
|
+
Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsxs(
|
|
1425
1678
|
"div",
|
|
1426
1679
|
{
|
|
1427
|
-
className:
|
|
1680
|
+
className: ne.color,
|
|
1428
1681
|
children: [
|
|
1429
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1682
|
+
/* @__PURE__ */ e.jsxs("div", { className: ne.content, children: [
|
|
1430
1683
|
/* @__PURE__ */ e.jsx(
|
|
1431
1684
|
"div",
|
|
1432
1685
|
{
|
|
1433
|
-
className:
|
|
1686
|
+
className: ne.preview,
|
|
1434
1687
|
style: {
|
|
1435
1688
|
background: l
|
|
1436
1689
|
}
|
|
1437
1690
|
}
|
|
1438
1691
|
),
|
|
1439
1692
|
/* @__PURE__ */ e.jsx(
|
|
1440
|
-
|
|
1693
|
+
ue,
|
|
1441
1694
|
{
|
|
1442
|
-
title:
|
|
1695
|
+
title: G(r),
|
|
1443
1696
|
initialColor: l,
|
|
1444
|
-
onChange: (d) => o(i,
|
|
1697
|
+
onChange: (d) => o(i, r, d)
|
|
1445
1698
|
}
|
|
1446
1699
|
)
|
|
1447
1700
|
] }),
|
|
1448
1701
|
s.includes(l) && /* @__PURE__ */ e.jsx(
|
|
1449
|
-
|
|
1702
|
+
Ke,
|
|
1450
1703
|
{
|
|
1451
1704
|
type: "warning",
|
|
1452
1705
|
message: "To avoid contrast problems, please use a different color",
|
|
@@ -1457,28 +1710,49 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1457
1710
|
)
|
|
1458
1711
|
]
|
|
1459
1712
|
},
|
|
1460
|
-
|
|
1713
|
+
r
|
|
1461
1714
|
))
|
|
1462
1715
|
]
|
|
1463
1716
|
},
|
|
1464
1717
|
i
|
|
1465
1718
|
)) });
|
|
1466
|
-
},
|
|
1467
|
-
wrapper:
|
|
1468
|
-
category:
|
|
1469
|
-
categoryTitle:
|
|
1470
|
-
color:
|
|
1471
|
-
name:
|
|
1472
|
-
content:
|
|
1473
|
-
label:
|
|
1474
|
-
input:
|
|
1475
|
-
title:
|
|
1476
|
-
field:
|
|
1477
|
-
alignments:
|
|
1478
|
-
lineField:
|
|
1479
|
-
style:
|
|
1480
|
-
header:
|
|
1481
|
-
},
|
|
1719
|
+
}, Ws = "_wrapper_dv4am_2", Vs = "_category_dv4am_6", Xs = "_categoryTitle_dv4am_12", Ys = "_color_dv4am_18", Qs = "_name_dv4am_24", Ks = "_content_dv4am_29", Js = "_label_dv4am_36", Zs = "_input_dv4am_48", ea = "_title_dv4am_74", ta = "_field_dv4am_82", na = "_alignments_dv4am_92", oa = "_lineField_dv4am_98", sa = "_style_dv4am_106", aa = "_header_dv4am_113", V = {
|
|
1720
|
+
wrapper: Ws,
|
|
1721
|
+
category: Vs,
|
|
1722
|
+
categoryTitle: Xs,
|
|
1723
|
+
color: Ys,
|
|
1724
|
+
name: Qs,
|
|
1725
|
+
content: Ks,
|
|
1726
|
+
label: Js,
|
|
1727
|
+
input: Zs,
|
|
1728
|
+
title: ea,
|
|
1729
|
+
field: ta,
|
|
1730
|
+
alignments: na,
|
|
1731
|
+
lineField: oa,
|
|
1732
|
+
style: sa,
|
|
1733
|
+
header: aa
|
|
1734
|
+
}, ra = "_blocks_emecf_1", ia = "_block_emecf_1", la = "_active_emecf_21", Ne = {
|
|
1735
|
+
blocks: ra,
|
|
1736
|
+
block: ia,
|
|
1737
|
+
active: la
|
|
1738
|
+
}, Ue = (t) => {
|
|
1739
|
+
const { items: n, selectedItem: o, onSelect: s, getIconName: i } = t;
|
|
1740
|
+
return /* @__PURE__ */ e.jsx("div", { className: Ne.blocks, children: n.map((a) => /* @__PURE__ */ e.jsx(
|
|
1741
|
+
"div",
|
|
1742
|
+
{
|
|
1743
|
+
className: T(Ne.block, { [Ne.active]: o === a }),
|
|
1744
|
+
onClick: () => s(a),
|
|
1745
|
+
children: /* @__PURE__ */ e.jsx(
|
|
1746
|
+
C,
|
|
1747
|
+
{
|
|
1748
|
+
name: i(a),
|
|
1749
|
+
fill: o === a ? "#252525" : "#757575"
|
|
1750
|
+
}
|
|
1751
|
+
)
|
|
1752
|
+
},
|
|
1753
|
+
String(a)
|
|
1754
|
+
)) });
|
|
1755
|
+
}, ca = ["left", "center", "right"], da = ["solid", "dashed"], fe = (t) => {
|
|
1482
1756
|
const { title: n, children: o, rightAddon: s } = t;
|
|
1483
1757
|
return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
|
|
1484
1758
|
/* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
|
|
@@ -1487,45 +1761,45 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1487
1761
|
] }),
|
|
1488
1762
|
o
|
|
1489
1763
|
] });
|
|
1490
|
-
},
|
|
1491
|
-
const { themeSettings: t, updateInput: n } =
|
|
1492
|
-
n(
|
|
1493
|
-
}, i = (
|
|
1494
|
-
n(
|
|
1764
|
+
}, ua = () => {
|
|
1765
|
+
const { themeSettings: t, updateInput: n } = I(), o = We(() => t.inputs, [t]), s = (a, r, l) => {
|
|
1766
|
+
n(a, r, l);
|
|
1767
|
+
}, i = (a) => (r) => {
|
|
1768
|
+
n(a, r, "color");
|
|
1495
1769
|
};
|
|
1496
1770
|
return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
|
|
1497
|
-
/* @__PURE__ */ e.jsxs(
|
|
1771
|
+
/* @__PURE__ */ e.jsxs(fe, { title: "General", children: [
|
|
1498
1772
|
/* @__PURE__ */ e.jsx(
|
|
1499
|
-
|
|
1773
|
+
O,
|
|
1500
1774
|
{
|
|
1501
1775
|
label: "Height (px)",
|
|
1502
1776
|
value: String(o.general.height),
|
|
1503
|
-
onChange: (
|
|
1777
|
+
onChange: (a) => s("general", a, "height"),
|
|
1504
1778
|
type: "number",
|
|
1505
1779
|
min: 0
|
|
1506
1780
|
}
|
|
1507
1781
|
),
|
|
1508
1782
|
/* @__PURE__ */ e.jsx(
|
|
1509
|
-
|
|
1783
|
+
O,
|
|
1510
1784
|
{
|
|
1511
1785
|
label: "Style name",
|
|
1512
1786
|
value: o.general.name,
|
|
1513
|
-
onChange: (
|
|
1787
|
+
onChange: (a) => s("general", a, "name")
|
|
1514
1788
|
}
|
|
1515
1789
|
),
|
|
1516
1790
|
/* @__PURE__ */ e.jsx(
|
|
1517
|
-
|
|
1791
|
+
ie,
|
|
1518
1792
|
{
|
|
1519
1793
|
label: "Font Size (px)",
|
|
1520
|
-
onChange: (
|
|
1794
|
+
onChange: (a) => s("general", a, "size"),
|
|
1521
1795
|
value: String(o.general.size),
|
|
1522
|
-
options:
|
|
1796
|
+
options: ve
|
|
1523
1797
|
}
|
|
1524
1798
|
),
|
|
1525
1799
|
/* @__PURE__ */ e.jsx(
|
|
1526
|
-
|
|
1800
|
+
ue,
|
|
1527
1801
|
{
|
|
1528
|
-
initialColor:
|
|
1802
|
+
initialColor: G(o.general.color),
|
|
1529
1803
|
onChange: i("general"),
|
|
1530
1804
|
title: "Font Color",
|
|
1531
1805
|
labelStyle: "secondary"
|
|
@@ -1533,32 +1807,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1533
1807
|
)
|
|
1534
1808
|
] }),
|
|
1535
1809
|
/* @__PURE__ */ e.jsxs(
|
|
1536
|
-
|
|
1810
|
+
fe,
|
|
1537
1811
|
{
|
|
1538
1812
|
title: "Field Fill",
|
|
1539
1813
|
rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
|
|
1540
|
-
|
|
1814
|
+
$e,
|
|
1541
1815
|
{
|
|
1542
|
-
onChange: (
|
|
1816
|
+
onChange: (a) => s("field", a, "active"),
|
|
1543
1817
|
current: o.field.active
|
|
1544
1818
|
}
|
|
1545
1819
|
) }),
|
|
1546
1820
|
children: [
|
|
1547
1821
|
/* @__PURE__ */ e.jsx(
|
|
1548
|
-
|
|
1822
|
+
ue,
|
|
1549
1823
|
{
|
|
1550
|
-
initialColor:
|
|
1824
|
+
initialColor: G(o.field.color),
|
|
1551
1825
|
onChange: i("field"),
|
|
1552
1826
|
title: "Color",
|
|
1553
1827
|
labelStyle: "secondary"
|
|
1554
1828
|
}
|
|
1555
1829
|
),
|
|
1556
1830
|
/* @__PURE__ */ e.jsx(
|
|
1557
|
-
|
|
1831
|
+
O,
|
|
1558
1832
|
{
|
|
1559
1833
|
label: "Opacity (%)",
|
|
1560
1834
|
value: String(o.field.opacity),
|
|
1561
|
-
onChange: (
|
|
1835
|
+
onChange: (a) => s("field", a, "opacity"),
|
|
1562
1836
|
type: "number",
|
|
1563
1837
|
min: 0
|
|
1564
1838
|
}
|
|
@@ -1567,13 +1841,13 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1567
1841
|
}
|
|
1568
1842
|
),
|
|
1569
1843
|
/* @__PURE__ */ e.jsxs(
|
|
1570
|
-
|
|
1844
|
+
fe,
|
|
1571
1845
|
{
|
|
1572
1846
|
title: "Border",
|
|
1573
1847
|
rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
|
|
1574
|
-
|
|
1848
|
+
$e,
|
|
1575
1849
|
{
|
|
1576
|
-
onChange: (
|
|
1850
|
+
onChange: (a) => s("border", a, "active"),
|
|
1577
1851
|
current: o.border.active
|
|
1578
1852
|
}
|
|
1579
1853
|
) }),
|
|
@@ -1582,40 +1856,40 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1582
1856
|
/* @__PURE__ */ e.jsxs("div", { className: V.style, children: [
|
|
1583
1857
|
/* @__PURE__ */ e.jsx("span", { className: V.title, children: "Style" }),
|
|
1584
1858
|
/* @__PURE__ */ e.jsx(
|
|
1585
|
-
|
|
1859
|
+
Ue,
|
|
1586
1860
|
{
|
|
1587
|
-
items:
|
|
1861
|
+
items: da,
|
|
1588
1862
|
selectedItem: o.border.style,
|
|
1589
|
-
onSelect: (
|
|
1590
|
-
getIconName: (
|
|
1863
|
+
onSelect: (a) => s("border", a, "style"),
|
|
1864
|
+
getIconName: (a) => a === "solid" ? "Minus" : "Selection"
|
|
1591
1865
|
}
|
|
1592
1866
|
)
|
|
1593
1867
|
] }),
|
|
1594
1868
|
/* @__PURE__ */ e.jsx(
|
|
1595
|
-
|
|
1869
|
+
O,
|
|
1596
1870
|
{
|
|
1597
1871
|
label: "Radius (px)",
|
|
1598
1872
|
value: String(o.border.radius),
|
|
1599
|
-
onChange: (
|
|
1873
|
+
onChange: (a) => s("border", a, "radius"),
|
|
1600
1874
|
type: "number",
|
|
1601
1875
|
min: 0
|
|
1602
1876
|
}
|
|
1603
1877
|
)
|
|
1604
1878
|
] }),
|
|
1605
1879
|
/* @__PURE__ */ e.jsx(
|
|
1606
|
-
|
|
1880
|
+
O,
|
|
1607
1881
|
{
|
|
1608
1882
|
label: "Thickness (px)",
|
|
1609
1883
|
value: String(o.border.thickness),
|
|
1610
|
-
onChange: (
|
|
1884
|
+
onChange: (a) => s("border", a, "thickness"),
|
|
1611
1885
|
type: "number",
|
|
1612
1886
|
min: 0
|
|
1613
1887
|
}
|
|
1614
1888
|
),
|
|
1615
1889
|
/* @__PURE__ */ e.jsx(
|
|
1616
|
-
|
|
1890
|
+
ue,
|
|
1617
1891
|
{
|
|
1618
|
-
initialColor:
|
|
1892
|
+
initialColor: G(o.border.color),
|
|
1619
1893
|
onChange: i("border"),
|
|
1620
1894
|
title: "Color",
|
|
1621
1895
|
labelStyle: "secondary"
|
|
@@ -1624,30 +1898,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1624
1898
|
]
|
|
1625
1899
|
}
|
|
1626
1900
|
),
|
|
1627
|
-
/* @__PURE__ */ e.jsxs(
|
|
1901
|
+
/* @__PURE__ */ e.jsxs(fe, { title: "Label", children: [
|
|
1628
1902
|
/* @__PURE__ */ e.jsx(
|
|
1629
|
-
|
|
1903
|
+
O,
|
|
1630
1904
|
{
|
|
1631
1905
|
label: "Line Height (px)",
|
|
1632
1906
|
value: String(o.label.height),
|
|
1633
|
-
onChange: (
|
|
1907
|
+
onChange: (a) => s("label", a, "height"),
|
|
1634
1908
|
type: "number",
|
|
1635
1909
|
min: 0
|
|
1636
1910
|
}
|
|
1637
1911
|
),
|
|
1638
1912
|
/* @__PURE__ */ e.jsx(
|
|
1639
|
-
|
|
1913
|
+
ie,
|
|
1640
1914
|
{
|
|
1641
1915
|
label: "Font Size (px)",
|
|
1642
|
-
onChange: (
|
|
1916
|
+
onChange: (a) => s("label", a, "size"),
|
|
1643
1917
|
value: String(o.label.size),
|
|
1644
|
-
options:
|
|
1918
|
+
options: ve
|
|
1645
1919
|
}
|
|
1646
1920
|
),
|
|
1647
1921
|
/* @__PURE__ */ e.jsx(
|
|
1648
|
-
|
|
1922
|
+
ue,
|
|
1649
1923
|
{
|
|
1650
|
-
initialColor:
|
|
1924
|
+
initialColor: G(o.label.color),
|
|
1651
1925
|
onChange: i("label"),
|
|
1652
1926
|
title: "Color",
|
|
1653
1927
|
labelStyle: "secondary"
|
|
@@ -1656,108 +1930,108 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1656
1930
|
/* @__PURE__ */ e.jsxs("div", { className: V.alignments, children: [
|
|
1657
1931
|
/* @__PURE__ */ e.jsx("h4", { className: V.title, children: "Alignment Type" }),
|
|
1658
1932
|
/* @__PURE__ */ e.jsx(
|
|
1659
|
-
|
|
1933
|
+
Ue,
|
|
1660
1934
|
{
|
|
1661
|
-
items:
|
|
1935
|
+
items: ca,
|
|
1662
1936
|
selectedItem: o.label.alignment,
|
|
1663
|
-
onSelect: (
|
|
1664
|
-
getIconName: (
|
|
1937
|
+
onSelect: (a) => s("label", a, "alignment"),
|
|
1938
|
+
getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
|
|
1665
1939
|
}
|
|
1666
1940
|
)
|
|
1667
1941
|
] })
|
|
1668
1942
|
] })
|
|
1669
1943
|
] });
|
|
1670
|
-
},
|
|
1671
|
-
wrapper:
|
|
1672
|
-
category:
|
|
1673
|
-
categoryTitle:
|
|
1674
|
-
font:
|
|
1675
|
-
content:
|
|
1676
|
-
icon:
|
|
1677
|
-
paragraph:
|
|
1678
|
-
deleteIcon:
|
|
1679
|
-
iconButton:
|
|
1680
|
-
},
|
|
1681
|
-
const { font: n, size: o, id: s, category: i } = t, { setActiveFont:
|
|
1944
|
+
}, ha = "_wrapper_lov6e_1", pa = "_category_lov6e_5", ga = "_categoryTitle_lov6e_11", ma = "_font_lov6e_17", Sa = "_content_lov6e_38", _a = "_icon_lov6e_45", ba = "_paragraph_lov6e_56", fa = "_deleteIcon_lov6e_60", Ca = "_iconButton_lov6e_67", Q = {
|
|
1945
|
+
wrapper: ha,
|
|
1946
|
+
category: pa,
|
|
1947
|
+
categoryTitle: ga,
|
|
1948
|
+
font: ma,
|
|
1949
|
+
content: Sa,
|
|
1950
|
+
icon: _a,
|
|
1951
|
+
paragraph: ba,
|
|
1952
|
+
deleteIcon: fa,
|
|
1953
|
+
iconButton: Ca
|
|
1954
|
+
}, wa = (t) => {
|
|
1955
|
+
const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = I();
|
|
1682
1956
|
return /* @__PURE__ */ e.jsxs(
|
|
1683
1957
|
"div",
|
|
1684
1958
|
{
|
|
1685
|
-
className:
|
|
1686
|
-
onClick: () =>
|
|
1959
|
+
className: Q.font,
|
|
1960
|
+
onClick: () => a(s),
|
|
1687
1961
|
children: [
|
|
1688
1962
|
/* @__PURE__ */ e.jsx(
|
|
1689
1963
|
"div",
|
|
1690
1964
|
{
|
|
1691
|
-
className:
|
|
1692
|
-
[
|
|
1965
|
+
className: T(Q.icon, {
|
|
1966
|
+
[Q.paragraph]: i === "paragraph"
|
|
1693
1967
|
}),
|
|
1694
1968
|
children: /* @__PURE__ */ e.jsx(C, { name: i === "paragraph" ? "TextB" : "TextH" })
|
|
1695
1969
|
}
|
|
1696
1970
|
),
|
|
1697
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1698
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
1699
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1971
|
+
/* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
|
|
1972
|
+
/* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(s) }),
|
|
1973
|
+
/* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
|
|
1700
1974
|
] })
|
|
1701
1975
|
]
|
|
1702
1976
|
}
|
|
1703
1977
|
);
|
|
1704
|
-
},
|
|
1705
|
-
const { themeSettings: t, setActiveFont: n, activeBlock: o } =
|
|
1706
|
-
|
|
1978
|
+
}, va = () => {
|
|
1979
|
+
const { themeSettings: t, setActiveFont: n, activeBlock: o } = I();
|
|
1980
|
+
m.useEffect(() => (s(), () => {
|
|
1707
1981
|
s();
|
|
1708
1982
|
}), []);
|
|
1709
1983
|
function s() {
|
|
1710
1984
|
n(null);
|
|
1711
1985
|
}
|
|
1712
1986
|
if (o != null && o.name)
|
|
1713
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
1987
|
+
return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
|
|
1714
1988
|
"div",
|
|
1715
1989
|
{
|
|
1716
|
-
className:
|
|
1990
|
+
className: Q.category,
|
|
1717
1991
|
children: [
|
|
1718
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
1719
|
-
Object.entries(
|
|
1720
|
-
|
|
1992
|
+
/* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(i) }),
|
|
1993
|
+
Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsx(
|
|
1994
|
+
wa,
|
|
1721
1995
|
{
|
|
1722
|
-
id:
|
|
1996
|
+
id: r,
|
|
1723
1997
|
category: i,
|
|
1724
1998
|
...l
|
|
1725
1999
|
},
|
|
1726
|
-
|
|
2000
|
+
r
|
|
1727
2001
|
))
|
|
1728
2002
|
]
|
|
1729
2003
|
},
|
|
1730
2004
|
i
|
|
1731
2005
|
)) });
|
|
1732
|
-
},
|
|
1733
|
-
wrapper:
|
|
1734
|
-
open:
|
|
1735
|
-
close:
|
|
1736
|
-
header:
|
|
1737
|
-
title:
|
|
1738
|
-
options:
|
|
1739
|
-
clicked:
|
|
1740
|
-
},
|
|
1741
|
-
const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } =
|
|
2006
|
+
}, xa = "_wrapper_smgf8_1", ka = "_open_smgf8_16", ya = "_close_smgf8_20", ja = "_header_smgf8_24", Ba = "_title_smgf8_32", Aa = "_options_smgf8_38", La = "_clicked_smgf8_45", se = {
|
|
2007
|
+
wrapper: xa,
|
|
2008
|
+
open: ka,
|
|
2009
|
+
close: ya,
|
|
2010
|
+
header: ja,
|
|
2011
|
+
title: Ba,
|
|
2012
|
+
options: Aa,
|
|
2013
|
+
clicked: La
|
|
2014
|
+
}, Pa = () => {
|
|
2015
|
+
const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = I(), { fonts: a } = ze(), [r, l] = m.useState(null);
|
|
1742
2016
|
function d() {
|
|
1743
2017
|
n(null);
|
|
1744
2018
|
}
|
|
1745
|
-
function
|
|
1746
|
-
|
|
2019
|
+
function b(p, h) {
|
|
2020
|
+
r && o && i(r, o, h, p);
|
|
1747
2021
|
}
|
|
1748
|
-
const u =
|
|
2022
|
+
const u = m.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
|
|
1749
2023
|
return /* @__PURE__ */ e.jsxs(
|
|
1750
2024
|
"div",
|
|
1751
2025
|
{
|
|
1752
|
-
className:
|
|
1753
|
-
[
|
|
1754
|
-
[
|
|
2026
|
+
className: T(se.wrapper, {
|
|
2027
|
+
[se.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
|
|
2028
|
+
[se.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
|
|
1755
2029
|
}),
|
|
1756
2030
|
children: [
|
|
1757
2031
|
/* @__PURE__ */ e.jsxs(
|
|
1758
2032
|
"div",
|
|
1759
2033
|
{
|
|
1760
|
-
className:
|
|
2034
|
+
className: se.header,
|
|
1761
2035
|
onClick: d,
|
|
1762
2036
|
children: [
|
|
1763
2037
|
/* @__PURE__ */ e.jsx(
|
|
@@ -1767,94 +2041,94 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1767
2041
|
hoverable: !0
|
|
1768
2042
|
}
|
|
1769
2043
|
),
|
|
1770
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2044
|
+
/* @__PURE__ */ e.jsx("span", { className: se.title, children: "Font Style" })
|
|
1771
2045
|
]
|
|
1772
2046
|
}
|
|
1773
2047
|
),
|
|
1774
|
-
o && u && /* @__PURE__ */ e.jsxs("div", { className:
|
|
2048
|
+
o && u && /* @__PURE__ */ e.jsxs("div", { className: se.options, children: [
|
|
1775
2049
|
/* @__PURE__ */ e.jsx(
|
|
1776
|
-
|
|
2050
|
+
ie,
|
|
1777
2051
|
{
|
|
1778
2052
|
label: "Font",
|
|
1779
2053
|
value: u.font,
|
|
1780
|
-
onChange: (
|
|
1781
|
-
options: [...
|
|
2054
|
+
onChange: (p) => b(p, "font"),
|
|
2055
|
+
options: [...a.filter((p) => p !== u.font)]
|
|
1782
2056
|
}
|
|
1783
2057
|
),
|
|
1784
2058
|
/* @__PURE__ */ e.jsx(
|
|
1785
|
-
|
|
2059
|
+
ie,
|
|
1786
2060
|
{
|
|
1787
2061
|
label: "Size",
|
|
1788
2062
|
value: String(u.size),
|
|
1789
|
-
onChange: (
|
|
1790
|
-
options:
|
|
2063
|
+
onChange: (p) => b(p, "size"),
|
|
2064
|
+
options: ve
|
|
1791
2065
|
}
|
|
1792
2066
|
),
|
|
1793
2067
|
/* @__PURE__ */ e.jsx(
|
|
1794
|
-
|
|
2068
|
+
ie,
|
|
1795
2069
|
{
|
|
1796
2070
|
label: "Weight",
|
|
1797
2071
|
value: String(u.weight),
|
|
1798
|
-
onChange: (
|
|
1799
|
-
options:
|
|
2072
|
+
onChange: (p) => b(p, "weight"),
|
|
2073
|
+
options: gt
|
|
1800
2074
|
}
|
|
1801
2075
|
)
|
|
1802
2076
|
] })
|
|
1803
2077
|
]
|
|
1804
2078
|
}
|
|
1805
2079
|
);
|
|
1806
|
-
},
|
|
1807
|
-
wrapper:
|
|
1808
|
-
open:
|
|
1809
|
-
close:
|
|
1810
|
-
header:
|
|
1811
|
-
title:
|
|
1812
|
-
options:
|
|
1813
|
-
clicked:
|
|
1814
|
-
},
|
|
1815
|
-
const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } =
|
|
2080
|
+
}, Na = "_wrapper_smgf8_1", Ta = "_open_smgf8_16", Fa = "_close_smgf8_20", $a = "_header_smgf8_24", Da = "_title_smgf8_32", Ma = "_options_smgf8_38", Ha = "_clicked_smgf8_45", ae = {
|
|
2081
|
+
wrapper: Na,
|
|
2082
|
+
open: Ta,
|
|
2083
|
+
close: Fa,
|
|
2084
|
+
header: $a,
|
|
2085
|
+
title: Da,
|
|
2086
|
+
options: Ma,
|
|
2087
|
+
clicked: Ha
|
|
2088
|
+
}, Je = () => {
|
|
2089
|
+
const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = I();
|
|
1816
2090
|
function i(l, d) {
|
|
1817
2091
|
o(d, l);
|
|
1818
2092
|
}
|
|
1819
|
-
function
|
|
2093
|
+
function a() {
|
|
1820
2094
|
s(null);
|
|
1821
2095
|
}
|
|
1822
|
-
const
|
|
2096
|
+
const r = m.useMemo(() => n.borders, [n]);
|
|
1823
2097
|
return /* @__PURE__ */ e.jsxs(
|
|
1824
2098
|
"div",
|
|
1825
2099
|
{
|
|
1826
|
-
className:
|
|
1827
|
-
[
|
|
1828
|
-
[
|
|
2100
|
+
className: T(ae.wrapper, {
|
|
2101
|
+
[ae.open]: (t == null ? void 0 : t.name) === "Borders",
|
|
2102
|
+
[ae.close]: (t == null ? void 0 : t.name) !== "Borders"
|
|
1829
2103
|
}),
|
|
1830
2104
|
children: [
|
|
1831
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2105
|
+
/* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
|
|
1832
2106
|
/* @__PURE__ */ e.jsx(
|
|
1833
2107
|
C,
|
|
1834
2108
|
{
|
|
1835
2109
|
name: "CaretLeft",
|
|
1836
2110
|
hoverable: !0,
|
|
1837
|
-
onClick:
|
|
2111
|
+
onClick: a
|
|
1838
2112
|
}
|
|
1839
2113
|
),
|
|
1840
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2114
|
+
/* @__PURE__ */ e.jsx("span", { className: ae.title, children: "Borders Style" })
|
|
1841
2115
|
] }),
|
|
1842
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2116
|
+
/* @__PURE__ */ e.jsxs("div", { className: ae.options, children: [
|
|
1843
2117
|
/* @__PURE__ */ e.jsx(
|
|
1844
|
-
|
|
2118
|
+
O,
|
|
1845
2119
|
{
|
|
1846
2120
|
label: "Border Radius (px)",
|
|
1847
|
-
value: String(
|
|
2121
|
+
value: String(r.radius),
|
|
1848
2122
|
onChange: (l) => i(Number(l), "radius"),
|
|
1849
2123
|
type: "number",
|
|
1850
2124
|
min: 0
|
|
1851
2125
|
}
|
|
1852
2126
|
),
|
|
1853
2127
|
/* @__PURE__ */ e.jsx(
|
|
1854
|
-
|
|
2128
|
+
O,
|
|
1855
2129
|
{
|
|
1856
2130
|
label: "Border Thickness (px)",
|
|
1857
|
-
value: String(
|
|
2131
|
+
value: String(r.thickness),
|
|
1858
2132
|
onChange: (l) => i(Number(l), "thickness"),
|
|
1859
2133
|
type: "number",
|
|
1860
2134
|
min: 0
|
|
@@ -1864,84 +2138,84 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1864
2138
|
]
|
|
1865
2139
|
}
|
|
1866
2140
|
);
|
|
1867
|
-
},
|
|
1868
|
-
wrapper:
|
|
1869
|
-
open:
|
|
1870
|
-
close:
|
|
1871
|
-
header:
|
|
1872
|
-
title:
|
|
1873
|
-
options:
|
|
1874
|
-
clicked:
|
|
1875
|
-
label:
|
|
1876
|
-
alignments:
|
|
1877
|
-
blocks:
|
|
1878
|
-
alignment:
|
|
1879
|
-
active:
|
|
1880
|
-
},
|
|
1881
|
-
const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } =
|
|
2141
|
+
}, Ia = "_wrapper_1phvv_1", Ra = "_open_1phvv_16", Ea = "_close_1phvv_20", Oa = "_header_1phvv_24", Ua = "_title_1phvv_32", qa = "_options_1phvv_38", Ga = "_clicked_1phvv_45", za = "_label_1phvv_49", Wa = "_alignments_1phvv_56", Va = "_blocks_1phvv_62", Xa = "_alignment_1phvv_56", Ya = "_active_1phvv_77", U = {
|
|
2142
|
+
wrapper: Ia,
|
|
2143
|
+
open: Ra,
|
|
2144
|
+
close: Ea,
|
|
2145
|
+
header: Oa,
|
|
2146
|
+
title: Ua,
|
|
2147
|
+
options: qa,
|
|
2148
|
+
clicked: Ga,
|
|
2149
|
+
label: za,
|
|
2150
|
+
alignments: Wa,
|
|
2151
|
+
blocks: Va,
|
|
2152
|
+
alignment: Xa,
|
|
2153
|
+
active: Ya
|
|
2154
|
+
}, Qa = ["left", "center", "right"], Ze = () => {
|
|
2155
|
+
const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = I();
|
|
1882
2156
|
function i(l, d) {
|
|
1883
2157
|
o(d, l);
|
|
1884
2158
|
}
|
|
1885
|
-
function
|
|
2159
|
+
function a() {
|
|
1886
2160
|
s(null);
|
|
1887
2161
|
}
|
|
1888
|
-
const
|
|
2162
|
+
const r = m.useMemo(() => n.buttons, [n]);
|
|
1889
2163
|
return /* @__PURE__ */ e.jsxs(
|
|
1890
2164
|
"div",
|
|
1891
2165
|
{
|
|
1892
|
-
className:
|
|
1893
|
-
[
|
|
1894
|
-
[
|
|
2166
|
+
className: T(U.wrapper, {
|
|
2167
|
+
[U.open]: (t == null ? void 0 : t.name) === "Buttons",
|
|
2168
|
+
[U.close]: (t == null ? void 0 : t.name) !== "Buttons"
|
|
1895
2169
|
}),
|
|
1896
2170
|
children: [
|
|
1897
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2171
|
+
/* @__PURE__ */ e.jsxs("div", { className: U.header, children: [
|
|
1898
2172
|
/* @__PURE__ */ e.jsx(
|
|
1899
2173
|
C,
|
|
1900
2174
|
{
|
|
1901
2175
|
name: "CaretLeft",
|
|
1902
2176
|
hoverable: !0,
|
|
1903
|
-
onClick:
|
|
2177
|
+
onClick: a
|
|
1904
2178
|
}
|
|
1905
2179
|
),
|
|
1906
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2180
|
+
/* @__PURE__ */ e.jsx("span", { className: U.title, children: "Buttons Style" })
|
|
1907
2181
|
] }),
|
|
1908
|
-
|
|
2182
|
+
r && /* @__PURE__ */ e.jsxs("div", { className: U.options, children: [
|
|
1909
2183
|
/* @__PURE__ */ e.jsx(
|
|
1910
|
-
|
|
2184
|
+
O,
|
|
1911
2185
|
{
|
|
1912
2186
|
label: "Height (px)",
|
|
1913
|
-
value: String(
|
|
2187
|
+
value: String(r.height),
|
|
1914
2188
|
onChange: (l) => i(l, "height"),
|
|
1915
2189
|
type: "number",
|
|
1916
2190
|
min: 0
|
|
1917
2191
|
}
|
|
1918
2192
|
),
|
|
1919
2193
|
/* @__PURE__ */ e.jsx(
|
|
1920
|
-
|
|
2194
|
+
ie,
|
|
1921
2195
|
{
|
|
1922
2196
|
label: "Font Size (px)",
|
|
1923
|
-
value: String(
|
|
2197
|
+
value: String(r.size),
|
|
1924
2198
|
onChange: (l) => i(l, "size"),
|
|
1925
|
-
options:
|
|
2199
|
+
options: ve
|
|
1926
2200
|
}
|
|
1927
2201
|
),
|
|
1928
2202
|
/* @__PURE__ */ e.jsx(
|
|
1929
|
-
|
|
2203
|
+
O,
|
|
1930
2204
|
{
|
|
1931
2205
|
label: "Border Radius (px)",
|
|
1932
|
-
value: String(
|
|
2206
|
+
value: String(r.radius),
|
|
1933
2207
|
onChange: (l) => i(Number(l), "radius"),
|
|
1934
2208
|
type: "number",
|
|
1935
2209
|
min: 0
|
|
1936
2210
|
}
|
|
1937
2211
|
),
|
|
1938
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1939
|
-
/* @__PURE__ */ e.jsx("h4", { className:
|
|
1940
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
2212
|
+
/* @__PURE__ */ e.jsxs("div", { className: U.alignments, children: [
|
|
2213
|
+
/* @__PURE__ */ e.jsx("h4", { className: U.label, children: "Alignment Type" }),
|
|
2214
|
+
/* @__PURE__ */ e.jsx("div", { className: U.blocks, children: Qa.map((l) => /* @__PURE__ */ e.jsx(
|
|
1941
2215
|
"div",
|
|
1942
2216
|
{
|
|
1943
|
-
className:
|
|
1944
|
-
[
|
|
2217
|
+
className: T(U.alignment, {
|
|
2218
|
+
[U.active]: r.alignment === l
|
|
1945
2219
|
}),
|
|
1946
2220
|
onClick: () => {
|
|
1947
2221
|
i(l, "alignment");
|
|
@@ -1950,7 +2224,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1950
2224
|
C,
|
|
1951
2225
|
{
|
|
1952
2226
|
name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
|
|
1953
|
-
fill:
|
|
2227
|
+
fill: r.alignment === l ? "#252525" : "#757575"
|
|
1954
2228
|
}
|
|
1955
2229
|
)
|
|
1956
2230
|
},
|
|
@@ -1961,27 +2235,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1961
2235
|
]
|
|
1962
2236
|
}
|
|
1963
2237
|
);
|
|
1964
|
-
},
|
|
1965
|
-
const { activeBlock: t, themeSettings: n } =
|
|
2238
|
+
}, Ka = () => {
|
|
2239
|
+
const { activeBlock: t, themeSettings: n } = I();
|
|
1966
2240
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1967
|
-
(t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(
|
|
1968
|
-
(t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(
|
|
1969
|
-
(t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(
|
|
2241
|
+
(t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Pa, {}),
|
|
2242
|
+
(t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(Je, {}),
|
|
2243
|
+
(t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Ze, {})
|
|
1970
2244
|
] });
|
|
1971
|
-
},
|
|
1972
|
-
const { activeBlock: t, setActiveBlock: n, themeSettings: o } =
|
|
2245
|
+
}, Ja = () => {
|
|
2246
|
+
const { activeBlock: t, setActiveBlock: n, themeSettings: o } = I(), { activeBlock: s } = je();
|
|
1973
2247
|
function i() {
|
|
1974
2248
|
n(null);
|
|
1975
2249
|
}
|
|
1976
2250
|
return /* @__PURE__ */ e.jsxs(
|
|
1977
2251
|
"div",
|
|
1978
2252
|
{
|
|
1979
|
-
className:
|
|
1980
|
-
[
|
|
1981
|
-
[
|
|
2253
|
+
className: T(de.settings, {
|
|
2254
|
+
[de.open]: t,
|
|
2255
|
+
[de.close]: !t || s.name !== "Theme"
|
|
1982
2256
|
}),
|
|
1983
2257
|
children: [
|
|
1984
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2258
|
+
/* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
|
|
1985
2259
|
/* @__PURE__ */ e.jsx(
|
|
1986
2260
|
C,
|
|
1987
2261
|
{
|
|
@@ -1990,19 +2264,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1990
2264
|
onClick: i
|
|
1991
2265
|
}
|
|
1992
2266
|
),
|
|
1993
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2267
|
+
/* @__PURE__ */ e.jsx("span", { className: de.title, children: t == null ? void 0 : t.name })
|
|
1994
2268
|
] }),
|
|
1995
|
-
(t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(
|
|
1996
|
-
(t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(
|
|
1997
|
-
(t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(
|
|
1998
|
-
(t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(
|
|
1999
|
-
(t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(
|
|
2000
|
-
/* @__PURE__ */ e.jsx(
|
|
2269
|
+
(t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(va, {}),
|
|
2270
|
+
(t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(zs, {}),
|
|
2271
|
+
(t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(ua, {}),
|
|
2272
|
+
(t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(Je, {}),
|
|
2273
|
+
(t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Ze, {}),
|
|
2274
|
+
/* @__PURE__ */ e.jsx(Ka, {})
|
|
2001
2275
|
]
|
|
2002
2276
|
}
|
|
2003
2277
|
);
|
|
2004
|
-
},
|
|
2005
|
-
const { activeBlock: t } =
|
|
2278
|
+
}, Za = () => {
|
|
2279
|
+
const { activeBlock: t } = je(), { activeBlock: n } = X();
|
|
2006
2280
|
function o() {
|
|
2007
2281
|
switch (t.name) {
|
|
2008
2282
|
case "Layers":
|
|
@@ -2015,83 +2289,120 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2015
2289
|
return "Settings";
|
|
2016
2290
|
}
|
|
2017
2291
|
}
|
|
2018
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
2019
|
-
/* @__PURE__ */ e.jsx("h3", { className:
|
|
2020
|
-
t.name === "Layers" && /* @__PURE__ */ e.jsx(
|
|
2021
|
-
t.name === "Add" && /* @__PURE__ */ e.jsx(
|
|
2022
|
-
/* @__PURE__ */ e.jsx(
|
|
2023
|
-
/* @__PURE__ */ e.jsx(
|
|
2024
|
-
t.name === "Theme" && /* @__PURE__ */ e.jsx(
|
|
2025
|
-
t.name === "Settings" && /* @__PURE__ */ e.jsx(
|
|
2292
|
+
return /* @__PURE__ */ e.jsxs("div", { className: Ie.sidebar, children: [
|
|
2293
|
+
/* @__PURE__ */ e.jsx("h3", { className: Ie.title, children: o() }),
|
|
2294
|
+
t.name === "Layers" && /* @__PURE__ */ e.jsx(ls, {}),
|
|
2295
|
+
t.name === "Add" && /* @__PURE__ */ e.jsx(Qe, {}),
|
|
2296
|
+
/* @__PURE__ */ e.jsx(js, { isAdd: !!n }),
|
|
2297
|
+
/* @__PURE__ */ e.jsx(Ja, {}),
|
|
2298
|
+
t.name === "Theme" && /* @__PURE__ */ e.jsx(gs, {}),
|
|
2299
|
+
t.name === "Settings" && /* @__PURE__ */ e.jsx(ds, {})
|
|
2300
|
+
] });
|
|
2301
|
+
}, er = "_wrapper_gibny_1", tr = "_header_gibny_12", nr = "_content_gibny_23", or = "_buttons_gibny_31", sr = "_cancel_gibny_38", ar = "_label_gibny_43", rr = "_description_gibny_44", ir = "_preview_gibny_52", lr = "_block_gibny_58", cr = "_slug_gibny_67", dr = "_title_gibny_73", q = {
|
|
2302
|
+
wrapper: er,
|
|
2303
|
+
header: tr,
|
|
2304
|
+
content: nr,
|
|
2305
|
+
buttons: or,
|
|
2306
|
+
cancel: sr,
|
|
2307
|
+
label: ar,
|
|
2308
|
+
description: rr,
|
|
2309
|
+
preview: ir,
|
|
2310
|
+
block: lr,
|
|
2311
|
+
slug: cr,
|
|
2312
|
+
title: dr
|
|
2313
|
+
}, ur = "_wrapper_ba9vp_2", hr = "_label_ba9vp_10", pr = "_options_ba9vp_18", gr = "_radioLabel_ba9vp_24", mr = "_radio_ba9vp_24", Sr = "_custom_ba9vp_39", _r = "_option_ba9vp_18", J = {
|
|
2314
|
+
wrapper: ur,
|
|
2315
|
+
label: hr,
|
|
2316
|
+
options: pr,
|
|
2317
|
+
radioLabel: gr,
|
|
2318
|
+
radio: mr,
|
|
2319
|
+
custom: Sr,
|
|
2320
|
+
option: _r
|
|
2321
|
+
}, br = (t) => {
|
|
2322
|
+
const { defaultValue: n, options: o, onChange: s, label: i } = t, [a, r] = m.useState(n), l = (d) => {
|
|
2323
|
+
const b = d.target.value;
|
|
2324
|
+
r(b), s(b);
|
|
2325
|
+
};
|
|
2326
|
+
return /* @__PURE__ */ e.jsxs("div", { className: J.wrapper, children: [
|
|
2327
|
+
/* @__PURE__ */ e.jsx("span", { className: J.label, children: i }),
|
|
2328
|
+
/* @__PURE__ */ e.jsx("div", { className: J.options, children: o.map((d) => /* @__PURE__ */ e.jsxs(
|
|
2329
|
+
"label",
|
|
2330
|
+
{
|
|
2331
|
+
className: J.radioLabel,
|
|
2332
|
+
children: [
|
|
2333
|
+
/* @__PURE__ */ e.jsx(
|
|
2334
|
+
"input",
|
|
2335
|
+
{
|
|
2336
|
+
type: "radio",
|
|
2337
|
+
value: d.value,
|
|
2338
|
+
checked: a === d.value,
|
|
2339
|
+
onChange: l,
|
|
2340
|
+
className: J.radio
|
|
2341
|
+
}
|
|
2342
|
+
),
|
|
2343
|
+
/* @__PURE__ */ e.jsx("span", { className: J.custom }),
|
|
2344
|
+
/* @__PURE__ */ e.jsx("span", { className: J.option, children: d.label })
|
|
2345
|
+
]
|
|
2346
|
+
},
|
|
2347
|
+
d.value
|
|
2348
|
+
)) })
|
|
2026
2349
|
] });
|
|
2027
|
-
},
|
|
2028
|
-
|
|
2029
|
-
header: wa,
|
|
2030
|
-
content: va,
|
|
2031
|
-
buttons: xa,
|
|
2032
|
-
cancel: ka,
|
|
2033
|
-
label: ja,
|
|
2034
|
-
description: ya,
|
|
2035
|
-
preview: Ba,
|
|
2036
|
-
block: Aa,
|
|
2037
|
-
slug: Pa,
|
|
2038
|
-
title: La
|
|
2039
|
-
}, Na = () => {
|
|
2040
|
-
var M, q, S, y, B, A, b, P;
|
|
2350
|
+
}, fr = () => {
|
|
2351
|
+
var D, R, _, k, y, P, f, N;
|
|
2041
2352
|
const {
|
|
2042
2353
|
setIsOpenModal: t,
|
|
2043
2354
|
pages: n,
|
|
2044
2355
|
createPage: o,
|
|
2045
2356
|
updatePage: s,
|
|
2046
2357
|
isEdit: i,
|
|
2047
|
-
setIsEdit:
|
|
2048
|
-
editedPage:
|
|
2358
|
+
setIsEdit: a,
|
|
2359
|
+
editedPage: r,
|
|
2049
2360
|
setEditedPage: l
|
|
2050
|
-
} =
|
|
2051
|
-
|
|
2052
|
-
), [
|
|
2053
|
-
|
|
2361
|
+
} = $(), { createPage: d, updatePage: b } = M(), [u, p] = m.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [h, c] = m.useState(r ? n && ((R = n[r]) == null ? void 0 : R.name) : ""), [j, L] = m.useState(
|
|
2362
|
+
r && n && ((_ = n[r]) == null ? void 0 : _.seo) && ((y = (k = n[r]) == null ? void 0 : k.seo) == null ? void 0 : y.description) || ""
|
|
2363
|
+
), [A, g] = m.useState(
|
|
2364
|
+
r ? n && ((P = n[r]) == null ? void 0 : P.visibility) : "public"
|
|
2054
2365
|
);
|
|
2055
|
-
function
|
|
2056
|
-
|
|
2366
|
+
function x() {
|
|
2367
|
+
p(""), c(""), L(""), g("public"), a(!1), l(null);
|
|
2057
2368
|
}
|
|
2058
|
-
function
|
|
2059
|
-
|
|
2369
|
+
function S() {
|
|
2370
|
+
x(), t(!1);
|
|
2060
2371
|
}
|
|
2061
|
-
function
|
|
2062
|
-
return
|
|
2372
|
+
function w(F) {
|
|
2373
|
+
return F[0] === "/" ? F : "/" + F;
|
|
2063
2374
|
}
|
|
2064
|
-
function
|
|
2375
|
+
function v() {
|
|
2065
2376
|
o({
|
|
2066
|
-
path:
|
|
2377
|
+
path: w(u),
|
|
2067
2378
|
name: h || u || "",
|
|
2068
2379
|
icon: "File",
|
|
2069
2380
|
seo: {
|
|
2070
2381
|
title: h || "",
|
|
2071
|
-
description:
|
|
2382
|
+
description: j || ""
|
|
2072
2383
|
},
|
|
2073
|
-
visibility:
|
|
2074
|
-
}), d(u),
|
|
2384
|
+
visibility: A || "public"
|
|
2385
|
+
}), d(u), S();
|
|
2075
2386
|
}
|
|
2076
|
-
function
|
|
2077
|
-
n && (
|
|
2078
|
-
path:
|
|
2387
|
+
function B() {
|
|
2388
|
+
n && (b(n[r].name || "", h || u || ""), s(r, {
|
|
2389
|
+
path: w(u),
|
|
2079
2390
|
name: h || u,
|
|
2080
|
-
icon: n[
|
|
2391
|
+
icon: n[r].icon || "File",
|
|
2081
2392
|
seo: {
|
|
2082
2393
|
title: h || "",
|
|
2083
|
-
description:
|
|
2394
|
+
description: j || ""
|
|
2084
2395
|
},
|
|
2085
|
-
visibility:
|
|
2086
|
-
})),
|
|
2396
|
+
visibility: A || "public"
|
|
2397
|
+
})), S();
|
|
2087
2398
|
}
|
|
2088
2399
|
return /* @__PURE__ */ e.jsxs(
|
|
2089
2400
|
"div",
|
|
2090
2401
|
{
|
|
2091
|
-
className:
|
|
2092
|
-
onClick: (
|
|
2402
|
+
className: q.wrapper,
|
|
2403
|
+
onClick: (F) => F.stopPropagation(),
|
|
2093
2404
|
children: [
|
|
2094
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2405
|
+
/* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
|
|
2095
2406
|
/* @__PURE__ */ e.jsxs("h2", { children: [
|
|
2096
2407
|
i ? "Edit" : "Create",
|
|
2097
2408
|
" Blank Page"
|
|
@@ -2102,48 +2413,48 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2102
2413
|
name: "X",
|
|
2103
2414
|
fill: "#757575",
|
|
2104
2415
|
hoverable: !0,
|
|
2105
|
-
onClick:
|
|
2416
|
+
onClick: S
|
|
2106
2417
|
}
|
|
2107
2418
|
)
|
|
2108
2419
|
] }),
|
|
2109
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2420
|
+
/* @__PURE__ */ e.jsxs("div", { className: q.content, children: [
|
|
2110
2421
|
/* @__PURE__ */ e.jsx(
|
|
2111
|
-
|
|
2422
|
+
O,
|
|
2112
2423
|
{
|
|
2113
2424
|
label: "Page Slug",
|
|
2114
|
-
onChange: (
|
|
2425
|
+
onChange: (F) => p(F),
|
|
2115
2426
|
value: u,
|
|
2116
2427
|
placeholder: "path-to-page",
|
|
2117
|
-
disabled: !!(
|
|
2428
|
+
disabled: !!(r && n && ((f = n[r]) != null && f.name) && he.includes(n[r].name)),
|
|
2118
2429
|
required: !0,
|
|
2119
2430
|
regex: "^.+$"
|
|
2120
2431
|
}
|
|
2121
2432
|
),
|
|
2122
2433
|
/* @__PURE__ */ e.jsx(
|
|
2123
|
-
|
|
2434
|
+
O,
|
|
2124
2435
|
{
|
|
2125
2436
|
label: "Page Title",
|
|
2126
|
-
onChange: (
|
|
2437
|
+
onChange: (F) => c(F),
|
|
2127
2438
|
value: h,
|
|
2128
2439
|
placeholder: "Contact us",
|
|
2129
|
-
disabled: !!(
|
|
2440
|
+
disabled: !!(r && n && ((N = n[r]) != null && N.name) && he.includes(n[r].name))
|
|
2130
2441
|
}
|
|
2131
2442
|
),
|
|
2132
2443
|
/* @__PURE__ */ e.jsx(
|
|
2133
|
-
|
|
2444
|
+
mt,
|
|
2134
2445
|
{
|
|
2135
2446
|
label: "Description",
|
|
2136
|
-
onChange: (
|
|
2137
|
-
value:
|
|
2447
|
+
onChange: (F) => L(F),
|
|
2448
|
+
value: j,
|
|
2138
2449
|
placeholder: "Contact us at any time of the day or night. You are always welcome",
|
|
2139
2450
|
maxLength: 150
|
|
2140
2451
|
}
|
|
2141
2452
|
),
|
|
2142
2453
|
/* @__PURE__ */ e.jsx(
|
|
2143
|
-
|
|
2454
|
+
br,
|
|
2144
2455
|
{
|
|
2145
2456
|
label: "Visibility",
|
|
2146
|
-
defaultValue:
|
|
2457
|
+
defaultValue: A,
|
|
2147
2458
|
options: [
|
|
2148
2459
|
{
|
|
2149
2460
|
value: "public",
|
|
@@ -2154,31 +2465,31 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2154
2465
|
label: "Private"
|
|
2155
2466
|
}
|
|
2156
2467
|
],
|
|
2157
|
-
onChange: (
|
|
2468
|
+
onChange: (F) => g(F)
|
|
2158
2469
|
}
|
|
2159
2470
|
),
|
|
2160
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2161
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2162
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2163
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2164
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2165
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
2471
|
+
/* @__PURE__ */ e.jsxs("div", { className: q.preview, children: [
|
|
2472
|
+
/* @__PURE__ */ e.jsx("span", { className: q.label, children: "Preview" }),
|
|
2473
|
+
/* @__PURE__ */ e.jsxs("div", { className: q.block, children: [
|
|
2474
|
+
/* @__PURE__ */ e.jsx("span", { className: q.slug, children: u || "yoursite.url" }),
|
|
2475
|
+
/* @__PURE__ */ e.jsx("span", { className: q.title, children: h || "My Blank Page" }),
|
|
2476
|
+
/* @__PURE__ */ e.jsx("span", { className: q.description, children: j || "It is My Description" })
|
|
2166
2477
|
] })
|
|
2167
2478
|
] })
|
|
2168
2479
|
] }),
|
|
2169
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2480
|
+
/* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
|
|
2170
2481
|
/* @__PURE__ */ e.jsx(
|
|
2171
|
-
|
|
2482
|
+
Z,
|
|
2172
2483
|
{
|
|
2173
|
-
className:
|
|
2174
|
-
onClick:
|
|
2484
|
+
className: q.cancel,
|
|
2485
|
+
onClick: S,
|
|
2175
2486
|
children: "Cancel"
|
|
2176
2487
|
}
|
|
2177
2488
|
),
|
|
2178
2489
|
/* @__PURE__ */ e.jsx(
|
|
2179
|
-
|
|
2490
|
+
Z,
|
|
2180
2491
|
{
|
|
2181
|
-
onClick: i ?
|
|
2492
|
+
onClick: i ? B : v,
|
|
2182
2493
|
disabled: u.length === 0,
|
|
2183
2494
|
children: i ? "Update" : "Create"
|
|
2184
2495
|
}
|
|
@@ -2187,153 +2498,56 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2187
2498
|
]
|
|
2188
2499
|
}
|
|
2189
2500
|
);
|
|
2190
|
-
},
|
|
2191
|
-
layout:
|
|
2192
|
-
main:
|
|
2193
|
-
content:
|
|
2194
|
-
notification:
|
|
2195
|
-
},
|
|
2196
|
-
const { isOpenModal: t, setIsOpenModal: n } =
|
|
2197
|
-
return
|
|
2501
|
+
}, Cr = "_layout_3kge3_1", wr = "_main_3kge3_10", vr = "_content_3kge3_18", xr = "_notification_3kge3_26", Ce = {
|
|
2502
|
+
layout: Cr,
|
|
2503
|
+
main: wr,
|
|
2504
|
+
content: vr,
|
|
2505
|
+
notification: xr
|
|
2506
|
+
}, kr = () => {
|
|
2507
|
+
const { isOpenModal: t, setIsOpenModal: n } = $(), { openModal: o, setOpenModal: s } = St(), { notification: i, setNotification: a } = Ge();
|
|
2508
|
+
return m.useEffect(() => {
|
|
2198
2509
|
i && setTimeout(() => {
|
|
2199
|
-
|
|
2510
|
+
a(null);
|
|
2200
2511
|
}, 3e3);
|
|
2201
2512
|
}, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2202
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2203
|
-
/* @__PURE__ */ e.jsx(
|
|
2204
|
-
/* @__PURE__ */ e.jsxs("main", { className:
|
|
2205
|
-
/* @__PURE__ */ e.jsx(
|
|
2206
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
2207
|
-
/* @__PURE__ */ e.jsx(
|
|
2208
|
-
/* @__PURE__ */ e.jsx(
|
|
2513
|
+
/* @__PURE__ */ e.jsxs("div", { className: Ce.layout, children: [
|
|
2514
|
+
/* @__PURE__ */ e.jsx(Fn, {}),
|
|
2515
|
+
/* @__PURE__ */ e.jsxs("main", { className: Ce.main, children: [
|
|
2516
|
+
/* @__PURE__ */ e.jsx(yn, {}),
|
|
2517
|
+
/* @__PURE__ */ e.jsxs("div", { className: Ce.content, children: [
|
|
2518
|
+
/* @__PURE__ */ e.jsx(Za, {}),
|
|
2519
|
+
/* @__PURE__ */ e.jsx(Uo, {})
|
|
2209
2520
|
] })
|
|
2210
2521
|
] })
|
|
2211
2522
|
] }),
|
|
2212
|
-
t && /* @__PURE__ */ e.jsx(
|
|
2213
|
-
o && /* @__PURE__ */ e.jsx(
|
|
2214
|
-
i && /* @__PURE__ */ e.jsx("div", { className:
|
|
2215
|
-
|
|
2523
|
+
t && /* @__PURE__ */ e.jsx(De, { close: n, children: /* @__PURE__ */ e.jsx(fr, {}) }),
|
|
2524
|
+
o && /* @__PURE__ */ e.jsx(De, { close: s, children: /* @__PURE__ */ e.jsx(_t, {}) }),
|
|
2525
|
+
i && /* @__PURE__ */ e.jsx("div", { className: Ce.notification, children: /* @__PURE__ */ e.jsx(
|
|
2526
|
+
Ke,
|
|
2216
2527
|
{
|
|
2217
2528
|
message: i.message,
|
|
2218
2529
|
type: i.status
|
|
2219
2530
|
}
|
|
2220
2531
|
) })
|
|
2221
2532
|
] });
|
|
2222
|
-
}
|
|
2223
|
-
|
|
2224
|
-
const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
|
|
2225
|
-
return (await ke.get(s, {
|
|
2226
|
-
headers: {
|
|
2227
|
-
Authorization: `Bearer ${i}`
|
|
2228
|
-
}
|
|
2229
|
-
})).data;
|
|
2230
|
-
}
|
|
2231
|
-
async function Ha() {
|
|
2232
|
-
try {
|
|
2233
|
-
const [t, n, o, s, i, r] = await Promise.allSettled([
|
|
2234
|
-
oe("v1", "general"),
|
|
2235
|
-
oe("v1", "faqs"),
|
|
2236
|
-
oe("v1", "listings"),
|
|
2237
|
-
oe("v1", "products"),
|
|
2238
|
-
oe("v1", "reviews"),
|
|
2239
|
-
oe("v1", "categories")
|
|
2240
|
-
]);
|
|
2241
|
-
return {
|
|
2242
|
-
general: t,
|
|
2243
|
-
faqs: n,
|
|
2244
|
-
listings: o,
|
|
2245
|
-
products: s,
|
|
2246
|
-
reviews: i,
|
|
2247
|
-
categories: r
|
|
2248
|
-
};
|
|
2249
|
-
} catch (t) {
|
|
2250
|
-
throw console.error("Error fetching page data:", t), t;
|
|
2251
|
-
}
|
|
2252
|
-
}
|
|
2253
|
-
async function Ia() {
|
|
2254
|
-
try {
|
|
2255
|
-
const { data: t } = await ke.get(
|
|
2256
|
-
`${mt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
|
|
2257
|
-
);
|
|
2258
|
-
return t.items;
|
|
2259
|
-
} catch (t) {
|
|
2260
|
-
throw console.error("Error fetching page data:", t), t;
|
|
2261
|
-
}
|
|
2262
|
-
}
|
|
2263
|
-
function Wa() {
|
|
2264
|
-
try {
|
|
2265
|
-
const {
|
|
2266
|
-
editBlock: t,
|
|
2267
|
-
currentBlock: n,
|
|
2268
|
-
blocks: o,
|
|
2269
|
-
header: s,
|
|
2270
|
-
setHeader: i,
|
|
2271
|
-
footer: r,
|
|
2272
|
-
setFooter: a
|
|
2273
|
-
} = $.getState(), { currentPage: l, pages: d } = D.getState(), { currentInstance: _, activeBlock: u } = X.getState(), { settings: g, setSettings: h } = Y.getState();
|
|
2274
|
-
if (h(g), !u && _ && d) {
|
|
2275
|
-
if (n === "header" && s)
|
|
2276
|
-
i(s);
|
|
2277
|
-
else if (n === "footer" && r)
|
|
2278
|
-
a(r);
|
|
2279
|
-
else if (n === "header" || n === "footer")
|
|
2280
|
-
throw new Error(`Missing ${n} data.`);
|
|
2281
|
-
const c = {
|
|
2282
|
-
blockSettings: {}
|
|
2283
|
-
};
|
|
2284
|
-
if (!_.blockSettings)
|
|
2285
|
-
throw new Error("currentInstance.blockSettings is undefined.");
|
|
2286
|
-
if (Object.keys(_.blockSettings).filter((w) => !["displayName", "isAddable"].includes(w)).forEach((w) => {
|
|
2287
|
-
c.blockSettings[w] = _.blockSettings[w];
|
|
2288
|
-
}), !d[l])
|
|
2289
|
-
throw new Error(`Page "${l}" does not exist.`);
|
|
2290
|
-
if (!o[d[l].path] || !o[d[l].path][n])
|
|
2291
|
-
throw new Error(
|
|
2292
|
-
`Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
|
|
2293
|
-
);
|
|
2294
|
-
t(d[l].path, n, {
|
|
2295
|
-
name: o[d[l].path][n].name,
|
|
2296
|
-
value: c
|
|
2297
|
-
});
|
|
2298
|
-
}
|
|
2299
|
-
} catch (t) {
|
|
2300
|
-
console.error("Error in hotReload function:", t);
|
|
2301
|
-
}
|
|
2302
|
-
}
|
|
2303
|
-
async function Ra() {
|
|
2304
|
-
const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
|
|
2305
|
-
return (await ke.get(o, {
|
|
2306
|
-
headers: {
|
|
2307
|
-
Authorization: `Bearer ${s}`
|
|
2308
|
-
}
|
|
2309
|
-
})).data;
|
|
2310
|
-
}
|
|
2311
|
-
async function Ea() {
|
|
2312
|
-
const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
|
|
2313
|
-
return (await ke.get(o, {
|
|
2314
|
-
headers: {
|
|
2315
|
-
Authorization: `Bearer ${s}`
|
|
2316
|
-
}
|
|
2317
|
-
})).data;
|
|
2318
|
-
}
|
|
2319
|
-
const Oa = (t) => {
|
|
2320
|
-
const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = X(), { fonts: l, setFonts: d } = Ue(), { setSettings: _ } = Y(), { setPageContext: u } = D(), { setThemeSettings: g } = H(), {
|
|
2533
|
+
}, yr = (t) => {
|
|
2534
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = ze(), { setSettings: b } = K(), { setPageContext: u } = $(), { setThemeSettings: p } = I(), {
|
|
2321
2535
|
setHeader: h,
|
|
2322
2536
|
setFooter: c,
|
|
2323
|
-
setBlocks:
|
|
2324
|
-
blocks:
|
|
2325
|
-
createPage:
|
|
2326
|
-
} =
|
|
2327
|
-
function
|
|
2328
|
-
return
|
|
2537
|
+
setBlocks: j,
|
|
2538
|
+
blocks: L,
|
|
2539
|
+
createPage: A
|
|
2540
|
+
} = M(), { setPages: g } = $();
|
|
2541
|
+
function x(S) {
|
|
2542
|
+
return S[0] === "/" ? S.slice(1) : S;
|
|
2329
2543
|
}
|
|
2330
|
-
return
|
|
2331
|
-
const
|
|
2332
|
-
Object.keys(n).map((
|
|
2333
|
-
|
|
2334
|
-
}),
|
|
2335
|
-
const { data:
|
|
2336
|
-
let
|
|
2544
|
+
return m.useEffect(() => {
|
|
2545
|
+
const S = {};
|
|
2546
|
+
Object.keys(n).map((v) => {
|
|
2547
|
+
S[v] = n[v];
|
|
2548
|
+
}), r(S), a(S), h(s), c(i), (async () => {
|
|
2549
|
+
const { data: v } = await Mt();
|
|
2550
|
+
let B = {
|
|
2337
2551
|
listings: null,
|
|
2338
2552
|
products: null,
|
|
2339
2553
|
reviews: null,
|
|
@@ -2341,41 +2555,41 @@ const Oa = (t) => {
|
|
|
2341
2555
|
faqs: null,
|
|
2342
2556
|
general: null
|
|
2343
2557
|
};
|
|
2344
|
-
const
|
|
2345
|
-
Object.keys(
|
|
2346
|
-
const
|
|
2347
|
-
|
|
2348
|
-
}), u(
|
|
2349
|
-
const { themeSettings:
|
|
2350
|
-
|
|
2351
|
-
const
|
|
2352
|
-
if (
|
|
2353
|
-
const
|
|
2354
|
-
|
|
2355
|
-
...
|
|
2356
|
-
icon:
|
|
2558
|
+
const D = await Ft();
|
|
2559
|
+
Object.keys(D).map((P) => {
|
|
2560
|
+
const f = P;
|
|
2561
|
+
B[f] = D[f].value.data;
|
|
2562
|
+
}), u(B);
|
|
2563
|
+
const { themeSettings: R, layers: _ } = v;
|
|
2564
|
+
p(R), j(_), b(o);
|
|
2565
|
+
const k = await Dt(), y = {};
|
|
2566
|
+
if (k.data.length > 0 && k.data.forEach((P) => {
|
|
2567
|
+
const f = x(P.path);
|
|
2568
|
+
L[f] || A(f), P.path === "/" ? y["/"] = {
|
|
2569
|
+
...P,
|
|
2570
|
+
icon: Be.home.icon,
|
|
2357
2571
|
name: "home"
|
|
2358
|
-
} :
|
|
2359
|
-
...
|
|
2360
|
-
icon:
|
|
2361
|
-
name:
|
|
2362
|
-
} :
|
|
2363
|
-
...
|
|
2572
|
+
} : Be[f] ? y[f] = {
|
|
2573
|
+
...P,
|
|
2574
|
+
icon: Be[f].icon,
|
|
2575
|
+
name: f
|
|
2576
|
+
} : y[f] = {
|
|
2577
|
+
...P,
|
|
2364
2578
|
icon: "File",
|
|
2365
|
-
name:
|
|
2579
|
+
name: f
|
|
2366
2580
|
};
|
|
2367
|
-
}),
|
|
2368
|
-
const
|
|
2369
|
-
d([...
|
|
2581
|
+
}), g(y), l.length === 0) {
|
|
2582
|
+
const P = await $t();
|
|
2583
|
+
d([...P.map((f) => f.family)]);
|
|
2370
2584
|
}
|
|
2371
2585
|
})();
|
|
2372
|
-
}, []), /* @__PURE__ */ e.jsx(
|
|
2373
|
-
},
|
|
2374
|
-
const { blocks: n, settings: o, header: s, footer: i } = t, [
|
|
2375
|
-
return
|
|
2376
|
-
|
|
2377
|
-
}, []), /* @__PURE__ */ e.jsx(e.Fragment, { children:
|
|
2378
|
-
|
|
2586
|
+
}, []), /* @__PURE__ */ e.jsx(kr, {});
|
|
2587
|
+
}, jr = (t) => {
|
|
2588
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(!0), l = bt();
|
|
2589
|
+
return m.useEffect(() => {
|
|
2590
|
+
r(!0), Ht() ? r(!1) : l("/");
|
|
2591
|
+
}, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
|
|
2592
|
+
yr,
|
|
2379
2593
|
{
|
|
2380
2594
|
blocks: n,
|
|
2381
2595
|
settings: o,
|
|
@@ -2383,19 +2597,19 @@ const Oa = (t) => {
|
|
|
2383
2597
|
footer: i
|
|
2384
2598
|
}
|
|
2385
2599
|
) });
|
|
2386
|
-
},
|
|
2387
|
-
const { blocks: n, settings: o, header: s, footer: i } = t, [
|
|
2388
|
-
|
|
2389
|
-
if (!
|
|
2390
|
-
const
|
|
2391
|
-
Object.keys(n).map((
|
|
2392
|
-
|
|
2393
|
-
}), d(
|
|
2394
|
-
const
|
|
2600
|
+
}, Nr = (t) => {
|
|
2601
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: b } = K(), { setHeader: u, setFooter: p } = M(), { themeSettings: h } = I();
|
|
2602
|
+
m.useEffect(() => {
|
|
2603
|
+
if (!a) {
|
|
2604
|
+
const A = {};
|
|
2605
|
+
Object.keys(n).map((x) => {
|
|
2606
|
+
A[x] = n[x];
|
|
2607
|
+
}), d(A), l(A), u(s), p(i), b(o);
|
|
2608
|
+
const g = ft([
|
|
2395
2609
|
{
|
|
2396
2610
|
path: "/admin/builder",
|
|
2397
2611
|
element: /* @__PURE__ */ e.jsx(
|
|
2398
|
-
|
|
2612
|
+
jr,
|
|
2399
2613
|
{
|
|
2400
2614
|
blocks: n,
|
|
2401
2615
|
settings: o,
|
|
@@ -2406,46 +2620,46 @@ const Oa = (t) => {
|
|
|
2406
2620
|
},
|
|
2407
2621
|
{
|
|
2408
2622
|
path: "/checkout",
|
|
2409
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2623
|
+
element: /* @__PURE__ */ e.jsx(vt, {})
|
|
2410
2624
|
},
|
|
2411
2625
|
{
|
|
2412
2626
|
path: "/top-up",
|
|
2413
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2627
|
+
element: /* @__PURE__ */ e.jsx(xt, {})
|
|
2414
2628
|
},
|
|
2415
2629
|
{
|
|
2416
2630
|
path: "/charges/:id",
|
|
2417
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2631
|
+
element: /* @__PURE__ */ e.jsx(kt, {})
|
|
2418
2632
|
},
|
|
2419
2633
|
{
|
|
2420
2634
|
path: "/orders/:id/:accessToken?",
|
|
2421
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2635
|
+
element: /* @__PURE__ */ e.jsx(yt, {})
|
|
2422
2636
|
},
|
|
2423
2637
|
{
|
|
2424
2638
|
path: "/subscriptions/:id/:accessToken?",
|
|
2425
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2639
|
+
element: /* @__PURE__ */ e.jsx(jt, {})
|
|
2426
2640
|
},
|
|
2427
2641
|
{
|
|
2428
2642
|
path: "/customer-dash",
|
|
2429
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2643
|
+
element: /* @__PURE__ */ e.jsx(Bt, {})
|
|
2430
2644
|
},
|
|
2431
2645
|
{
|
|
2432
2646
|
path: "*",
|
|
2433
|
-
element: /* @__PURE__ */ e.jsx(
|
|
2647
|
+
element: /* @__PURE__ */ e.jsx(zt, {})
|
|
2434
2648
|
}
|
|
2435
2649
|
]);
|
|
2436
|
-
|
|
2650
|
+
r(g);
|
|
2437
2651
|
}
|
|
2438
|
-
}, [
|
|
2439
|
-
const
|
|
2440
|
-
|
|
2652
|
+
}, [a]), m.useEffect(() => {
|
|
2653
|
+
const A = Vt(h);
|
|
2654
|
+
Xt(A);
|
|
2441
2655
|
}, [h]);
|
|
2442
|
-
const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname,
|
|
2443
|
-
return /* @__PURE__ */ e.jsx(e.Fragment, { children:
|
|
2444
|
-
|
|
2656
|
+
const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, j = localStorage.getItem("shopPassword"), L = localStorage.getItem("shopId") || "";
|
|
2657
|
+
return /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx(
|
|
2658
|
+
Ct,
|
|
2445
2659
|
{
|
|
2446
2660
|
shopDomain: c,
|
|
2447
|
-
shopId:
|
|
2448
|
-
shopPassword:
|
|
2661
|
+
shopId: L,
|
|
2662
|
+
shopPassword: j || void 0,
|
|
2449
2663
|
routes: {
|
|
2450
2664
|
Checkout: "/checkout",
|
|
2451
2665
|
TopUp: "/top-up",
|
|
@@ -2453,12 +2667,12 @@ const Oa = (t) => {
|
|
|
2453
2667
|
Order: "/orders",
|
|
2454
2668
|
Subscription: "/subscriptions"
|
|
2455
2669
|
},
|
|
2456
|
-
children: /* @__PURE__ */ e.jsx(
|
|
2670
|
+
children: /* @__PURE__ */ e.jsx(wt, { router: a })
|
|
2457
2671
|
}
|
|
2458
2672
|
) });
|
|
2459
2673
|
};
|
|
2460
2674
|
export {
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2675
|
+
Nr as App,
|
|
2676
|
+
Pr as hotReload,
|
|
2677
|
+
Lr as iconNames
|
|
2464
2678
|
};
|