@bigbinary/neeto-themes-frontend 4.0.15 → 4.0.17
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/app/javascript/src/translations/ar.json +4 -0
- package/app/javascript/src/translations/bg.json +4 -0
- package/app/javascript/src/translations/ca.json +4 -0
- package/app/javascript/src/translations/cs.json +4 -0
- package/app/javascript/src/translations/da.json +4 -0
- package/app/javascript/src/translations/de.json +4 -0
- package/app/javascript/src/translations/en.json +22 -12
- package/app/javascript/src/translations/es-MX.json +4 -0
- package/app/javascript/src/translations/es.json +4 -0
- package/app/javascript/src/translations/et.json +4 -0
- package/app/javascript/src/translations/fi.json +4 -0
- package/app/javascript/src/translations/fil.json +4 -0
- package/app/javascript/src/translations/fr.json +4 -0
- package/app/javascript/src/translations/he.json +4 -0
- package/app/javascript/src/translations/hi.json +4 -0
- package/app/javascript/src/translations/hr.json +4 -0
- package/app/javascript/src/translations/hu.json +4 -0
- package/app/javascript/src/translations/id.json +4 -0
- package/app/javascript/src/translations/it.json +4 -0
- package/app/javascript/src/translations/ja.json +4 -0
- package/app/javascript/src/translations/ko.json +4 -0
- package/app/javascript/src/translations/nl.json +4 -0
- package/app/javascript/src/translations/pl.json +4 -0
- package/app/javascript/src/translations/pt-BR.json +4 -0
- package/app/javascript/src/translations/pt.json +4 -0
- package/app/javascript/src/translations/ro.json +4 -0
- package/app/javascript/src/translations/ru.json +4 -0
- package/app/javascript/src/translations/sk.json +4 -0
- package/app/javascript/src/translations/sl.json +4 -0
- package/app/javascript/src/translations/sv.json +4 -0
- package/app/javascript/src/translations/th.json +4 -0
- package/app/javascript/src/translations/tr.json +4 -0
- package/app/javascript/src/translations/uk.json +4 -0
- package/app/javascript/src/translations/vi.json +4 -0
- package/app/javascript/src/translations/zh-CN.json +4 -0
- package/app/javascript/src/translations/zh-TW.json +4 -0
- package/dist/.ready +1 -0
- package/dist/NeetoThemesBuilder.js +353 -228
- package/dist/NeetoThemesBuilder.js.map +1 -1
- package/dist/cjs/NeetoThemesBuilder.js +393 -268
- package/dist/cjs/NeetoThemesBuilder.js.map +1 -1
- package/dist/cjs/hooks.js +4 -2
- package/dist/cjs/hooks.js.map +1 -1
- package/dist/cjs/index.js +9 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/hooks.js +2 -1
- package/dist/hooks.js.map +1 -1
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/dist/{useThemeUtils-BaUtDOWd.js → useExpandedSection-BkPg-7yk.js} +26 -3
- package/dist/useExpandedSection-BkPg-7yk.js.map +1 -0
- package/dist/{useThemeUtils-Dc_sN2SE.js → useExpandedSection-DvbcFXMx.js} +26 -1
- package/dist/useExpandedSection-DvbcFXMx.js.map +1 -0
- package/package.json +32 -31
- package/dist/useThemeUtils-BaUtDOWd.js.map +0 -1
- package/dist/useThemeUtils-Dc_sN2SE.js.map +0 -1
|
@@ -7,7 +7,7 @@ import { useTranslation, Trans } from 'react-i18next';
|
|
|
7
7
|
import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-JpAFUrB8.js';
|
|
8
8
|
import { useQuery, useQueryClient } from '@tanstack/react-query';
|
|
9
9
|
import axios from 'axios';
|
|
10
|
-
import { Q as QUERY_KEYS,
|
|
10
|
+
import { Q as QUERY_KEYS, b as useConfigStore, a as useExpandedSection, c as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, H as HUNDRED, O as OVERLAY_OPACITY_SLIDER_MARKS, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA, A as APPLY_SPINNER_DELAY } from './useExpandedSection-BkPg-7yk.js';
|
|
11
11
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
12
12
|
import classnames from 'classnames';
|
|
13
13
|
import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
|
|
@@ -31,6 +31,8 @@ import i18n, { t as t$1 } from 'i18next';
|
|
|
31
31
|
import Right from '@bigbinary/neeto-icons/Right';
|
|
32
32
|
import Left from '@bigbinary/neeto-icons/Left';
|
|
33
33
|
import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
|
|
34
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
35
|
+
import { flushSync } from 'react-dom';
|
|
34
36
|
import Radio from '@bigbinary/neetoui/formik/Radio';
|
|
35
37
|
import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
|
|
36
38
|
import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
|
|
@@ -44,11 +46,14 @@ import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploade
|
|
|
44
46
|
import Toastr from '@bigbinary/neetoui/Toastr';
|
|
45
47
|
import Input$1 from '@bigbinary/neetoui/formik/Input';
|
|
46
48
|
import Search from '@bigbinary/neeto-molecules/Search';
|
|
47
|
-
import
|
|
49
|
+
import AddImage from '@bigbinary/neeto-icons/AddImage';
|
|
50
|
+
import CodeBlock from '@bigbinary/neeto-icons/CodeBlock';
|
|
51
|
+
import ColorPicker$1 from '@bigbinary/neeto-icons/ColorPicker';
|
|
52
|
+
import Image from '@bigbinary/neeto-icons/Image';
|
|
48
53
|
import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
|
|
49
54
|
import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
|
|
50
|
-
import Plus from '@bigbinary/neeto-icons/Plus';
|
|
51
55
|
import RightArrow from '@bigbinary/neeto-icons/RightArrow';
|
|
56
|
+
import Search$1 from '@bigbinary/neeto-icons/Search';
|
|
52
57
|
import 'zustand';
|
|
53
58
|
import 'yup';
|
|
54
59
|
|
|
@@ -71,7 +76,7 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
|
|
|
71
76
|
|
|
72
77
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
73
78
|
|
|
74
|
-
var css = ":root{--themes-sidebar-expanded:520px;--themes-sidebar-width-xl:340px;--themes-sidebar-width-lg:320px;--themes-sidebar-width-sm:280px;--themes-sidebar-header-height:120px;--builder-header-height:65px}.neeto-themes__wrapper{display:flex;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;inset-inline-start:0;padding-top:1.5rem;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important;width:var(--themes-sidebar-expanded)!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px;width:var(--themes-sidebar-width-sm)}}@media screen and (min-width:768px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px;width:var(--themes-sidebar-width-lg)}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px;width:var(--themes-sidebar-width-xl)}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:6.8125rem}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{inset-inline-end:auto;inset-inline-start:.5rem}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:.5rem;padding-top:1rem}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(var(--viewport-height, 100vh) - var(--themes-sidebar-header-height));overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px);height:calc(var(--viewport-height, 100vh) - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));position:relative}.neeto-themes-theme-thumbnail:hover{box-shadow:0 0 0 2px rgb(var(--neeto-ui-gray-200))}.neeto-themes-theme-thumbnail:hover .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--preview-active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-accent-500))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-accent-500))!important}.neeto-themes-theme-thumbnail--active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-theme-thumbnail__active-label{--neeto-ui-btn-focus-box-shadow:none}.neeto-themes-theme-thumbnail__active-label,.neeto-themes-theme-thumbnail__apply-btn,.neeto-themes-theme-thumbnail__preview-btn{max-width:100%;width:8.125rem}.neeto-themes-theme-thumbnail__preview-btn--disabled{--neeto-ui-btn-color:rgb(var(--neeto-ui-gray-300));--neeto-ui-btn-box-shadow:inset 0 0 0 1px rgba(var(--neeto-ui-gray-300))}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-start-end-radius:var(--neeto-ui-rounded-lg);border-start-start-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-end-end-radius:var(--neeto-ui-rounded-lg);border-end-start-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;inset-inline-start:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;inset-inline-start:calc(100% + .5rem);position:absolute;top:.5rem;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{inset-inline-end:1.5rem;inset-inline-start:auto}}.neeto-themes-nano-alignment-block{border-radius:.375rem}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:0.75rem!important}.neeto-themes-nano-alignment-button__alignment-left{border-end-end-radius:0!important;border-start-end-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-end-start-radius:0!important;border-start-start-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:2rem;width:.0625rem}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:.25rem;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}.neeto-themes-nano-global-theme-icon{fill:rgb(var(--neeto-ui-warning-100));color:rgb(var(--neeto-ui-warning-500))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy90aGVtZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0UsK0JBQWdDLENBQ2hDLCtCQUFnQyxDQUNoQywrQkFBZ0MsQ0FDaEMsK0JBQWdDLENBQ2hDLG9DQUFxQyxDQUNyQyw0QkFDRixDQ1BBLHVCQUVFLFlBQWEsQ0FDYix5QkFBMEUsQ0FBMUUseUVBQTBFLENBRjFFLFVBR0YsQ0FFQSw2Q0FHRSwyQ0FBNEMsQ0FENUMsV0FBWSxDQUlaLG9CQUFxQixDQUdyQixrQkFBbUIsQ0FMbkIsY0FBZSxDQUNmLEtBQU0sQ0FFTixlQUFnQixDQU5oQixVQUFXLENBT1gsV0FFRixDQUVBLHVEQUVFLGNBQWUsQ0FEZixxQkFBZ0QsQ0FBaEQsOENBRUYsQ0FFQSxvQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsb0NBQ0UsNkNBR0UseUJBQTBFLENBQTFFLHlFQUEwRSxDQUYxRSxhQUFjLENBQ2QsaUJBRUYsQ0FDRixDQUVBLHFDQUNFLDZDQUNFLFdBQXFDLENBQXJDLG9DQUNGLENBQ0YsQ0FFQSxxQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsd0RBRUUsV0FBZSxDQUNmLFdBQWUsQ0FGZixPQUdGLENBRUEsdUZBQ0UsbUJBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxhQUNGLENBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxxQkFBc0IsQ0FDdEIsd0JBQ0YsQ0FDRixDQUVBLHNGQUNFLFlBQ0YsQ0FFQSwyRUFFRSxvQkFBc0IsQ0FEdEIsZ0JBRUYsQ0FFQSwyRUFHRSxZQUFhLENBQ2IscUJBQXNCLENBSHRCLDBCQUFpRixDQUFqRixnRkFBaUYsQ0FDakYsZUFHRixDQUVBLDRJQUNFLFlBQ0YsQ0FFQSxvREFDRSwwQkFBbUQsQ0FBbkQsa0RBQ0YsQ0FFQSxtREFDRSxZQUNGLENBRUEsc0RBR0UsV0FBWSxDQURaLHlCQUEwRSxDQUExRSx5RUFBMEUsQ0FEMUUsaUJBR0YsQ0FFQSxvQ0FDRSxrREFDRixDQUVBLDJFQUNFLFVBQ0YsQ0FFQSw4Q0FDRSxvREFBc0QsQ0FFdEQseUJBQTJCLENBRDNCLHlEQUVGLENBRUEscUZBQ0UsVUFDRixDQUVBLHNDQUNFLHNEQUF3RCxDQUV4RCx5QkFBMkIsQ0FEM0IsMkRBRUYsQ0FFQSw2RUFDRSxVQUNGLENBRUEsZ0RBQ0Usb0RBQXNELENBRXRELHlCQUEyQixDQUQzQix5REFFRixDQUVBLHFHQUVFLG1CQUNGLENBRUEsNENBQ0Usb0NBQ0YsQ0FFQSxnSUFJRSxjQUFlLENBRGYsY0FFRixDQUVBLHFEQUNFLGtEQUFtRCxDQUNuRCx3RUFDRixDQUVBLGdEQUVFLHdCQUF5QixDQUV6QixrREFBbUQsQ0FEbkQsb0RBQXFELENBRnJELFlBSUYsQ0FFQSxvQ0FDRSxnREFDRSxZQUNGLENBQ0YsQ0FFQSwyRUFHRSxnREFBaUQsQ0FEakQsa0RBRUYsQ0FFQSxxRUFDRSx5QkFDRixDQUVBLGdDQU1FLCtDQUFrRCxDQUNsRCxZQUFhLENBRmIsV0FBWSxDQUZaLG9CQUFxQixDQUZyQixjQUFlLENBQ2YsS0FBTSxDQU1OLGlCQUFrQixDQUpsQixVQUFXLENBS1gsV0FDRixDQUVBLG9DQUNFLGdDQUNFLGFBQWMsQ0FDZCxrQkFDRixDQUNGLENBRUEsK0JBSUUsYUFBYyxDQURkLHFDQUF1QyxDQUZ2QyxpQkFBa0IsQ0FDbEIsU0FBVyxDQUdYLGdDQUNGLENBRUEscUNBQ0UsK0JBQ0UsU0FBVSxDQUNWLG1CQUNGLENBQ0YsQ0FFQSxvQ0FDRSwrQkFFRSx1QkFBd0IsQ0FEeEIsdUJBRUYsQ0FDRixDQUVBLG1DQUNFLHFCQUNGLENBRUEsb0NBQ0UsMENBQ0YsQ0FFQSxvREFFRSxpQ0FBcUMsQ0FEckMsbUNBRUYsQ0FFQSxzREFFRSxtQ0FBdUMsQ0FEdkMscUNBRUYsQ0FFQSxnRUFDRSxrRUFBb0UsQ0FDcEUsd0VBQ0YsQ0FFQSxxQ0FHRSx3Q0FBeUMsQ0FEekMsV0FBWSxDQURaLGNBR0YsQ0FFQSwwQ0FDRSxpQkFBa0IsQ0FDbEIsU0FBVSxDQUVWLGtCQUFvQixDQURwQixrQkFFRixDQUVBLDRDQUNFLFlBQWUsQ0FDZixTQUFVLENBQ1YsaUJBQ0YsQ0FFQSxnREFDRSwwREFDRixDQUVBLHFDQUVFLHFDQUFzQyxDQUR0QyxzQ0FFRiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS10aGVtZXMtc2lkZWJhci1leHBhbmRlZDogNTIwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGw6IDM0MHB4O1xuICAtLXRoZW1lcy1zaWRlYmFyLXdpZHRoLWxnOiAzMjBweDtcbiAgLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbTogMjgwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItaGVhZGVyLWhlaWdodDogMTIwcHg7XG4gIC0tYnVpbGRlci1oZWFkZXItaGVpZ2h0OiA2NXB4O1xufVxuIiwiLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbiAgei1pbmRleDogMTAyO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tZXhwYW5kZWQge1xuICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItZXhwYW5kZWQpICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTc2cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1sZyk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGwpO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQge1xuICB3aWR0aDogMHJlbTtcbiAgbWF4LXdpZHRoOiAwcmVtO1xuICBtaW4td2lkdGg6IDByZW07XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICB0b3A6IDYuODEyNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogYXV0bztcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS10aGVtZXMtc2lkZWJhci1oZWFkZXItaGVpZ2h0KSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5jc3MtZWRpdG9yLWhlaWdodF9fZXhwYW5kZWQge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSAzMDBweCk7XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLmNzcy1lZGl0b3ItaGVpZ2h0X19yZWd1bGFyIHtcbiAgaGVpZ2h0OiAzODRweDtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYyh2YXIoLS12aWV3cG9ydC1oZWlnaHQsIDEwMHZoKSAtIHZhcigtLWJ1aWxkZXItaGVhZGVyLWhlaWdodCkpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMnB4IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbDpob3ZlciAubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fb3ZlcmxheSB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUgLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX292ZXJsYXkge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19vdmVybGF5IHtcbiAgb3BhY2l0eTogMC42O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bjpkaXNhYmxlZCxcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYWN0aXZlLWxhYmVsIHtcbiAgLS1uZWV0by11aS1idG4tZm9jdXMtYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLFxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bixcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtbGFiZWwge1xuICB3aWR0aDogOC4xMjVyZW07XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLS1kaXNhYmxlZCB7XG4gIC0tbmVldG8tdWktYnRuLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgLS1uZWV0by11aS1idG4tYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLWVkaXRvci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3MtZWRpdG9yLWhlYWRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXIgLm92ZXJmbG93LWd1YXJkLFxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5tb25hY28tZWRpdG9yIHtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3Mtd3JhcHBlciAubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbiB7XG4gIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktYmxhY2spLCAwLjQpO1xuICBkaXNwbGF5OiBub25lO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX3RvZ2dsZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC41cmVtO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGMoMTAwJSArIDAuNXJlbSk7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDEuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJsb2NrIHtcbiAgYm9yZGVyLXJhZGl1czogMC4zNzVyZW07XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAwLjc1cmVtICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uX19hbGlnbm1lbnQtbGVmdCB7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWFsaWdubWVudC1idXR0b25fX2FsaWdubWVudC1jZW50ZXIge1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJ1dHRvbi5uZWV0by11aS1idG4tLXN0eWxlLXByaW1hcnkge1xuICAtLW5lZXRvLXVpLWJ0bi1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgLS1uZWV0by11aS1idG4taG92ZXItYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtZGl2aWRlciB7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGhlaWdodDogMnJlbTtcbiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1zZWN0aW9uX19jb250ZW50LS1vcGVuIHtcbiAgbWF4LWhlaWdodDogMTUwMHB4O1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBwYWRkaW5nLXRvcDogMC4yNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX2NvbnRlbnQtLWNsb3NlZCB7XG4gIG1heC1oZWlnaHQ6IDBweDtcbiAgb3BhY2l0eTogMDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSwgMTUlKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWdsb2JhbC10aGVtZS1pY29uIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13YXJuaW5nLTUwMCkpO1xuICBmaWxsOiByZ2IodmFyKC0tbmVldG8tdWktd2FybmluZy0xMDApKTtcbn1cbiJdfQ== */";
|
|
79
|
+
var css = ":root{--themes-sidebar-expanded:520px;--themes-sidebar-width-xl:340px;--themes-sidebar-width-lg:320px;--themes-sidebar-width-sm:280px;--themes-sidebar-header-height:120px;--builder-header-height:65px}.neeto-themes__wrapper{display:flex;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;inset-inline-start:0;padding-top:1.5rem;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important;width:var(--themes-sidebar-expanded)!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px;width:var(--themes-sidebar-width-sm)}}@media screen and (min-width:768px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px;width:var(--themes-sidebar-width-lg)}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px;width:var(--themes-sidebar-width-xl)}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:6.8125rem}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{inset-inline-end:auto;inset-inline-start:.5rem}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:.5rem;padding-top:1rem}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);height:calc(var(--viewport-height, 100vh) - var(--themes-sidebar-header-height));overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px);height:calc(var(--viewport-height, 100vh) - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 65px);height:calc(var(--viewport-height, 100vh) - var(--builder-header-height));position:relative}.neeto-themes-theme-thumbnail:hover{box-shadow:0 0 0 2px rgb(var(--neeto-ui-gray-200))}.neeto-themes-theme-thumbnail:hover .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--preview-active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-accent-500))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-accent-500))!important}.neeto-themes-theme-thumbnail--active .neeto-themes-theme-thumbnail__overlay{opacity:.6}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;box-shadow:none!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-theme-thumbnail__active-label{--neeto-ui-btn-focus-box-shadow:none}.neeto-themes-theme-thumbnail__active-label,.neeto-themes-theme-thumbnail__apply-btn,.neeto-themes-theme-thumbnail__preview-btn{max-width:100%;width:8.125rem}.neeto-themes-theme-thumbnail__preview-btn--disabled{--neeto-ui-btn-color:rgb(var(--neeto-ui-gray-300));--neeto-ui-btn-box-shadow:inset 0 0 0 1px rgba(var(--neeto-ui-gray-300))}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-start-end-radius:var(--neeto-ui-rounded-lg);border-start-start-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-end-end-radius:var(--neeto-ui-rounded-lg);border-end-start-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;inset-inline-start:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;inset-inline-start:calc(100% + .5rem);position:absolute;top:.5rem;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{inset-inline-end:1.5rem;inset-inline-start:auto}}.neeto-themes-nano-alignment-block{border-radius:.375rem}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:0.75rem!important}.neeto-themes-nano-alignment-button__alignment-left{border-end-end-radius:0!important;border-start-end-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-end-start-radius:0!important;border-start-start-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:2rem;width:.0625rem}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:.25rem;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}.neeto-themes-flip-animating{transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.neeto-themes-theme-thumbnail__active-banner{background-color:rgb(var(--neeto-ui-primary-500));color:rgb(var(--neeto-ui-white))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy90aGVtZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0UsK0JBQWdDLENBQ2hDLCtCQUFnQyxDQUNoQywrQkFBZ0MsQ0FDaEMsK0JBQWdDLENBQ2hDLG9DQUFxQyxDQUNyQyw0QkFDRixDQ1BBLHVCQUVFLFlBQWEsQ0FDYix5QkFBMEUsQ0FBMUUseUVBQTBFLENBRjFFLFVBR0YsQ0FFQSw2Q0FHRSwyQ0FBNEMsQ0FENUMsV0FBWSxDQUlaLG9CQUFxQixDQUdyQixrQkFBbUIsQ0FMbkIsY0FBZSxDQUNmLEtBQU0sQ0FFTixlQUFnQixDQU5oQixVQUFXLENBT1gsV0FFRixDQUVBLHVEQUVFLGNBQWUsQ0FEZixxQkFBZ0QsQ0FBaEQsOENBRUYsQ0FFQSxvQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsb0NBQ0UsNkNBR0UseUJBQTBFLENBQTFFLHlFQUEwRSxDQUYxRSxhQUFjLENBQ2QsaUJBRUYsQ0FDRixDQUVBLHFDQUNFLDZDQUNFLFdBQXFDLENBQXJDLG9DQUNGLENBQ0YsQ0FFQSxxQ0FDRSw2Q0FDRSxXQUFxQyxDQUFyQyxvQ0FDRixDQUNGLENBRUEsd0RBRUUsV0FBZSxDQUNmLFdBQWUsQ0FGZixPQUdGLENBRUEsdUZBQ0UsbUJBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxhQUNGLENBQ0YsQ0FFQSxvQ0FDRSx1RkFDRSxxQkFBc0IsQ0FDdEIsd0JBQ0YsQ0FDRixDQUVBLHNGQUNFLFlBQ0YsQ0FFQSwyRUFFRSxvQkFBc0IsQ0FEdEIsZ0JBRUYsQ0FFQSwyRUFHRSxZQUFhLENBQ2IscUJBQXNCLENBSHRCLDBCQUFpRixDQUFqRixnRkFBaUYsQ0FDakYsZUFHRixDQUVBLDRJQUNFLFlBQ0YsQ0FFQSxvREFDRSwwQkFBbUQsQ0FBbkQsa0RBQ0YsQ0FFQSxtREFDRSxZQUNGLENBRUEsc0RBR0UsV0FBWSxDQURaLHlCQUEwRSxDQUExRSx5RUFBMEUsQ0FEMUUsaUJBR0YsQ0FFQSxvQ0FDRSxrREFDRixDQUVBLDJFQUNFLFVBQ0YsQ0FFQSw4Q0FDRSxvREFBc0QsQ0FFdEQseUJBQTJCLENBRDNCLHlEQUVGLENBRUEscUZBQ0UsVUFDRixDQUVBLHNDQUNFLHNEQUF3RCxDQUV4RCx5QkFBMkIsQ0FEM0IsMkRBRUYsQ0FFQSw2RUFDRSxVQUNGLENBRUEsZ0RBQ0Usb0RBQXNELENBRXRELHlCQUEyQixDQUQzQix5REFFRixDQUVBLHFHQUVFLG1CQUNGLENBRUEsNENBQ0Usb0NBQ0YsQ0FFQSxnSUFJRSxjQUFlLENBRGYsY0FFRixDQUVBLHFEQUNFLGtEQUFtRCxDQUNuRCx3RUFDRixDQUVBLGdEQUVFLHdCQUF5QixDQUV6QixrREFBbUQsQ0FEbkQsb0RBQXFELENBRnJELFlBSUYsQ0FFQSxvQ0FDRSxnREFDRSxZQUNGLENBQ0YsQ0FFQSwyRUFHRSxnREFBaUQsQ0FEakQsa0RBRUYsQ0FFQSxxRUFDRSx5QkFDRixDQUVBLGdDQU1FLCtDQUFrRCxDQUNsRCxZQUFhLENBRmIsV0FBWSxDQUZaLG9CQUFxQixDQUZyQixjQUFlLENBQ2YsS0FBTSxDQU1OLGlCQUFrQixDQUpsQixVQUFXLENBS1gsV0FDRixDQUVBLG9DQUNFLGdDQUNFLGFBQWMsQ0FDZCxrQkFDRixDQUNGLENBRUEsK0JBSUUsYUFBYyxDQURkLHFDQUF1QyxDQUZ2QyxpQkFBa0IsQ0FDbEIsU0FBVyxDQUdYLGdDQUNGLENBRUEscUNBQ0UsK0JBQ0UsU0FBVSxDQUNWLG1CQUNGLENBQ0YsQ0FFQSxvQ0FDRSwrQkFFRSx1QkFBd0IsQ0FEeEIsdUJBRUYsQ0FDRixDQUVBLG1DQUNFLHFCQUNGLENBRUEsb0NBQ0UsMENBQ0YsQ0FFQSxvREFFRSxpQ0FBcUMsQ0FEckMsbUNBRUYsQ0FFQSxzREFFRSxtQ0FBdUMsQ0FEdkMscUNBRUYsQ0FFQSxnRUFDRSxrRUFBb0UsQ0FDcEUsd0VBQ0YsQ0FFQSxxQ0FHRSx3Q0FBeUMsQ0FEekMsV0FBWSxDQURaLGNBR0YsQ0FFQSwwQ0FDRSxpQkFBa0IsQ0FDbEIsU0FBVSxDQUVWLGtCQUFvQixDQURwQixrQkFFRixDQUVBLDRDQUNFLFlBQWUsQ0FDZixTQUFVLENBQ1YsaUJBQ0YsQ0FFQSxnREFDRSwwREFDRixDQUVBLDZCQUNFLGtEQUEwRCxDQUMxRCxxQkFDRixDQUVBLDZDQUNFLGlEQUFrRCxDQUNsRCxnQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS10aGVtZXMtc2lkZWJhci1leHBhbmRlZDogNTIwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGw6IDM0MHB4O1xuICAtLXRoZW1lcy1zaWRlYmFyLXdpZHRoLWxnOiAzMjBweDtcbiAgLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbTogMjgwcHg7XG4gIC0tdGhlbWVzLXNpZGViYXItaGVhZGVyLWhlaWdodDogMTIwcHg7XG4gIC0tYnVpbGRlci1oZWFkZXItaGVpZ2h0OiA2NXB4O1xufVxuIiwiLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbiAgei1pbmRleDogMTAyO1xuICBwYWRkaW5nLXRvcDogMS41cmVtO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tZXhwYW5kZWQge1xuICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItZXhwYW5kZWQpICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTc2cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1zbSk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHBhZGRpbmctdG9wOiAwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS1idWlsZGVyLWhlYWRlci1oZWlnaHQpKTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiB2YXIoLS10aGVtZXMtc2lkZWJhci13aWR0aC1sZyk7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogdmFyKC0tdGhlbWVzLXNpZGViYXItd2lkdGgteGwpO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQge1xuICB3aWR0aDogMHJlbTtcbiAgbWF4LXdpZHRoOiAwcmVtO1xuICBtaW4td2lkdGg6IDByZW07XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyLS1jb2xsYXBzZWQgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICB0b3A6IDYuODEyNXJlbTtcbiAgfVxufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogYXV0bztcbiAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDAuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhci0tY29sbGFwc2VkIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICBwYWRkaW5nLXRvcDogMXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSB2YXIoLS10aGVtZXMtc2lkZWJhci1oZWFkZXItaGVpZ2h0KSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5jc3MtZWRpdG9yLWhlaWdodF9fZXhwYW5kZWQge1xuICBoZWlnaHQ6IGNhbGModmFyKC0tdmlld3BvcnQtaGVpZ2h0LCAxMDB2aCkgLSAzMDBweCk7XG59XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLmNzcy1lZGl0b3ItaGVpZ2h0X19yZWd1bGFyIHtcbiAgaGVpZ2h0OiAzODRweDtcbn1cblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYyh2YXIoLS12aWV3cG9ydC1oZWlnaHQsIDEwMHZoKSAtIHZhcigtLWJ1aWxkZXItaGVhZGVyLWhlaWdodCkpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAwcHggMnB4IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbDpob3ZlciAubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fb3ZlcmxheSB7XG4gIG9wYWNpdHk6IDAuNjtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUgLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX292ZXJsYXkge1xuICBvcGFjaXR5OiAwLjY7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19vdmVybGF5IHtcbiAgb3BhY2l0eTogMC42O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bjpkaXNhYmxlZCxcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYWN0aXZlLWxhYmVsIHtcbiAgLS1uZWV0by11aS1idG4tZm9jdXMtYm94LXNoYWRvdzogbm9uZTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLFxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bixcbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtbGFiZWwge1xuICB3aWR0aDogOC4xMjVyZW07XG4gIG1heC13aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX3ByZXZpZXctYnRuLS1kaXNhYmxlZCB7XG4gIC0tbmVldG8tdWktYnRuLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgLS1uZWV0by11aS1idG4tYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLWVkaXRvci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgYm9yZGVyLXN0YXJ0LWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3MtZWRpdG9yLWhlYWRlciB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXIgLm92ZXJmbG93LWd1YXJkLFxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5tb25hY28tZWRpdG9yIHtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3Mtd3JhcHBlciAubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbiB7XG4gIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktYmxhY2spLCAwLjQpO1xuICBkaXNwbGF5OiBub25lO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19iYWNrZHJvcCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX3RvZ2dsZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMC41cmVtO1xuICBpbnNldC1pbmxpbmUtc3RhcnQ6IGNhbGMoMTAwJSArIDAuNXJlbSk7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xufVxuXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDEuNXJlbTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJsb2NrIHtcbiAgYm9yZGVyLXJhZGl1czogMC4zNzVyZW07XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAwLjc1cmVtICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uX19hbGlnbm1lbnQtbGVmdCB7XG4gIGJvcmRlci1zdGFydC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1lbmQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWFsaWdubWVudC1idXR0b25fX2FsaWdubWVudC1jZW50ZXIge1xuICBib3JkZXItc3RhcnQtc3RhcnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJ1dHRvbi5uZWV0by11aS1idG4tLXN0eWxlLXByaW1hcnkge1xuICAtLW5lZXRvLXVpLWJ0bi1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgLS1uZWV0by11aS1idG4taG92ZXItYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtZGl2aWRlciB7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG4gIGhlaWdodDogMnJlbTtcbiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1zZWN0aW9uX19jb250ZW50LS1vcGVuIHtcbiAgbWF4LWhlaWdodDogMTUwMHB4O1xuICBvcGFjaXR5OiAxO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBwYWRkaW5nLXRvcDogMC4yNXJlbTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX2NvbnRlbnQtLWNsb3NlZCB7XG4gIG1heC1oZWlnaHQ6IDBweDtcbiAgb3BhY2l0eTogMDtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSwgMTUlKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1mbGlwLWFuaW1hdGluZyB7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSA5MDBtcyBjdWJpYy1iZXppZXIoMC4yMiwgMSwgMC4zNiwgMSk7XG4gIHdpbGwtY2hhbmdlOiB0cmFuc2Zvcm07XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hY3RpdmUtYmFubmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSk7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbn1cbiJdfQ== */";
|
|
75
80
|
n(css,{});
|
|
76
81
|
|
|
77
82
|
var _excluded$1 = ["themeId"];
|
|
@@ -95,19 +100,27 @@ var update = function update(_ref) {
|
|
|
95
100
|
payload = _ref.payload;
|
|
96
101
|
return axios.put("".concat(BASE_URL, "/api/v1/themes/").concat(id), {
|
|
97
102
|
theme: payload
|
|
103
|
+
}, {
|
|
104
|
+
showToastr: false
|
|
98
105
|
});
|
|
99
106
|
};
|
|
100
107
|
var destroy = function destroy(id) {
|
|
101
|
-
return axios["delete"]("".concat(BASE_URL, "/api/v1/themes/").concat(id)
|
|
108
|
+
return axios["delete"]("".concat(BASE_URL, "/api/v1/themes/").concat(id), {
|
|
109
|
+
showToastr: false
|
|
110
|
+
});
|
|
102
111
|
};
|
|
103
112
|
var clone = function clone(id) {
|
|
104
|
-
return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(id, "/clone")
|
|
113
|
+
return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(id, "/clone"), {}, {
|
|
114
|
+
showToastr: false
|
|
115
|
+
});
|
|
105
116
|
};
|
|
106
117
|
var apply = function apply(_ref2) {
|
|
107
118
|
var themeId = _ref2.themeId,
|
|
108
119
|
payload = _objectWithoutProperties(_ref2, _excluded$1);
|
|
109
120
|
return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(themeId, "/apply"), {
|
|
110
121
|
entity: payload
|
|
122
|
+
}, {
|
|
123
|
+
showToastr: false
|
|
111
124
|
});
|
|
112
125
|
};
|
|
113
126
|
var applyGlobalTheme = function applyGlobalTheme(_ref3) {
|
|
@@ -190,11 +203,6 @@ var useApplyTheme = function useApplyTheme(_ref2) {
|
|
|
190
203
|
onSuccess: onSuccess
|
|
191
204
|
});
|
|
192
205
|
};
|
|
193
|
-
var useApplyGlobalTheme = function useApplyGlobalTheme() {
|
|
194
|
-
return useMutationWithInvalidation(themesApi.applyGlobalTheme, {
|
|
195
|
-
keysToInvalidate: [[QUERY_KEYS.GLOBAL_THEME_DETAILS], [QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]]
|
|
196
|
-
});
|
|
197
|
-
};
|
|
198
206
|
|
|
199
207
|
var routes = {
|
|
200
208
|
themes: {
|
|
@@ -270,33 +278,26 @@ var Card$2 = function Card(_ref) {
|
|
|
270
278
|
name = _ref.name,
|
|
271
279
|
className = _ref.className,
|
|
272
280
|
helpPopoverProps = _ref.helpPopoverProps,
|
|
273
|
-
required = _ref.required
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
accordionOpenState: store["accordionOpenState"],
|
|
279
|
-
setAccordionOpenState: store["setAccordionOpenState"]
|
|
280
|
-
};
|
|
281
|
-
}, shallow),
|
|
282
|
-
accordionOpenState = _useConfigStore.accordionOpenState,
|
|
283
|
-
setAccordionOpenState = _useConfigStore.setAccordionOpenState;
|
|
281
|
+
required = _ref.required;
|
|
282
|
+
var _useExpandedSection = useExpandedSection(),
|
|
283
|
+
expandedSection = _useExpandedSection.expandedSection,
|
|
284
|
+
setExpandedSection = _useExpandedSection.setExpandedSection;
|
|
285
|
+
var isOpen = expandedSection === name;
|
|
284
286
|
var isRTL = i18n.dir() === "rtl";
|
|
285
287
|
var ToggleIcon = isRTL ? Left : Right;
|
|
288
|
+
var handleToggle = function handleToggle() {
|
|
289
|
+
return setExpandedSection(isOpen ? "" : name);
|
|
290
|
+
};
|
|
286
291
|
return /*#__PURE__*/jsxs("div", {
|
|
287
292
|
"data-testid": "theme-".concat(hyphenate(title), "-properties"),
|
|
288
293
|
className: classnames("neeto-themes-nano-section neeto-ui-border-gray-200 border-b pt-2 transition-all duration-300 last:border-none", className, {
|
|
289
|
-
"pb-2": !
|
|
290
|
-
"pb-3":
|
|
291
|
-
"opacity-40": isDisabled
|
|
294
|
+
"pb-2": !isOpen,
|
|
295
|
+
"pb-3": isOpen
|
|
292
296
|
}),
|
|
293
297
|
children: [title && /*#__PURE__*/jsxs("button", {
|
|
294
298
|
className: "neeto-themes-nano-section__title flex w-full cursor-pointer items-center justify-between px-1 py-2 focus:outline-none",
|
|
295
|
-
disabled: isDisabled,
|
|
296
299
|
type: "button",
|
|
297
|
-
onClick:
|
|
298
|
-
return setAccordionOpenState(_objectSpread$4(_objectSpread$4({}, accordionOpenState), {}, _defineProperty({}, name, !accordionOpenState[name])));
|
|
299
|
-
},
|
|
300
|
+
onClick: handleToggle,
|
|
300
301
|
children: [/*#__PURE__*/jsxs(Typography, {
|
|
301
302
|
className: "flex min-w-0 grow items-center gap-2 text-start",
|
|
302
303
|
component: "span",
|
|
@@ -312,13 +313,13 @@ var Card$2 = function Card(_ref) {
|
|
|
312
313
|
}), /*#__PURE__*/jsx(ToggleIcon, {
|
|
313
314
|
size: 20,
|
|
314
315
|
className: classnames("transition-all duration-300", {
|
|
315
|
-
"rotate-90 rtl:-rotate-90":
|
|
316
|
+
"rotate-90 rtl:-rotate-90": isOpen
|
|
316
317
|
})
|
|
317
318
|
})]
|
|
318
319
|
}), children && /*#__PURE__*/jsx("div", {
|
|
319
320
|
className: classnames("neeto-themes-nano-section__content w-full space-y-3 overflow-hidden px-1 transition-all duration-300", {
|
|
320
|
-
"neeto-themes-nano-section__content--closed": !
|
|
321
|
-
"neeto-themes-nano-section__content--open pb-1":
|
|
321
|
+
"neeto-themes-nano-section__content--closed": !isOpen,
|
|
322
|
+
"neeto-themes-nano-section__content--open pb-1": isOpen
|
|
322
323
|
}),
|
|
323
324
|
children: children
|
|
324
325
|
})]
|
|
@@ -354,6 +355,61 @@ var buildPathname = function buildPathname(route) {
|
|
|
354
355
|
return "".concat(pathname).concat(route);
|
|
355
356
|
};
|
|
356
357
|
|
|
358
|
+
// FLIP: measure each theme card's position, apply the React update, then
|
|
359
|
+
// transform every card back to its old spot and let a CSS transition glide
|
|
360
|
+
// it to the new one. The animation itself is CSS (.neeto-themes-flip-animating).
|
|
361
|
+
var animateThemeReorder = function animateThemeReorder(updateFn) {
|
|
362
|
+
var prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
363
|
+
var cards = _toConsumableArray(document.querySelectorAll("[data-flip-id]"));
|
|
364
|
+
var scrollContainer = document.querySelector(".neeto-themes-sidebar__scroll");
|
|
365
|
+
if (prefersReducedMotion || cards.length === 0) {
|
|
366
|
+
updateFn();
|
|
367
|
+
if (scrollContainer) scrollContainer.scrollTop = 0;
|
|
368
|
+
return;
|
|
369
|
+
}
|
|
370
|
+
var oldRects = new Map(cards.map(function (card) {
|
|
371
|
+
return [card.dataset.flipId, card.getBoundingClientRect()];
|
|
372
|
+
}));
|
|
373
|
+
flushSync(updateFn);
|
|
374
|
+
|
|
375
|
+
// Move the viewport to the top — the applied theme is now the first card.
|
|
376
|
+
// The FLIP deltas below are measured after this, so the scroll is folded
|
|
377
|
+
// into the glide instead of showing as an instant jump.
|
|
378
|
+
if (scrollContainer) scrollContainer.scrollTop = 0;
|
|
379
|
+
var flips = _toConsumableArray(document.querySelectorAll("[data-flip-id]")).map(function (card) {
|
|
380
|
+
var oldRect = oldRects.get(card.dataset.flipId);
|
|
381
|
+
if (!oldRect) return null;
|
|
382
|
+
var newRect = card.getBoundingClientRect();
|
|
383
|
+
var dx = oldRect.left - newRect.left;
|
|
384
|
+
var dy = oldRect.top - newRect.top;
|
|
385
|
+
return dx || dy ? {
|
|
386
|
+
card: card,
|
|
387
|
+
dx: dx,
|
|
388
|
+
dy: dy
|
|
389
|
+
} : null;
|
|
390
|
+
}).filter(Boolean);
|
|
391
|
+
if (flips.length === 0) return;
|
|
392
|
+
flips.forEach(function (_ref) {
|
|
393
|
+
var card = _ref.card,
|
|
394
|
+
dx = _ref.dx,
|
|
395
|
+
dy = _ref.dy;
|
|
396
|
+
card.style.transform = "translate(".concat(dx, "px, ").concat(dy, "px)");
|
|
397
|
+
});
|
|
398
|
+
|
|
399
|
+
// Force a reflow so the starting transform is committed before animating.
|
|
400
|
+
document.body.offsetHeight;
|
|
401
|
+
flips.forEach(function (_ref2) {
|
|
402
|
+
var card = _ref2.card;
|
|
403
|
+
card.classList.add("neeto-themes-flip-animating");
|
|
404
|
+
card.style.transform = "";
|
|
405
|
+
card.addEventListener("transitionend", function () {
|
|
406
|
+
card.classList.remove("neeto-themes-flip-animating");
|
|
407
|
+
}, {
|
|
408
|
+
once: true
|
|
409
|
+
});
|
|
410
|
+
});
|
|
411
|
+
};
|
|
412
|
+
|
|
357
413
|
var CustomCSS = function CustomCSS(_ref) {
|
|
358
414
|
var onEditCSSClick = _ref.onEditCSSClick,
|
|
359
415
|
currentScreen = _ref.currentScreen,
|
|
@@ -367,15 +423,16 @@ var CustomCSS = function CustomCSS(_ref) {
|
|
|
367
423
|
var _useConfigStore = useConfigStore(function (store) {
|
|
368
424
|
return {
|
|
369
425
|
themePropertiesSchema: store["themePropertiesSchema"],
|
|
370
|
-
accordionOpenState: store["accordionOpenState"],
|
|
371
426
|
helpPopoverProps: store["helpPopoverProps"]
|
|
372
427
|
};
|
|
373
428
|
}, shallow),
|
|
374
429
|
themePropertiesSchema = _useConfigStore.themePropertiesSchema,
|
|
375
|
-
accordionOpenState = _useConfigStore.accordionOpenState,
|
|
376
430
|
helpPopoverProps = _useConfigStore.helpPopoverProps;
|
|
377
431
|
var _helpPopoverProps$cus = helpPopoverProps.customCss,
|
|
378
432
|
customCssHelpPopoverProps = _helpPopoverProps$cus === void 0 ? {} : _helpPopoverProps$cus;
|
|
433
|
+
var _useExpandedSection = useExpandedSection(),
|
|
434
|
+
expandedSection = _useExpandedSection.expandedSection;
|
|
435
|
+
var isExpanded = expandedSection === "customcss";
|
|
379
436
|
var customCSS = findBy({
|
|
380
437
|
kind: "custom_css"
|
|
381
438
|
}, values.properties);
|
|
@@ -408,14 +465,13 @@ var CustomCSS = function CustomCSS(_ref) {
|
|
|
408
465
|
className: "neeto-themes-sidebar__custom-css-wrapper",
|
|
409
466
|
id: "css-editor",
|
|
410
467
|
children: /*#__PURE__*/jsx(Card$2, {
|
|
411
|
-
isDisabled: !isEnabled,
|
|
412
468
|
name: "customcss",
|
|
413
469
|
helpPopoverProps: isEnabled ? customCssHelpPopoverProps : {
|
|
414
|
-
title: t("neetoThemes.common.proFeature.title"),
|
|
415
|
-
description: t("neetoThemes.common.proFeature.description")
|
|
470
|
+
title: t("neetoThemes.common.proFeature.customCSS.title"),
|
|
471
|
+
description: t("neetoThemes.common.proFeature.customCSS.description")
|
|
416
472
|
},
|
|
417
473
|
title: isCustomCssScreen ? "" : t("neetoThemes.build.leftSideBar.themes.customCSS"),
|
|
418
|
-
children: isEnabled
|
|
474
|
+
children: isEnabled ? /*#__PURE__*/jsxs("div", {
|
|
419
475
|
className: "w-full",
|
|
420
476
|
children: [/*#__PURE__*/jsx("div", {
|
|
421
477
|
className: "neeto-themes-sidebar__custom-css-editor-header w-full justify-end gap-1 rounded-b-none p-2",
|
|
@@ -425,11 +481,18 @@ var CustomCSS = function CustomCSS(_ref) {
|
|
|
425
481
|
label: isCustomCssScreen ? t("neetoThemes.buttons.minimizeEditor") : t("neetoThemes.buttons.expandEditor"),
|
|
426
482
|
onClick: handleEditorToggle
|
|
427
483
|
})
|
|
428
|
-
}),
|
|
484
|
+
}), isExpanded && /*#__PURE__*/jsx(Editor, {
|
|
429
485
|
isCustomCssScreen: isCustomCssScreen,
|
|
430
486
|
value: customCSS.value,
|
|
431
487
|
onChange: handleChange
|
|
432
488
|
})]
|
|
489
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
490
|
+
className: "px-1 py-2",
|
|
491
|
+
children: /*#__PURE__*/jsx(Typography, {
|
|
492
|
+
lineHeight: "normal",
|
|
493
|
+
style: "body2",
|
|
494
|
+
children: t("neetoThemes.common.proFeature.customCSS.description")
|
|
495
|
+
})
|
|
433
496
|
})
|
|
434
497
|
})
|
|
435
498
|
});
|
|
@@ -1491,7 +1554,9 @@ var Customize = function Customize(_ref) {
|
|
|
1491
1554
|
className: "text-sm",
|
|
1492
1555
|
style: "body2",
|
|
1493
1556
|
children: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.helpText", {
|
|
1494
|
-
entityType: entityType
|
|
1557
|
+
entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()), {
|
|
1558
|
+
count: 2
|
|
1559
|
+
})
|
|
1495
1560
|
})
|
|
1496
1561
|
})]
|
|
1497
1562
|
})]
|
|
@@ -1539,7 +1604,7 @@ var Customize = function Customize(_ref) {
|
|
|
1539
1604
|
},
|
|
1540
1605
|
i18nKey: "neetoThemes.build.leftSideBar.themes.notAppliedYet",
|
|
1541
1606
|
values: {
|
|
1542
|
-
entityType: entityType
|
|
1607
|
+
entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()))
|
|
1543
1608
|
}
|
|
1544
1609
|
})
|
|
1545
1610
|
}), /*#__PURE__*/jsx(Button, {
|
|
@@ -1559,6 +1624,26 @@ var Customize = function Customize(_ref) {
|
|
|
1559
1624
|
});
|
|
1560
1625
|
};
|
|
1561
1626
|
|
|
1627
|
+
var QuickActionRow = function QuickActionRow(_ref) {
|
|
1628
|
+
var Icon = _ref.icon,
|
|
1629
|
+
label = _ref.label,
|
|
1630
|
+
onClick = _ref.onClick,
|
|
1631
|
+
testId = _ref.testId;
|
|
1632
|
+
return /*#__PURE__*/jsxs("button", {
|
|
1633
|
+
onClick: onClick,
|
|
1634
|
+
className: "neeto-ui-border-gray-100 hover:neeto-ui-bg-gray-100 flex w-full cursor-pointer items-center gap-3 border-t px-3 py-2 text-start transition-colors",
|
|
1635
|
+
"data-testid": testId,
|
|
1636
|
+
type: "button",
|
|
1637
|
+
children: [/*#__PURE__*/jsx(Icon, {
|
|
1638
|
+
size: 16
|
|
1639
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1640
|
+
lineHeight: "normal",
|
|
1641
|
+
style: "body2",
|
|
1642
|
+
children: label
|
|
1643
|
+
})]
|
|
1644
|
+
});
|
|
1645
|
+
};
|
|
1646
|
+
|
|
1562
1647
|
var Thumbnail = function Thumbnail(_ref) {
|
|
1563
1648
|
var _theme$snakeToCamelCa, _findBy, _findBy2;
|
|
1564
1649
|
var active = _ref.active,
|
|
@@ -1639,6 +1724,7 @@ var Thumbnail = function Thumbnail(_ref) {
|
|
|
1639
1724
|
};
|
|
1640
1725
|
|
|
1641
1726
|
var Card$1 = function Card(_ref) {
|
|
1727
|
+
var _theme$logo, _theme$coverImage;
|
|
1642
1728
|
var _ref$active = _ref.active,
|
|
1643
1729
|
active = _ref$active === void 0 ? false : _ref$active,
|
|
1644
1730
|
isPreviewing = _ref.isPreviewing,
|
|
@@ -1651,31 +1737,29 @@ var Card$1 = function Card(_ref) {
|
|
|
1651
1737
|
isHighLightedTheme = _ref.isHighLightedTheme,
|
|
1652
1738
|
isGlobalTheme = _ref.isGlobalTheme,
|
|
1653
1739
|
onApplyTheme = _ref.onApplyTheme,
|
|
1654
|
-
onApplyGlobalTheme = _ref.onApplyGlobalTheme,
|
|
1655
1740
|
Thumbnail$1 = _ref.thumbnail;
|
|
1656
1741
|
var _useTranslation = useTranslation(),
|
|
1657
1742
|
t = _useTranslation.t;
|
|
1658
1743
|
var id = theme.id,
|
|
1659
1744
|
name = theme.name;
|
|
1660
|
-
var handleCloneTheme = function handleCloneTheme() {
|
|
1661
|
-
return onCloneTheme(theme);
|
|
1662
|
-
};
|
|
1663
|
-
var handleEditTheme = function handleEditTheme() {
|
|
1664
|
-
return onEditTheme(theme);
|
|
1665
|
-
};
|
|
1666
1745
|
var handleDeleteTheme = function handleDeleteTheme() {
|
|
1667
1746
|
return onDeleteTheme(id, name);
|
|
1668
1747
|
};
|
|
1669
|
-
var
|
|
1670
|
-
return
|
|
1748
|
+
var handleQuickEdit = function handleQuickEdit(section) {
|
|
1749
|
+
return function (e) {
|
|
1750
|
+
e.stopPropagation();
|
|
1751
|
+
if (isPresent(onEditTheme)) onEditTheme(theme, section);else onCloneTheme(theme, section);
|
|
1752
|
+
};
|
|
1671
1753
|
};
|
|
1754
|
+
var showMoreDropdown = isFunction(onDeleteTheme);
|
|
1672
1755
|
return /*#__PURE__*/jsx("div", {
|
|
1673
1756
|
className: "group space-y-2 pt-0.5",
|
|
1757
|
+
"data-flip-id": theme.id,
|
|
1674
1758
|
"data-testid": active ? "active-theme-card" : "theme-card",
|
|
1675
1759
|
id: theme.id,
|
|
1676
1760
|
children: /*#__PURE__*/jsxs("div", {
|
|
1677
|
-
className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg relative cursor-pointer border transition-all duration-300 ease-in-out", {
|
|
1678
|
-
"neeto-ui-border-gray-
|
|
1761
|
+
className: classnames("neeto-themes-theme-thumbnail neeto-ui-rounded-lg relative cursor-pointer border-2 transition-all duration-300 ease-in-out", {
|
|
1762
|
+
"neeto-ui-border-gray-400": !active,
|
|
1679
1763
|
"neeto-themes-theme-thumbnail--active": active,
|
|
1680
1764
|
"neeto-themes-theme-thumbnail--preview-active": isPreviewing,
|
|
1681
1765
|
"neeto-themes-theme-thumbnail--highlight-active": isHighLightedTheme
|
|
@@ -1685,45 +1769,42 @@ var Card$1 = function Card(_ref) {
|
|
|
1685
1769
|
},
|
|
1686
1770
|
children: [/*#__PURE__*/jsxs("div", {
|
|
1687
1771
|
className: "neeto-ui-rounded-lg relative overflow-hidden rounded-bl-none rounded-br-none transition-all duration-300 ease-in-out",
|
|
1688
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
1689
|
-
className: "absolute start-0 top-0 z-10
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
className: classnames({
|
|
1772
|
+
children: [active ? /*#__PURE__*/jsx("div", {
|
|
1773
|
+
className: "neeto-themes-theme-thumbnail__active-banner absolute start-0 top-0 z-10 w-full py-1 text-center text-xs font-semibold uppercase tracking-wide",
|
|
1774
|
+
"data-testid": "active-theme-label",
|
|
1775
|
+
children: t("neetoThemes.common.activeTheme")
|
|
1776
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
1777
|
+
className: "absolute start-0 top-0 z-10 flex h-full w-full items-center justify-center px-3 pb-3 pt-3",
|
|
1778
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
1779
|
+
className: classnames("-translate-y-9 flex w-full items-center justify-between gap-2", {
|
|
1696
1780
|
hidden: !isPreviewing,
|
|
1697
|
-
"group-hover:
|
|
1781
|
+
"group-hover:flex": true
|
|
1698
1782
|
}),
|
|
1699
|
-
children: /*#__PURE__*/
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
}
|
|
1725
|
-
})]
|
|
1726
|
-
})
|
|
1783
|
+
children: [/*#__PURE__*/jsx(Button, {
|
|
1784
|
+
"data-testid": "preview-theme-button",
|
|
1785
|
+
disabled: isPreviewing,
|
|
1786
|
+
label: t("neetoThemes.common.previewTheme"),
|
|
1787
|
+
size: "medium",
|
|
1788
|
+
style: "tertiary",
|
|
1789
|
+
className: classnames({
|
|
1790
|
+
"neeto-themes-theme-thumbnail__preview-btn--disabled opacity-100": isPreviewing,
|
|
1791
|
+
"neeto-themes-theme-thumbnail__preview-btn shrink-0 justify-center": true
|
|
1792
|
+
}),
|
|
1793
|
+
onClick: function onClick() {
|
|
1794
|
+
return onSetPreviewTheme(theme);
|
|
1795
|
+
}
|
|
1796
|
+
}), /*#__PURE__*/jsx(Button, {
|
|
1797
|
+
className: "neeto-themes-theme-thumbnail__apply-btn shrink-0 justify-center",
|
|
1798
|
+
"data-testid": "apply-theme-button",
|
|
1799
|
+
disabled: isApplyingTheme,
|
|
1800
|
+
label: t("neetoThemes.common.useTheme"),
|
|
1801
|
+
loading: isApplyingTheme,
|
|
1802
|
+
size: "medium",
|
|
1803
|
+
style: "primary",
|
|
1804
|
+
onClick: function onClick() {
|
|
1805
|
+
return onApplyTheme(theme);
|
|
1806
|
+
}
|
|
1807
|
+
})]
|
|
1727
1808
|
})
|
|
1728
1809
|
}), /*#__PURE__*/jsx("div", {
|
|
1729
1810
|
className: "neeto-themes-theme-thumbnail__overlay w-full transition-all duration-300 ease-in-out",
|
|
@@ -1744,17 +1825,19 @@ var Card$1 = function Card(_ref) {
|
|
|
1744
1825
|
children: [/*#__PURE__*/jsxs("div", {
|
|
1745
1826
|
className: "flex items-center space-x-2",
|
|
1746
1827
|
children: [/*#__PURE__*/jsx(Typography, {
|
|
1747
|
-
className: "line-clamp-2 min-w-0 grow wrap-anywhere pt-1",
|
|
1828
|
+
className: "neeto-ui-text-gray-500 line-clamp-2 min-w-0 grow wrap-anywhere pt-1 italic",
|
|
1748
1829
|
"data-testid": "theme-name",
|
|
1749
1830
|
lineHeight: "snug",
|
|
1750
1831
|
style: "body2",
|
|
1751
1832
|
children: name
|
|
1752
|
-
}), isGlobalTheme && /*#__PURE__*/jsx(
|
|
1753
|
-
className: "neeto-
|
|
1754
|
-
"data-testid": "
|
|
1755
|
-
|
|
1833
|
+
}), isGlobalTheme && /*#__PURE__*/jsx(Typography, {
|
|
1834
|
+
className: "neeto-ui-text-gray-500 shrink-0 pt-1 italic",
|
|
1835
|
+
"data-testid": "default-theme-label",
|
|
1836
|
+
lineHeight: "snug",
|
|
1837
|
+
style: "body2",
|
|
1838
|
+
children: t("neetoThemes.common.defaultTheme")
|
|
1756
1839
|
})]
|
|
1757
|
-
}), /*#__PURE__*/jsx(MoreDropdown, {
|
|
1840
|
+
}), showMoreDropdown && /*#__PURE__*/jsx(MoreDropdown, {
|
|
1758
1841
|
dropdownButtonProps: {
|
|
1759
1842
|
size: "small"
|
|
1760
1843
|
},
|
|
@@ -1765,38 +1848,39 @@ var Card$1 = function Card(_ref) {
|
|
|
1765
1848
|
}
|
|
1766
1849
|
},
|
|
1767
1850
|
menuItems: [{
|
|
1768
|
-
key: "edit",
|
|
1769
|
-
"data-testid": "edit-theme-menu-item",
|
|
1770
|
-
label: t("neetoThemes.common.edit"),
|
|
1771
|
-
isVisible: isPresent(onEditTheme),
|
|
1772
|
-
onClick: handleEditTheme
|
|
1773
|
-
}, {
|
|
1774
|
-
key: "clone",
|
|
1775
|
-
"data-testid": "clone-theme-menu-item",
|
|
1776
|
-
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.clone"),
|
|
1777
|
-
onClick: handleCloneTheme
|
|
1778
|
-
}, {
|
|
1779
|
-
key: "set-as-global-theme",
|
|
1780
|
-
"data-testid": "set-as-global-theme-menu-item",
|
|
1781
|
-
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.label"),
|
|
1782
|
-
isVisible: !isGlobalTheme,
|
|
1783
|
-
onClick: handleApplyGlobalTheme
|
|
1784
|
-
}, {
|
|
1785
|
-
key: "divider",
|
|
1786
|
-
type: "divider",
|
|
1787
|
-
isVisible: isFunction(onDeleteTheme)
|
|
1788
|
-
}, {
|
|
1789
1851
|
key: "delete",
|
|
1790
1852
|
"data-testid": "delete-theme-menu-item",
|
|
1791
1853
|
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.delete"),
|
|
1792
1854
|
isDisabled: isApplyingTheme,
|
|
1793
|
-
isVisible: isFunction(onDeleteTheme),
|
|
1794
1855
|
onClick: function onClick(e) {
|
|
1795
1856
|
e.stopPropagation();
|
|
1796
1857
|
handleDeleteTheme();
|
|
1797
1858
|
}
|
|
1798
1859
|
}]
|
|
1799
1860
|
})]
|
|
1861
|
+
}), active && /*#__PURE__*/jsxs("div", {
|
|
1862
|
+
className: "flex flex-col",
|
|
1863
|
+
children: [/*#__PURE__*/jsx(QuickActionRow, {
|
|
1864
|
+
icon: ColorPicker$1,
|
|
1865
|
+
label: t("neetoThemes.common.customizeStyle"),
|
|
1866
|
+
testId: "quick-customize-style",
|
|
1867
|
+
onClick: handleQuickEdit("style")
|
|
1868
|
+
}), /*#__PURE__*/jsx(QuickActionRow, {
|
|
1869
|
+
icon: AddImage,
|
|
1870
|
+
testId: "quick-add-logo",
|
|
1871
|
+
label: t((_theme$logo = theme.logo) !== null && _theme$logo !== void 0 && _theme$logo.url ? "neetoThemes.common.changeLogo" : "neetoThemes.common.addLogo"),
|
|
1872
|
+
onClick: handleQuickEdit("logo")
|
|
1873
|
+
}), /*#__PURE__*/jsx(QuickActionRow, {
|
|
1874
|
+
icon: Image,
|
|
1875
|
+
testId: "quick-add-cover-image",
|
|
1876
|
+
label: t((_theme$coverImage = theme.coverImage) !== null && _theme$coverImage !== void 0 && _theme$coverImage.url ? "neetoThemes.common.changeCoverImage" : "neetoThemes.common.addCoverImage"),
|
|
1877
|
+
onClick: handleQuickEdit("coverImage")
|
|
1878
|
+
}), /*#__PURE__*/jsx(QuickActionRow, {
|
|
1879
|
+
icon: CodeBlock,
|
|
1880
|
+
label: t("neetoThemes.build.leftSideBar.themes.customCSS"),
|
|
1881
|
+
testId: "quick-custom-css",
|
|
1882
|
+
onClick: handleQuickEdit("customcss")
|
|
1883
|
+
})]
|
|
1800
1884
|
})]
|
|
1801
1885
|
})
|
|
1802
1886
|
});
|
|
@@ -1818,8 +1902,9 @@ var Themes = function Themes(_ref) {
|
|
|
1818
1902
|
thumbnail = _ref.thumbnail,
|
|
1819
1903
|
themeBeingApplied = _ref.themeBeingApplied,
|
|
1820
1904
|
onApplyTheme = _ref.onApplyTheme,
|
|
1821
|
-
|
|
1822
|
-
|
|
1905
|
+
onApplyThemeSuccess = _ref.onApplyThemeSuccess,
|
|
1906
|
+
_ref$isSearchVisible = _ref.isSearchVisible,
|
|
1907
|
+
isSearchVisible = _ref$isSearchVisible === void 0 ? false : _ref$isSearchVisible;
|
|
1823
1908
|
var _useTranslation = useTranslation(),
|
|
1824
1909
|
t = _useTranslation.t;
|
|
1825
1910
|
var _useThemeUtils = useThemeUtils(),
|
|
@@ -1845,8 +1930,8 @@ var Themes = function Themes(_ref) {
|
|
|
1845
1930
|
searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
|
|
1846
1931
|
var _useCloneTheme = useCloneTheme(),
|
|
1847
1932
|
cloneTheme = _useCloneTheme.mutate;
|
|
1848
|
-
var
|
|
1849
|
-
|
|
1933
|
+
var _useApplyTheme = useApplyTheme({}),
|
|
1934
|
+
applyClonedTheme = _useApplyTheme.mutate;
|
|
1850
1935
|
var _useShowGlobalTheme = useShowGlobalTheme(entityType),
|
|
1851
1936
|
_useShowGlobalTheme$d = _useShowGlobalTheme.data,
|
|
1852
1937
|
_useShowGlobalTheme$d2 = _useShowGlobalTheme$d === void 0 ? {} : _useShowGlobalTheme$d,
|
|
@@ -1866,32 +1951,41 @@ var Themes = function Themes(_ref) {
|
|
|
1866
1951
|
});
|
|
1867
1952
|
setTheme(theme);
|
|
1868
1953
|
};
|
|
1954
|
+
var activeThemeId = currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id;
|
|
1955
|
+
var lowerSearchTerm = searchTerm.toLowerCase();
|
|
1956
|
+
var matchesSearch = function matchesSearch(theme) {
|
|
1957
|
+
return theme.name.toLowerCase().includes(lowerSearchTerm);
|
|
1958
|
+
};
|
|
1959
|
+
var activeTheme = activeThemeId ? [].concat(_toConsumableArray(defaultThemes), _toConsumableArray(themes)).find(function (theme) {
|
|
1960
|
+
return theme.id === activeThemeId;
|
|
1961
|
+
}) : null;
|
|
1962
|
+
var isActiveThemeCustom = themes.some(function (theme) {
|
|
1963
|
+
return theme.id === activeThemeId;
|
|
1964
|
+
});
|
|
1869
1965
|
var filteredDefaultThemes = defaultThemes.filter(function (theme) {
|
|
1870
|
-
return theme.
|
|
1966
|
+
return theme.id !== activeThemeId && matchesSearch(theme);
|
|
1871
1967
|
});
|
|
1872
1968
|
var filteredThemes = themes.filter(function (theme) {
|
|
1873
|
-
return theme.
|
|
1969
|
+
return theme.id !== activeThemeId && matchesSearch(theme);
|
|
1874
1970
|
});
|
|
1875
|
-
var
|
|
1876
|
-
var handleCloneTheme = function handleCloneTheme(data) {
|
|
1971
|
+
var showActiveThemeSection = activeTheme && matchesSearch(activeTheme);
|
|
1972
|
+
var handleCloneTheme = function handleCloneTheme(data, section) {
|
|
1877
1973
|
cloneTheme(data.id, {
|
|
1878
1974
|
onSuccess: function onSuccess(_ref2) {
|
|
1879
1975
|
var clonedTheme = _ref2.theme;
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
onSuccess: function onSuccess() {
|
|
1894
|
-
onApplyGlobalThemeSuccess === null || onApplyGlobalThemeSuccess === void 0 || onApplyGlobalThemeSuccess();
|
|
1976
|
+
// A system theme is cloned when the user customizes it. Apply the
|
|
1977
|
+
// clone right away so it becomes the active theme — the editor then
|
|
1978
|
+
// won't prompt "apply this theme?" on save.
|
|
1979
|
+
applyClonedTheme({
|
|
1980
|
+
themeId: clonedTheme.id,
|
|
1981
|
+
entityId: entityId,
|
|
1982
|
+
entityType: entityType
|
|
1983
|
+
}, {
|
|
1984
|
+
onSuccess: function onSuccess() {
|
|
1985
|
+
onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(clonedTheme);
|
|
1986
|
+
onEditTheme(clonedTheme, section);
|
|
1987
|
+
}
|
|
1988
|
+
});
|
|
1895
1989
|
}
|
|
1896
1990
|
});
|
|
1897
1991
|
};
|
|
@@ -1901,11 +1995,74 @@ var Themes = function Themes(_ref) {
|
|
|
1901
1995
|
children: /*#__PURE__*/jsx(Spinner, {})
|
|
1902
1996
|
});
|
|
1903
1997
|
}
|
|
1998
|
+
var activeThemeSection = showActiveThemeSection && /*#__PURE__*/jsx("div", {
|
|
1999
|
+
className: "neeto-ui-border-gray-200 mb-6 border-b px-6 pb-6 lg:px-5 xl:px-6",
|
|
2000
|
+
children: /*#__PURE__*/jsx(Card, {
|
|
2001
|
+
onApplyTheme: onApplyTheme,
|
|
2002
|
+
thumbnail: thumbnail,
|
|
2003
|
+
active: true,
|
|
2004
|
+
isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === activeTheme.id,
|
|
2005
|
+
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === activeTheme.id,
|
|
2006
|
+
isHighLightedTheme: activeTheme.id === themeToHighlight,
|
|
2007
|
+
isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === activeTheme.id,
|
|
2008
|
+
theme: activeTheme,
|
|
2009
|
+
onCloneTheme: handleCloneTheme,
|
|
2010
|
+
onEditTheme: isActiveThemeCustom ? onEditTheme : undefined,
|
|
2011
|
+
onSetPreviewTheme: setPreviewTheme
|
|
2012
|
+
})
|
|
2013
|
+
});
|
|
2014
|
+
var systemThemesSection = isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsx("div", {
|
|
2015
|
+
className: "mb-6 space-y-3",
|
|
2016
|
+
children: /*#__PURE__*/jsx("div", {
|
|
2017
|
+
className: "flex flex-col gap-4 px-6 pb-10 lg:px-5 xl:px-6",
|
|
2018
|
+
"data-testid": "system-themes",
|
|
2019
|
+
children: filteredDefaultThemes.map(function (theme) {
|
|
2020
|
+
return /*#__PURE__*/createElement(Card, {
|
|
2021
|
+
onApplyTheme: onApplyTheme,
|
|
2022
|
+
theme: theme,
|
|
2023
|
+
thumbnail: thumbnail,
|
|
2024
|
+
active: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id,
|
|
2025
|
+
isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
2026
|
+
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
2027
|
+
isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id,
|
|
2028
|
+
key: theme.id,
|
|
2029
|
+
onCloneTheme: handleCloneTheme,
|
|
2030
|
+
onSetPreviewTheme: setPreviewTheme
|
|
2031
|
+
});
|
|
2032
|
+
})
|
|
2033
|
+
})
|
|
2034
|
+
});
|
|
2035
|
+
var customThemesSection = isNotEmpty(filteredThemes) && /*#__PURE__*/jsx("div", {
|
|
2036
|
+
className: "mb-6 space-y-3",
|
|
2037
|
+
children: /*#__PURE__*/jsx("div", {
|
|
2038
|
+
className: "flex flex-col gap-4 px-6",
|
|
2039
|
+
"data-testid": "custom-themes",
|
|
2040
|
+
children: filteredThemes.map(function (theme) {
|
|
2041
|
+
var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
|
|
2042
|
+
var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;
|
|
2043
|
+
return /*#__PURE__*/createElement(Card, {
|
|
2044
|
+
isPreviewing: isPreviewing,
|
|
2045
|
+
onApplyTheme: onApplyTheme,
|
|
2046
|
+
onEditTheme: onEditTheme,
|
|
2047
|
+
theme: theme,
|
|
2048
|
+
thumbnail: thumbnail,
|
|
2049
|
+
active: isActive,
|
|
2050
|
+
isApplyingTheme: (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
2051
|
+
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
2052
|
+
isHighLightedTheme: theme.id === themeToHighlight,
|
|
2053
|
+
key: theme.id,
|
|
2054
|
+
onCloneTheme: handleCloneTheme,
|
|
2055
|
+
onDeleteTheme: !isActive && onDeleteTheme,
|
|
2056
|
+
onSetPreviewTheme: setPreviewTheme
|
|
2057
|
+
});
|
|
2058
|
+
})
|
|
2059
|
+
})
|
|
2060
|
+
});
|
|
1904
2061
|
return /*#__PURE__*/jsxs("div", {
|
|
1905
2062
|
className: "neeto-themes-sidebar__scroll",
|
|
1906
2063
|
children: [/*#__PURE__*/jsxs("div", {
|
|
1907
2064
|
className: "mb-6 space-y-3",
|
|
1908
|
-
children: [
|
|
2065
|
+
children: [isSearchVisible && /*#__PURE__*/jsx(Search, {
|
|
1909
2066
|
autoFocus: true,
|
|
1910
2067
|
enableUrlSync: true,
|
|
1911
2068
|
autoComplete: "off",
|
|
@@ -1916,73 +2073,15 @@ var Themes = function Themes(_ref) {
|
|
|
1916
2073
|
"data-testid": "no-data-title",
|
|
1917
2074
|
style: "body2",
|
|
1918
2075
|
children: t("neetoThemes.common.noResultsFound")
|
|
1919
|
-
}), isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxs(Fragment, {
|
|
1920
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1921
|
-
className: "my-4 px-6 uppercase lg:px-5 xl:px-6",
|
|
1922
|
-
"data-testid": "system-themes-header",
|
|
1923
|
-
style: "h6",
|
|
1924
|
-
weight: "semibold",
|
|
1925
|
-
children: t("neetoThemes.build.leftSideBar.themes.systemThemes")
|
|
1926
|
-
}), /*#__PURE__*/jsx("div", {
|
|
1927
|
-
className: "flex flex-col gap-4 px-6 pb-10 lg:px-5 xl:px-6",
|
|
1928
|
-
"data-testid": "system-themes",
|
|
1929
|
-
children: filteredDefaultThemes.map(function (theme) {
|
|
1930
|
-
return /*#__PURE__*/createElement(Card, {
|
|
1931
|
-
onApplyTheme: onApplyTheme,
|
|
1932
|
-
theme: theme,
|
|
1933
|
-
thumbnail: thumbnail,
|
|
1934
|
-
active: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id,
|
|
1935
|
-
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
1936
|
-
isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id,
|
|
1937
|
-
key: theme.id,
|
|
1938
|
-
isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
1939
|
-
onApplyGlobalTheme: handleApplyGlobalTheme,
|
|
1940
|
-
onCloneTheme: handleCloneTheme,
|
|
1941
|
-
onSetPreviewTheme: setPreviewTheme
|
|
1942
|
-
});
|
|
1943
|
-
})
|
|
1944
|
-
})]
|
|
1945
|
-
})]
|
|
1946
|
-
}), isNotEmpty(filteredThemes) && /*#__PURE__*/jsxs("div", {
|
|
1947
|
-
className: "mb-6 space-y-3",
|
|
1948
|
-
children: [/*#__PURE__*/jsx(Typography, {
|
|
1949
|
-
className: "my-4 px-6 uppercase",
|
|
1950
|
-
"data-testid": "custom-themes-header",
|
|
1951
|
-
style: "h6",
|
|
1952
|
-
weight: "semibold",
|
|
1953
|
-
children: t("neetoThemes.build.leftSideBar.themes.customThemes")
|
|
1954
|
-
}), /*#__PURE__*/jsx("div", {
|
|
1955
|
-
className: "flex flex-col gap-4 px-6",
|
|
1956
|
-
"data-testid": "custom-themes",
|
|
1957
|
-
children: filteredThemes.map(function (theme) {
|
|
1958
|
-
var isActive = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id;
|
|
1959
|
-
var isPreviewing = (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id;
|
|
1960
|
-
return /*#__PURE__*/createElement(Card, {
|
|
1961
|
-
isPreviewing: isPreviewing,
|
|
1962
|
-
onApplyTheme: onApplyTheme,
|
|
1963
|
-
onEditTheme: onEditTheme,
|
|
1964
|
-
theme: theme,
|
|
1965
|
-
thumbnail: thumbnail,
|
|
1966
|
-
active: isActive,
|
|
1967
|
-
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
1968
|
-
isHighLightedTheme: theme.id === themeToHighlight,
|
|
1969
|
-
key: theme.id,
|
|
1970
|
-
isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
1971
|
-
onApplyGlobalTheme: handleApplyGlobalTheme,
|
|
1972
|
-
onCloneTheme: handleCloneTheme,
|
|
1973
|
-
onDeleteTheme: !isActive && onDeleteTheme,
|
|
1974
|
-
onSetPreviewTheme: setPreviewTheme
|
|
1975
|
-
});
|
|
1976
|
-
})
|
|
1977
2076
|
})]
|
|
1978
|
-
})]
|
|
2077
|
+
}), activeThemeSection, systemThemesSection, customThemesSection]
|
|
1979
2078
|
});
|
|
1980
2079
|
};
|
|
1981
2080
|
|
|
1982
2081
|
var TitleBar = function TitleBar(_ref) {
|
|
1983
2082
|
var currentScreen = _ref.currentScreen,
|
|
1984
2083
|
handleBackPress = _ref.handleBackPress,
|
|
1985
|
-
|
|
2084
|
+
handleToggleSearch = _ref.handleToggleSearch;
|
|
1986
2085
|
var _useTranslation = useTranslation(),
|
|
1987
2086
|
t = _useTranslation.t;
|
|
1988
2087
|
var _useThemeStore = useThemeStore(function (store) {
|
|
@@ -2049,21 +2148,21 @@ var TitleBar = function TitleBar(_ref) {
|
|
|
2049
2148
|
},
|
|
2050
2149
|
title: t("neetoThemes.build.leftSideBar.helpPopover.title"),
|
|
2051
2150
|
description: t("neetoThemes.build.leftSideBar.helpPopover.description", {
|
|
2052
|
-
entityType: entityType
|
|
2151
|
+
entityType: t("neetoThemes.entityType.".concat(entityType.toLowerCase()))
|
|
2053
2152
|
})
|
|
2054
2153
|
})]
|
|
2055
2154
|
}), /*#__PURE__*/jsx("div", {
|
|
2056
2155
|
className: "self-end",
|
|
2057
2156
|
children: /*#__PURE__*/jsx(Button, {
|
|
2058
|
-
"data-testid": "
|
|
2059
|
-
icon:
|
|
2157
|
+
"data-testid": "themes-search-toggle-button",
|
|
2158
|
+
icon: Search$1,
|
|
2060
2159
|
iconPosition: "left",
|
|
2061
2160
|
style: "text",
|
|
2062
2161
|
tooltipProps: {
|
|
2063
|
-
content: t("neetoThemes.
|
|
2162
|
+
content: t("neetoThemes.common.searchThemes"),
|
|
2064
2163
|
position: "top"
|
|
2065
2164
|
},
|
|
2066
|
-
onClick:
|
|
2165
|
+
onClick: handleToggleSearch
|
|
2067
2166
|
})
|
|
2068
2167
|
})]
|
|
2069
2168
|
})
|
|
@@ -2078,8 +2177,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2078
2177
|
defaultImageSize = _ref.defaultImageSize,
|
|
2079
2178
|
fixedAspectRatio = _ref.fixedAspectRatio,
|
|
2080
2179
|
onApplyThemeSuccess = _ref.onApplyThemeSuccess,
|
|
2081
|
-
onUpdateThemeSuccess = _ref.onUpdateThemeSuccess
|
|
2082
|
-
onApplyGlobalThemeSuccess = _ref.onApplyGlobalThemeSuccess;
|
|
2180
|
+
onUpdateThemeSuccess = _ref.onUpdateThemeSuccess;
|
|
2083
2181
|
var _useState = useState(DESIGN_SCREENS.THEMES),
|
|
2084
2182
|
_useState2 = _slicedToArray(_useState, 2),
|
|
2085
2183
|
currentScreen = _useState2[0],
|
|
@@ -2150,14 +2248,22 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2150
2248
|
var _useApplyTheme = useApplyTheme({
|
|
2151
2249
|
onSuccess: function onSuccess(_ref2) {
|
|
2152
2250
|
var theme = _ref2.theme;
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2251
|
+
var applyUpdates = function applyUpdates() {
|
|
2252
|
+
setTheme(theme);
|
|
2253
|
+
highlightTheme(theme);
|
|
2254
|
+
setThemeState({
|
|
2255
|
+
previewingTheme: theme
|
|
2256
|
+
});
|
|
2257
|
+
setThemeBeingApplied({});
|
|
2258
|
+
setCurrentScreen(DESIGN_SCREENS.THEMES);
|
|
2259
|
+
onApplyThemeSuccess === null || onApplyThemeSuccess === void 0 || onApplyThemeSuccess(theme);
|
|
2260
|
+
};
|
|
2261
|
+
|
|
2262
|
+
// Keep the spinner visible a bit longer so the apply feels deliberate,
|
|
2263
|
+
// then glide the card into the pinned active section.
|
|
2264
|
+
setTimeout(function () {
|
|
2265
|
+
return animateThemeReorder(applyUpdates);
|
|
2266
|
+
}, APPLY_SPINNER_DELAY);
|
|
2161
2267
|
}
|
|
2162
2268
|
}),
|
|
2163
2269
|
applyTheme = _useApplyTheme.mutate,
|
|
@@ -2165,22 +2271,44 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2165
2271
|
var themeToDelete = useRef(null);
|
|
2166
2272
|
var themeToEdit = useRef(null);
|
|
2167
2273
|
var isCustomCssScreen = isScreenCustomCSS(currentScreen);
|
|
2168
|
-
var
|
|
2169
|
-
|
|
2274
|
+
var _useState11 = useState(false),
|
|
2275
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
2276
|
+
isSearchVisible = _useState12[0],
|
|
2277
|
+
setIsSearchVisible = _useState12[1];
|
|
2278
|
+
var handleToggleSearch = function handleToggleSearch() {
|
|
2279
|
+
setIsSearchVisible(function (prev) {
|
|
2280
|
+
var next = !prev;
|
|
2281
|
+
if (!next) {
|
|
2282
|
+
var params = new URLSearchParams(history.location.search);
|
|
2283
|
+
params["delete"]("searchTerm");
|
|
2284
|
+
history.replace({
|
|
2285
|
+
search: params.toString()
|
|
2286
|
+
});
|
|
2287
|
+
}
|
|
2288
|
+
return next;
|
|
2289
|
+
});
|
|
2170
2290
|
};
|
|
2171
|
-
var handleEditTheme = function handleEditTheme(theme) {
|
|
2291
|
+
var handleEditTheme = function handleEditTheme(theme, section) {
|
|
2172
2292
|
themeToEdit.current = theme;
|
|
2173
|
-
|
|
2293
|
+
var pathname = buildUrl(buildPathname(routes.themes.edit), {
|
|
2174
2294
|
themeId: theme.id
|
|
2175
|
-
})
|
|
2295
|
+
});
|
|
2296
|
+
history.push({
|
|
2297
|
+
pathname: pathname,
|
|
2298
|
+
search: section ? "?section=".concat(section) : ""
|
|
2299
|
+
});
|
|
2176
2300
|
};
|
|
2177
2301
|
var onApplyTheme = function onApplyTheme(theme) {
|
|
2178
|
-
if (
|
|
2302
|
+
if (themeBeingApplied !== null && themeBeingApplied !== void 0 && themeBeingApplied.id) return;
|
|
2179
2303
|
setThemeBeingApplied(theme);
|
|
2180
2304
|
applyTheme({
|
|
2181
2305
|
themeId: theme.id,
|
|
2182
2306
|
entityId: entityId,
|
|
2183
2307
|
entityType: entityType
|
|
2308
|
+
}, {
|
|
2309
|
+
onError: function onError() {
|
|
2310
|
+
return setThemeBeingApplied({});
|
|
2311
|
+
}
|
|
2184
2312
|
});
|
|
2185
2313
|
};
|
|
2186
2314
|
var navigateToThemesScreen = function navigateToThemesScreen(themeId) {
|
|
@@ -2250,7 +2378,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2250
2378
|
children: [/*#__PURE__*/jsx(TitleBar, {
|
|
2251
2379
|
currentScreen: currentScreen,
|
|
2252
2380
|
handleBackPress: handleBackPress,
|
|
2253
|
-
|
|
2381
|
+
handleToggleSearch: handleToggleSearch
|
|
2254
2382
|
}), /*#__PURE__*/jsxs(Switch$1, {
|
|
2255
2383
|
children: [/*#__PURE__*/jsx(Route, {
|
|
2256
2384
|
exact: true,
|
|
@@ -2261,10 +2389,10 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2261
2389
|
defaultThemes: defaultThemes,
|
|
2262
2390
|
didScrollActiveThemeIntoView: didScrollActiveThemeIntoView,
|
|
2263
2391
|
highlightTheme: highlightTheme,
|
|
2264
|
-
isApplyingTheme: isApplyingTheme,
|
|
2265
2392
|
isCurrentThemeLoading: isCurrentThemeLoading,
|
|
2266
|
-
|
|
2393
|
+
isSearchVisible: isSearchVisible,
|
|
2267
2394
|
onApplyTheme: onApplyTheme,
|
|
2395
|
+
onApplyThemeSuccess: onApplyThemeSuccess,
|
|
2268
2396
|
themeBeingApplied: themeBeingApplied,
|
|
2269
2397
|
themeToHighlight: themeToHighlight,
|
|
2270
2398
|
themes: themes,
|
|
@@ -2350,8 +2478,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
|
|
|
2350
2478
|
onApplyThemeSuccess = _ref$onApplyThemeSucc === void 0 ? noop : _ref$onApplyThemeSucc,
|
|
2351
2479
|
_ref$onUpdateThemeSuc = _ref.onUpdateThemeSuccess,
|
|
2352
2480
|
onUpdateThemeSuccess = _ref$onUpdateThemeSuc === void 0 ? noop : _ref$onUpdateThemeSuc,
|
|
2353
|
-
_ref$onApplyGlobalThe = _ref.onApplyGlobalThemeSuccess,
|
|
2354
|
-
onApplyGlobalThemeSuccess = _ref$onApplyGlobalThe === void 0 ? noop : _ref$onApplyGlobalThe,
|
|
2355
2481
|
_ref$helpPopoverProps = _ref.helpPopoverProps,
|
|
2356
2482
|
helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
|
|
2357
2483
|
_ref$enabledFeatures = _ref.enabledFeatures,
|
|
@@ -2434,7 +2560,6 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
|
|
|
2434
2560
|
}), /*#__PURE__*/jsx(Sidebar, {
|
|
2435
2561
|
defaultImageSize: defaultImageSize,
|
|
2436
2562
|
fixedAspectRatio: fixedAspectRatio,
|
|
2437
|
-
onApplyGlobalThemeSuccess: onApplyGlobalThemeSuccess,
|
|
2438
2563
|
onApplyThemeSuccess: onApplyThemeSuccess,
|
|
2439
2564
|
onPropertiesChange: onPropertiesChange,
|
|
2440
2565
|
onUpdateThemeSuccess: onUpdateThemeSuccess,
|