@bigbinary/neeto-themes-frontend 1.2.8 → 1.2.10

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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +100 -60
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +88 -54
  4. package/dist/index.js.map +1 -1
  5. package/package.json +9 -9
package/dist/index.js CHANGED
@@ -11,12 +11,12 @@ import { useTranslation, Trans } from 'react-i18next';
11
11
  import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
12
12
  import _regeneratorRuntime from '@babel/runtime/regenerator';
13
13
  import Toastr from '@bigbinary/neetoui/Toastr';
14
- import { useQuery } from 'react-query';
14
+ import { useQuery } from '@tanstack/react-query';
15
15
  import axios from 'axios';
16
16
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
17
17
  import { prop, isEmpty, negate } from 'ramda';
18
18
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
19
- import { LeftAlign, CenterAlign, Close, LeftArrow, Plus } from '@bigbinary/neeto-icons';
19
+ import Close from '@bigbinary/neeto-icons/Close';
20
20
  import Button from '@bigbinary/neetoui/Button';
21
21
  import Popover from '@bigbinary/neetoui/Popover';
22
22
  import Typography from '@bigbinary/neetoui/Typography';
@@ -27,13 +27,18 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
27
27
  import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
28
28
  import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
29
29
  import Select from '@bigbinary/neetoui/Select';
30
+ import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
31
+ import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
30
32
  import ColorPicker from '@bigbinary/neetoui/ColorPicker';
31
33
  import { Slider } from 'antd';
34
+ import classnames from 'classnames';
35
+ import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
32
36
  import Switch from '@bigbinary/neetoui/Switch';
33
37
  import Input from '@bigbinary/neetoui/formik/Input';
34
38
  import Search from '@bigbinary/neeto-molecules/Search';
35
- import classnames from 'classnames';
36
39
  import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
40
+ import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
41
+ import Plus from '@bigbinary/neeto-icons/Plus';
37
42
 
38
43
  /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
39
44
  var useConfigStore = create$1(withImmutableActions(function (set) {
@@ -142,9 +147,11 @@ var QUERY_KEYS = {
142
147
  };
143
148
 
144
149
  var useShowThemeEntity = function useShowThemeEntity(entityId) {
145
- return useQuery([QUERY_KEYS.THEME_ENTITY_DETAILS, entityId], function () {
146
- return entitiesApi.show(entityId);
147
- }, {
150
+ return useQuery({
151
+ queryKey: [QUERY_KEYS.THEME_ENTITY_DETAILS, entityId],
152
+ queryFn: function queryFn() {
153
+ return entitiesApi.show(entityId);
154
+ },
148
155
  enabled: !!entityId
149
156
  });
150
157
  };
@@ -203,8 +210,11 @@ var useListThemes = function useListThemes(entityId) {
203
210
  }, shallow),
204
211
  isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
205
212
  var queryKey = isTemplateThemesEnabled ? [QUERY_KEYS.THEMES_LIST, entityId] : [QUERY_KEYS.THEMES_LIST];
206
- return useQuery(queryKey, function () {
207
- return themesApi.list(entityId);
213
+ return useQuery({
214
+ queryKey: queryKey,
215
+ queryFn: function queryFn() {
216
+ return themesApi.list(entityId);
217
+ }
208
218
  });
209
219
  };
210
220
  var useCreateTheme = function useCreateTheme() {
@@ -219,12 +229,12 @@ var useUpdateTheme = function useUpdateTheme(themeId) {
219
229
  payload: payload
220
230
  });
221
231
  }, {
222
- keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS, [QUERY_KEYS.THEME_DETAILS, themeId]]
232
+ keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS], [QUERY_KEYS.THEME_DETAILS, themeId]]
223
233
  });
224
234
  };
225
235
  var useDeleteTheme = function useDeleteTheme() {
226
236
  return useMutationWithInvalidation(themesApi.destroy, {
227
- keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS]
237
+ keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]]
228
238
  });
229
239
  };
230
240
  var useCloneTheme = function useCloneTheme() {
@@ -235,7 +245,7 @@ var useCloneTheme = function useCloneTheme() {
235
245
  var useApplyTheme = function useApplyTheme(_ref) {
236
246
  var onSuccess = _ref.onSuccess;
237
247
  return useMutationWithInvalidation(themesApi.apply, {
238
- keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS],
248
+ keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]],
239
249
  onSuccess: onSuccess
240
250
  });
241
251
  };
@@ -279,10 +289,10 @@ var schemasApi = {
279
289
  list: list
280
290
  };
281
291
 
282
- var useListSchema = function useListSchema(_ref) {
283
- var onSuccess = _ref.onSuccess;
284
- return useQuery(QUERY_KEYS.SCHEMA_DETAILS, schemasApi.list, {
285
- onSuccess: onSuccess
292
+ var useListSchema = function useListSchema() {
293
+ return useQuery({
294
+ queryKey: [QUERY_KEYS.SCHEMA_DETAILS],
295
+ queryFn: schemasApi.list
286
296
  });
287
297
  };
288
298
 
@@ -296,28 +306,23 @@ var useThemeUtils = function useThemeUtils() {
296
306
  }, shallow),
297
307
  previewingTheme = _useThemeStore.previewingTheme,
298
308
  currentTheme = _useThemeStore.currentTheme;
299
- var _useListSchema = useListSchema({
300
- onSuccess: function onSuccess(_ref) {
301
- var _ref$schema = _ref.schema,
302
- themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
303
- _ref$variableNamesMap = _ref.variableNamesMap,
304
- variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap,
305
- _ref$defaultThemeName = _ref.defaultThemeName,
306
- defaultThemeName = _ref$defaultThemeName === void 0 ? "" : _ref$defaultThemeName;
307
- return setConfigState({
308
- themePropertiesSchema: themePropertiesSchema,
309
- variableNamesMap: variableNamesMap,
310
- defaultThemeName: defaultThemeName
311
- });
312
- }
313
- }),
309
+ var _useListSchema = useListSchema(),
314
310
  isFetchingSchema = _useListSchema.isLoading,
315
- _useListSchema$data = _useListSchema.data,
316
- _useListSchema$data2 = _useListSchema$data === void 0 ? {} : _useListSchema$data,
317
- _useListSchema$data2$ = _useListSchema$data2.schema,
318
- themePropertiesSchema = _useListSchema$data2$ === void 0 ? [] : _useListSchema$data2$,
319
- _useListSchema$data2$2 = _useListSchema$data2.variableNamesMap,
320
- variableNamesMap = _useListSchema$data2$2 === void 0 ? {} : _useListSchema$data2$2;
311
+ data = _useListSchema.data;
312
+ var _ref = data || {},
313
+ _ref$schema = _ref.schema,
314
+ themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
315
+ _ref$variableNamesMap = _ref.variableNamesMap,
316
+ variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap;
317
+ useEffect(function () {
318
+ if (data) {
319
+ setConfigState({
320
+ themePropertiesSchema: data === null || data === void 0 ? void 0 : data.schema,
321
+ variableNamesMap: data === null || data === void 0 ? void 0 : data.variableNamesMap,
322
+ defaultThemeName: data === null || data === void 0 ? void 0 : data.defaultThemeName
323
+ });
324
+ }
325
+ }, [data]);
321
326
  useEffect(function () {
322
327
  return setConfigState({
323
328
  isFetchingSchema: isFetchingSchema
@@ -838,14 +843,32 @@ var SwitchBlock = function SwitchBlock(_ref) {
838
843
  var label = _ref.label,
839
844
  name = _ref.name,
840
845
  switchProps = _objectWithoutProperties(_ref, _excluded);
846
+ var _useTranslation = useTranslation(),
847
+ t = _useTranslation.t,
848
+ i18n = _useTranslation.i18n;
849
+ var translationKey = "neetoThemes.properties.boolean.".concat(name, "HelpText");
850
+ var doesHelpTextExist = i18n.exists(translationKey);
841
851
  return /*#__PURE__*/jsxs("div", {
842
852
  className: "flex items-center justify-between py-3 first:pt-0 last:pb-0",
843
- children: [/*#__PURE__*/jsx(Typography, {
844
- style: "body2",
845
- children: label
846
- }), /*#__PURE__*/jsx(Switch, _objectSpread$2({}, _objectSpread$2({
853
+ children: [/*#__PURE__*/jsxs("div", {
854
+ className: "inline-flex items-center gap-4",
855
+ children: [/*#__PURE__*/jsx(Typography, {
856
+ "data-cy": "style-fields-labels",
857
+ style: "body2",
858
+ className: classnames({
859
+ "w-32": doesHelpTextExist,
860
+ "w-auto": !doesHelpTextExist
861
+ }),
862
+ children: label
863
+ }), doesHelpTextExist && /*#__PURE__*/jsx(HelpPopover, {
864
+ className: "flex-shrink-0",
865
+ description: t(translationKey)
866
+ })]
867
+ }), /*#__PURE__*/jsx(Switch, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
847
868
  name: name
848
- }, switchProps)))]
869
+ }, switchProps)), {}, {
870
+ "data-cy": "enable-background-color-toggle"
871
+ }))]
849
872
  });
850
873
  };
851
874
 
@@ -929,12 +952,16 @@ var Properties = function Properties(_ref) {
929
952
  }), filterBy({
930
953
  kind: "color"
931
954
  }, values.properties).map(function (_ref5) {
955
+ var _findBy;
932
956
  var key = _ref5.key,
933
957
  value = _ref5.value,
934
958
  kind = _ref5.kind;
935
959
  return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(ColorBlock, {
936
960
  color: value,
937
961
  label: buildLabel(key, kind),
962
+ showTransparencyControl: ((_findBy = findBy({
963
+ key: key
964
+ }, themePropertiesSchema)) === null || _findBy === void 0 ? void 0 : _findBy.showTransparencyControl) || false,
938
965
  onChange: handleColorChange(key)
939
966
  }, key);
940
967
  }), filterBy({
@@ -971,16 +998,16 @@ var Properties = function Properties(_ref) {
971
998
  }), filterBy({
972
999
  kind: "position_selector"
973
1000
  }, values.properties).map(function (_ref8) {
974
- var _findBy;
1001
+ var _findBy2;
975
1002
  var key = _ref8.key,
976
1003
  kind = _ref8.kind,
977
1004
  value = _ref8.value;
978
1005
  var index = findIndexBy({
979
1006
  key: key
980
1007
  }, values.properties);
981
- var options = (_findBy = findBy({
1008
+ var options = (_findBy2 = findBy({
982
1009
  key: key
983
- }, themePropertiesSchema)) === null || _findBy === void 0 || (_findBy = _findBy.options) === null || _findBy === void 0 ? void 0 : _findBy.map(toLabelAndValue);
1010
+ }, themePropertiesSchema)) === null || _findBy2 === void 0 || (_findBy2 = _findBy2.options) === null || _findBy2 === void 0 ? void 0 : _findBy2.map(toLabelAndValue);
984
1011
  return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(SelectBlock, {
985
1012
  label: buildLabel(key, kind),
986
1013
  options: options || POSITION_OPTIONS,
@@ -1002,6 +1029,7 @@ var Properties = function Properties(_ref) {
1002
1029
  return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsx(SwitchBlock, {
1003
1030
  checked: value !== "false",
1004
1031
  label: buildLabel(key, kind),
1032
+ name: snakeToCamelCase(key),
1005
1033
  onChange: function onChange(e) {
1006
1034
  return setFieldValue("properties[".concat(index, "].value"), String(e.target.checked));
1007
1035
  }
@@ -1064,10 +1092,10 @@ var Customize = function Customize(_ref) {
1064
1092
  var submitBtnRef = useRef(null);
1065
1093
  var _useCreateTheme = useCreateTheme(),
1066
1094
  createTheme = _useCreateTheme.mutate,
1067
- isCreating = _useCreateTheme.isLoading;
1095
+ isCreating = _useCreateTheme.isPending;
1068
1096
  var _useUpdateTheme = useUpdateTheme(themeId),
1069
1097
  updateTheme = _useUpdateTheme.mutate,
1070
- isUpdating = _useUpdateTheme.isLoading;
1098
+ isUpdating = _useUpdateTheme.isPending;
1071
1099
  var isSubmitting = isCreating || isUpdating;
1072
1100
  var onSubmit = function onSubmit(values, _ref2) {
1073
1101
  var resetForm = _ref2.resetForm;
@@ -1595,7 +1623,8 @@ var TitleBar = function TitleBar(_ref) {
1595
1623
  var currentScreen = _ref.currentScreen,
1596
1624
  handleBackPress = _ref.handleBackPress,
1597
1625
  handleCreateNewTheme = _ref.handleCreateNewTheme,
1598
- isNewTheme = _ref.isNewTheme;
1626
+ isNewTheme = _ref.isNewTheme,
1627
+ themeToEdit = _ref.themeToEdit;
1599
1628
  var _useTranslation = useTranslation(),
1600
1629
  t = _useTranslation.t;
1601
1630
  if (currentScreen === DESIGN_SCREENS.Customize) {
@@ -1612,7 +1641,9 @@ var TitleBar = function TitleBar(_ref) {
1612
1641
  content: t("neetoThemes.buttons.backToThemes"),
1613
1642
  position: "top"
1614
1643
  },
1615
- onClick: handleBackPress
1644
+ onClick: function onClick() {
1645
+ return handleBackPress(themeToEdit);
1646
+ }
1616
1647
  }), /*#__PURE__*/jsx(Typography, {
1617
1648
  "data-cy": "themes-header",
1618
1649
  lineHeight: "normal",
@@ -1711,11 +1742,12 @@ var Sidebar = function Sidebar(_ref) {
1711
1742
  isCurrentThemeLoading = _useShowThemeEntity.isLoading;
1712
1743
  var _useDeleteTheme = useDeleteTheme(),
1713
1744
  deleteTheme = _useDeleteTheme.mutate,
1714
- isDeleting = _useDeleteTheme.isLoading;
1745
+ isDeleting = _useDeleteTheme.isPending;
1715
1746
  var _useApplyTheme = useApplyTheme({
1716
1747
  onSuccess: function onSuccess(_ref2) {
1717
1748
  var theme = _ref2.theme;
1718
1749
  setTheme(theme);
1750
+ highlightTheme(theme);
1719
1751
  setThemeState({
1720
1752
  previewingTheme: theme
1721
1753
  });
@@ -1740,8 +1772,9 @@ var Sidebar = function Sidebar(_ref) {
1740
1772
  entityType: entityType
1741
1773
  });
1742
1774
  };
1743
- var handleBackPress = function handleBackPress() {
1775
+ var handleBackPress = function handleBackPress(theme) {
1744
1776
  setTheme(currentTheme);
1777
+ highlightTheme(isPresent(theme) ? theme : currentTheme);
1745
1778
  setThemeState({
1746
1779
  previewingTheme: currentTheme
1747
1780
  });
@@ -1751,10 +1784,10 @@ var Sidebar = function Sidebar(_ref) {
1751
1784
  var highlightTheme = function highlightTheme(themeToHighlight) {
1752
1785
  setTimeout(function () {
1753
1786
  scrollElementIntoView(themeToHighlight.id);
1754
- }, 1500);
1787
+ }, 1000);
1755
1788
  setTimeout(function () {
1756
1789
  setThemeToHighlight(null);
1757
- }, 4000);
1790
+ }, 3500);
1758
1791
  setThemeToHighlight(themeToHighlight.id);
1759
1792
  };
1760
1793
  var onCreateTheme = function onCreateTheme(createdTheme) {
@@ -1805,7 +1838,8 @@ var Sidebar = function Sidebar(_ref) {
1805
1838
  handleCreateNewTheme: function handleCreateNewTheme() {
1806
1839
  return handleEditTheme({});
1807
1840
  },
1808
- isNewTheme: !((_themeToEdit$current = themeToEdit.current) !== null && _themeToEdit$current !== void 0 && _themeToEdit$current.id)
1841
+ isNewTheme: !((_themeToEdit$current = themeToEdit.current) !== null && _themeToEdit$current !== void 0 && _themeToEdit$current.id),
1842
+ themeToEdit: themeToEdit.current
1809
1843
  }), currentScreen === DESIGN_SCREENS.THEMES ? /*#__PURE__*/jsx(Themes, {
1810
1844
  currentTheme: currentTheme,
1811
1845
  defaultThemes: defaultThemes,
@@ -1891,7 +1925,7 @@ var index = withTitle(NeetoThemesBuilder, t$1("neetoThemes.common.design"));
1891
1925
 
1892
1926
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===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}}
1893
1927
 
1894
- var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:calc(100vh - 64px);width:240px}@media (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{height:calc(100vh - 120px);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 .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active,.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:2px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail__apply-btn{--neeto-ui-btn-padding-x:12px;--neeto-ui-btn-border-radius:100px}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3RoZW1lcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFFRSxZQUFBLENBREEsVUNFRixDRENFLDZDQUdFLDJDQUFBLENBREEseUJBQUEsQ0FEQSxXQ0dKLENEQ0ksMEJBTEYsNkNBTUksV0NFSixDQUNGLENEREksMEJBUkYsNkNBU0ksV0NJSixDQUNGLENERkksMkVBRUUsa0JBQUEsQ0FEQSxnQkNLTixDRERJLDJFQUNFLDBCQUFBLENBQ0EsZUNHTixDREFRLDRJQUNFLFlDRVYsQ0RJRSxzREFHRSxXQUFBLENBREEseUJBQUEsQ0FEQSxpQkNBSixDRE1BLDhDQUNFLG9EQUFBLENBQ0EseURDSEYsQ0RXQSxzRkFDRSx1REFBQSxDQUNBLDREQ0hGLENETUEseUNBQ0UsNkJBQUEsQ0FDQSxrQ0NIRixDRElFLHFHQUVFLG1CQ0hKIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC1zbTtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAjeyRidWlsZGVyLWhlYWRlci1oZWlnaHR9KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcblxuICAgIEBzY3JlZW4gbGcge1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC1sZztcbiAgICB9XG4gICAgQHNjcmVlbiB4bCB7XG4gICAgICB3aWR0aDogJHRoZW1lcy1zaWRlYmFyLXdpZHRoLXhsO1xuICAgIH1cblxuICAgIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgICAgIHBhZGRpbmctdG9wOiAxNnB4O1xuICAgICAgcGFkZGluZy1ib3R0b206IDhweDtcbiAgICB9XG5cbiAgICAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCB7XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAxMjBweCk7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuXG4gICAgICAubmVldG8tdWktY29sb3JwaWNrZXJfX3RhcmdldCB7XG4gICAgICAgIC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAjeyRidWlsZGVyLWhlYWRlci1oZWlnaHR9KTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1oaWdobGlnaHQtYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0biB7XG4gIC0tbmVldG8tdWktYnRuLXBhZGRpbmcteDogMTJweDtcbiAgLS1uZWV0by11aS1idG4tYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gICY6ZGlzYWJsZWQsXG4gICZbZGlzYWJsZWRdIHtcbiAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG4gIH1cbn1cbiIsIi5uZWV0by10aGVtZXNfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgd2lkdGg6IDI0MHB4O1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG59XG5Ac2NyZWVuIGxnIHtcbiAgLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiAyODBweDtcbiAgfVxufVxuQHNjcmVlbiB4bCB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogMzIwcHg7XG4gIH1cbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgcGFkZGluZy10b3A6IDE2cHg7XG4gIHBhZGRpbmctYm90dG9tOiA4cHg7XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCB7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEyMHB4KTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fc2Nyb2xsIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDY0cHgpO1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1wcmV2aWV3LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG4ge1xuICAtLW5lZXRvLXVpLWJ0bi1wYWRkaW5nLXg6IDEycHg7XG4gIC0tbmVldG8tdWktYnRuLWJvcmRlci1yYWRpdXM6IDEwMHB4O1xufVxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bjpkaXNhYmxlZCwgLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0bltkaXNhYmxlZF0ge1xuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG59Il19 */";
1928
+ var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:calc(100vh - 64px);width:240px}@media (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{height:calc(100vh - 120px);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 .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:2px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn{--neeto-ui-btn-padding-x:12px;--neeto-ui-btn-border-radius:100px}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3RoZW1lcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFFRSxZQUFBLENBREEsVUNFRixDRENFLDZDQUdFLDJDQUFBLENBREEseUJBQUEsQ0FEQSxXQ0dKLENEQ0ksMEJBTEYsNkNBTUksV0NFSixDQUNGLENEREksMEJBUkYsNkNBU0ksV0NJSixDQUNGLENERkksMkVBRUUsa0JBQUEsQ0FEQSxnQkNLTixDRERJLDJFQUNFLDBCQUFBLENBQ0EsZUNHTixDREFRLDRJQUNFLFlDRVYsQ0RJRSxzREFHRSxXQUFBLENBREEseUJBQUEsQ0FEQSxpQkNBSixDRE1BLDhDQUNFLG9EQUFBLENBQ0EseURDSEYsQ0RNQSxzQ0FDRSx1REFBQSxDQUNBLDREQ0hGLENETUEsZ0RBQ0Usb0RBQUEsQ0FDQSx5RENIRixDRE1BLHlDQUNFLDZCQUFBLENBQ0Esa0NDSEYsQ0RJRSxxR0FFRSxtQkNISiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by10aGVtZXNfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcblxuICAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtc207XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gI3skYnVpbGRlci1oZWFkZXItaGVpZ2h0fSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG5cbiAgICBAc2NyZWVuIGxnIHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtbGc7XG4gICAgfVxuICAgIEBzY3JlZW4geGwge1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC14bDtcbiAgICB9XG5cbiAgICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2hlYWRlciB7XG4gICAgICBwYWRkaW5nLXRvcDogMTZweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA4cHg7XG4gICAgfVxuXG4gICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTIwcHgpO1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcblxuICAgICAgLm5lZXRvLXVpLWNvbG9ycGlja2VyX190YXJnZXQge1xuICAgICAgICAubmVldG8tdWktY29sb3JwaWNrZXItdGFyZ2V0X19jb2RlIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm5lZXRvLXRoZW1lcy1wcmV2aWV3X193cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gI3skYnVpbGRlci1oZWFkZXItaGVpZ2h0fSk7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1wcmV2aWV3LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG4ge1xuICAtLW5lZXRvLXVpLWJ0bi1wYWRkaW5nLXg6IDEycHg7XG4gIC0tbmVldG8tdWktYnRuLWJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICAmOmRpc2FibGVkLFxuICAmW2Rpc2FibGVkXSB7XG4gICAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIubmVldG8tdGhlbWVzX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gIHdpZHRoOiAyNDBweDtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNjRweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xufVxuQHNjcmVlbiBsZyB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogMjgwcHg7XG4gIH1cbn1cbkBzY3JlZW4geGwge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gICAgd2lkdGg6IDMyMHB4O1xuICB9XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX2hlYWRlciB7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBwYWRkaW5nLWJvdHRvbTogOHB4O1xufVxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAxMjBweCk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCAubmVldG8tdWktY29sb3JwaWNrZXJfX3RhcmdldCAubmVldG8tdWktY29sb3JwaWNrZXItdGFyZ2V0X19jb2RlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1wcmV2aWV3X193cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLWhpZ2hsaWdodC1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYXBwbHktYnRuIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAxMnB4O1xuICAtLW5lZXRvLXVpLWJ0bi1ib3JkZXItcmFkaXVzOiAxMDBweDtcbn1cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG46ZGlzYWJsZWQsIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufSJdfQ== */";
1895
1929
  n(css,{});
1896
1930
 
1897
1931
  export { index as NeetoThemesBuilder, setTheme, useThemeUtils };