@owp/core 2.5.4 → 2.5.5

package/dist/features/themePreview/utils/themePreviewSettings.js

@@ -0,0 +1,211 @@
+var E = Object.defineProperty;
+var o = (e, t) => E(e, "name", { value: t, configurable: !0 });
+import { toolbarCuratedPresetKeys as _ } from "../configs/presets.js";
+import { defaultSnackbarTheme as d, defaultSnackbarProviderProps as k } from "../configs/snackbar.js";
+import { merge as l } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { isString as N } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isString.js";
+import { isObject as h } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isObject.js";
+const j = "__custom__", V = ["grid", "table", "snackbar"];
+let v = null, S = null;
+const b = "snackbarProviderProps.";
+function u(e) {
+  return h(e) ? e : {};
+}
+o(u, "asObjectRecord");
+function I(e, t = d) {
+  const a = "snackbar" in e && h(e.snackbar) ? e.snackbar : void 0;
+  return l({}, d, t, a);
+}
+o(I, "getThemePreviewSnackbarTheme");
+function R(e, t = k) {
+  const a = "snackbarProviderProps" in e && h(e.snackbarProviderProps) ? e.snackbarProviderProps : void 0;
+  return l(
+    {},
+    k,
+    t,
+    a
+  );
+}
+o(R, "getThemePreviewSnackbarProviderProps");
+function T(e, t = d) {
+  return l({}, e, {
+    snackbar: I(e, t),
+    snackbarProviderProps: R(e)
+  });
+}
+o(T, "createThemePreviewSettings");
+function A(e) {
+  return V.includes(e);
+}
+o(A, "isThemePreviewCustomSection");
+function p(e, t) {
+  switch (t) {
+    case "grid":
+      return u(e.theme.main.grid);
+    case "table":
+      return u(e.theme.main.table);
+    case "snackbar":
+      return u(e.snackbar);
+    default:
+      return u(e.theme[t].palette);
+  }
+}
+o(p, "getThemePreviewSectionTarget");
+function w(e) {
+  return T(e);
+}
+o(w, "cloneThemePreviewSettings");
+function H(e, t, a = d) {
+  return l({}, T(e, a), {
+    theme: t
+  });
+}
+o(H, "getThemePreviewResetSettings");
+function O(e, t, a) {
+  const [r, i] = a.startsWith(b) ? [u(e.snackbarProviderProps), a.slice(b.length)] : [p(e, t), a], n = i.split(".").reduce((c, s) => u(c)[s], r);
+  return typeof n == "number" ? String(n) : N(n) ? n : "";
+}
+o(O, "getThemePreviewPaletteValue");
+function f(e, t) {
+  return e.theme[t].palette.mode === "dark" ? "dark" : "light";
+}
+o(f, "getThemePreviewSectionMode");
+function F(e) {
+  return T(v ?? e);
+}
+o(F, "getThemePreviewDraftSettings");
+function U(e) {
+  v = w(e);
+}
+o(U, "setThemePreviewDraftSettings");
+function X(e, t) {
+  return l(
+    {
+      selectedPresetKeys: t,
+      selectedModes: {
+        main: f(e, "main"),
+        navbar: f(e, "navbar"),
+        toolbar: f(e, "toolbar")
+      }
+    },
+    S ?? {}
+  );
+}
+o(X, "getThemePreviewSelectionState");
+function Y(e) {
+  S = l({}, e);
+}
+o(Y, "setThemePreviewSelectionState");
+function $() {
+  v = null, S = null;
+}
+o($, "resetThemePreviewSessionState");
+function x(e, t, a) {
+  const r = t.split("."), i = r.pop();
+  if (!i)
+    return;
+  let n = e;
+  r.forEach((s) => {
+    const P = n[s];
+    h(P) || (n[s] = {}), n = u(n[s]);
+  });
+  const c = n[i];
+  if (typeof c == "number") {
+    const s = Number(a.replace(/,/g, "."));
+    n[i] = Number.isNaN(s) ? c : s;
+    return;
+  }
+  n[i] = a;
+}
+o(x, "applyThemePreviewPaletteValue");
+function y(e, t, a) {
+  if (!a.length)
+    return e;
+  const r = w(e), i = p(r, t), n = u(r.snackbarProviderProps);
+  switch (a.forEach(({ path: c, value: s }) => {
+    const P = c.startsWith(
+      b
+    ), m = P ? c.slice(b.length) : c;
+    x(
+      P ? n : i,
+      m,
+      s
+    );
+  }), r.snackbarProviderProps = n, t) {
+    case "grid":
+      return r.theme.main.grid = i, r;
+    case "table":
+      return r.theme.main.table = i, r;
+    case "snackbar":
+      return r.snackbar = i, r;
+    default:
+      return r.theme[t].palette = i, r;
+  }
+}
+o(y, "setThemePreviewPaletteValues");
+function q(e, t, a, r) {
+  return y(e, t, [{ path: a, value: r }]);
+}
+o(q, "setThemePreviewPaletteValue");
+function z(e) {
+  const t = /^(light|dark)(\d+)$/, a = new Set(_);
+  return Object.entries(e).reduce((r, [i, n]) => (n != null && n.palette && r.push({
+    key: i,
+    label: i,
+    mode: n.palette.mode === "dark" ? "dark" : "light",
+    sections: a.has(i) ? ["toolbar"] : void 0,
+    originalIndex: r.length
+  }), r), []).sort((r, i) => {
+    const n = r.key.match(t), c = i.key.match(t), s = !!n;
+    if (s !== !!c)
+      return s ? 1 : -1;
+    if (n && c) {
+      const m = (n[1] === "light" ? 0 : 1) - (c[1] === "light" ? 0 : 1);
+      if (m !== 0)
+        return m;
+      const g = Number(n[2]) - Number(c[2]);
+      if (g !== 0)
+        return g;
+    }
+    return r.originalIndex - i.originalIndex;
+  }).map((r) => ({
+    key: r.key,
+    label: r.label,
+    mode: r.mode,
+    sections: r.sections
+  }));
+}
+o(z, "getThemePreviewPresetOptions");
+function G(e, t, a) {
+  return e.filter(
+    (r) => r.mode === a && (!r.sections || r.sections.includes(t))
+  );
+}
+o(G, "getThemePreviewPresetOptionsByMode");
+function J(e, t, a) {
+  return l({}, e, {
+    theme: {
+      [t]: a
+    }
+  });
+}
+o(J, "applyThemePreviewPreset");
+export {
+  j as THEME_PREVIEW_CUSTOM_PRESET_KEY,
+  J as applyThemePreviewPreset,
+  w as cloneThemePreviewSettings,
+  F as getThemePreviewDraftSettings,
+  O as getThemePreviewPaletteValue,
+  z as getThemePreviewPresetOptions,
+  G as getThemePreviewPresetOptionsByMode,
+  H as getThemePreviewResetSettings,
+  f as getThemePreviewSectionMode,
+  X as getThemePreviewSelectionState,
+  A as isThemePreviewCustomSection,
+  $ as resetThemePreviewSessionState,
+  U as setThemePreviewDraftSettings,
+  q as setThemePreviewPaletteValue,
+  y as setThemePreviewPaletteValues,
+  Y as setThemePreviewSelectionState
+};
+//# sourceMappingURL=themePreviewSettings.js.map

package/dist/features/themePreview/utils/themePreviewSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePreviewSettings.js","sources":["../../../../src/features/themePreview/utils/themePreviewSettings.ts"],"sourcesContent":["import { toolbarCuratedPresetKeys } from '@/features/themePreview/configs/presets';\nimport {\n  defaultSnackbarProviderProps,\n  defaultSnackbarTheme,\n  type SnackbarProviderTheme,\n  type SnackbarTheme,\n} from '@/features/themePreview/configs/snackbar';\nimport type { OwpSettingsConfigType } from '@/types';\nimport { isObject, isString, merge } from 'es-toolkit/compat';\nimport type { PartialDeep } from 'type-fest';\nimport type {\n  ThemePreviewMode,\n  ThemePreviewPresetKeyBySection,\n  ThemePreviewPresetOption,\n  ThemePreviewPresetSectionKey,\n  ThemePreviewPresetThemes,\n  ThemePreviewSectionKey,\n  ThemePreviewSettings,\n} from '../types';\n\nexport const THEME_PREVIEW_CUSTOM_PRESET_KEY = '__custom__';\nconst themePreviewCustomSectionKeys = ['grid', 'table', 'snackbar'] as const;\n\ntype ThemePreviewSelectionState = {\n  selectedModes: Record<ThemePreviewPresetSectionKey, ThemePreviewMode>;\n  selectedPresetKeys: ThemePreviewPresetKeyBySection;\n};\n\nlet persistedThemePreviewDraftSettings: ThemePreviewSettings | null = null;\nlet persistedThemePreviewSelectionState: ThemePreviewSelectionState | null = null;\nconst THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX = 'snackbarProviderProps.';\ntype ThemePreviewPaletteValueUpdate = {\n  path: string;\n  value: string;\n};\n\nfunction asObjectRecord(value: unknown) {\n  return isObject(value) ? (value as Record<string, unknown>) : {};\n}\n\nfunction getThemePreviewSnackbarTheme(\n  settings: OwpSettingsConfigType | ThemePreviewSettings,\n  snackbar = defaultSnackbarTheme,\n) {\n  const nextSnackbar =\n    'snackbar' in settings && isObject(settings.snackbar) ? settings.snackbar : undefined;\n\n  return merge({}, defaultSnackbarTheme, snackbar, nextSnackbar) as SnackbarTheme;\n}\n\nfunction getThemePreviewSnackbarProviderProps(\n  settings: OwpSettingsConfigType | ThemePreviewSettings,\n  snackbarProviderProps = defaultSnackbarProviderProps,\n) {\n  const nextSnackbarProviderProps =\n    'snackbarProviderProps' in settings && isObject(settings.snackbarProviderProps)\n      ? settings.snackbarProviderProps\n      : undefined;\n\n  return merge(\n    {},\n    defaultSnackbarProviderProps,\n    snackbarProviderProps,\n    nextSnackbarProviderProps,\n  ) as SnackbarProviderTheme;\n}\n\nfunction createThemePreviewSettings(\n  settings: OwpSettingsConfigType | ThemePreviewSettings,\n  snackbar = defaultSnackbarTheme,\n) {\n  return merge({}, settings, {\n    snackbar: getThemePreviewSnackbarTheme(settings, snackbar),\n    snackbarProviderProps: getThemePreviewSnackbarProviderProps(settings),\n  }) as ThemePreviewSettings;\n}\n\nexport function isThemePreviewCustomSection(sectionKey: ThemePreviewSectionKey) {\n  return (themePreviewCustomSectionKeys as readonly ThemePreviewSectionKey[]).includes(sectionKey);\n}\n\nfunction getThemePreviewSectionTarget(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewSectionKey,\n) {\n  switch (sectionKey) {\n    case 'grid':\n      return asObjectRecord(settings.theme.main.grid);\n    case 'table':\n      return asObjectRecord(settings.theme.main.table);\n    case 'snackbar':\n      return asObjectRecord(settings.snackbar);\n    default:\n      return asObjectRecord(settings.theme[sectionKey].palette);\n  }\n}\n\nexport function cloneThemePreviewSettings(settings: ThemePreviewSettings) {\n  return createThemePreviewSettings(settings);\n}\n\nexport function getThemePreviewResetSettings(\n  settings: OwpSettingsConfigType,\n  resetTheme: PartialDeep<OwpSettingsConfigType['theme']>,\n  snackbar = defaultSnackbarTheme,\n) {\n  return merge({}, createThemePreviewSettings(settings, snackbar), {\n    theme: resetTheme,\n  }) as ThemePreviewSettings;\n}\n\nexport function getThemePreviewPaletteValue(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewSectionKey,\n  path: string,\n) {\n  const [pathSource, resolvedPath] = path.startsWith(THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX)\n    ? [asObjectRecord(settings.snackbarProviderProps), path.slice(THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX.length)]\n    : [getThemePreviewSectionTarget(settings, sectionKey), path];\n\n  const value = resolvedPath.split('.').reduce<unknown>((acc, key) => {\n    const currentValue = asObjectRecord(acc);\n\n    return currentValue[key];\n  }, pathSource);\n\n  if (typeof value === 'number') {\n    return String(value);\n  }\n\n  return isString(value) ? value : '';\n}\n\nexport function getThemePreviewSectionMode(\n  settings: OwpSettingsConfigType,\n  sectionKey: ThemePreviewPresetSectionKey,\n) {\n  return settings.theme[sectionKey].palette.mode === 'dark' ? 'dark' : 'light';\n}\n\nexport function getThemePreviewDraftSettings(currentSettings: OwpSettingsConfigType) {\n  return createThemePreviewSettings(persistedThemePreviewDraftSettings ?? currentSettings);\n}\n\nexport function setThemePreviewDraftSettings(settings: ThemePreviewSettings) {\n  persistedThemePreviewDraftSettings = cloneThemePreviewSettings(settings);\n}\n\nexport function getThemePreviewSelectionState(\n  settings: OwpSettingsConfigType,\n  initialPresetKeys: ThemePreviewPresetKeyBySection,\n) {\n  return merge(\n    {\n      selectedPresetKeys: initialPresetKeys,\n      selectedModes: {\n        main: getThemePreviewSectionMode(settings, 'main'),\n        navbar: getThemePreviewSectionMode(settings, 'navbar'),\n        toolbar: getThemePreviewSectionMode(settings, 'toolbar'),\n      },\n    },\n    persistedThemePreviewSelectionState ?? {},\n  ) as ThemePreviewSelectionState;\n}\n\nexport function setThemePreviewSelectionState(selectionState: ThemePreviewSelectionState) {\n  persistedThemePreviewSelectionState = merge({}, selectionState) as ThemePreviewSelectionState;\n}\n\nexport function resetThemePreviewSessionState() {\n  persistedThemePreviewDraftSettings = null;\n  persistedThemePreviewSelectionState = null;\n}\n\nfunction applyThemePreviewPaletteValue(\n  target: Record<string, unknown>,\n  path: string,\n  value: string,\n) {\n  const pathKeys = path.split('.');\n  const lastPathKey = pathKeys.pop();\n\n  if (!lastPathKey) {\n    return;\n  }\n\n  let currentTarget = target;\n\n  pathKeys.forEach((key) => {\n    const nextTarget = currentTarget[key];\n\n    if (!isObject(nextTarget)) {\n      currentTarget[key] = {};\n    }\n\n    currentTarget = asObjectRecord(currentTarget[key]);\n  });\n\n  const currentValue = currentTarget[lastPathKey];\n\n  if (typeof currentValue === 'number') {\n    const nextNumericValue = Number(value.replace(/,/g, '.'));\n    currentTarget[lastPathKey] = Number.isNaN(nextNumericValue) ? currentValue : nextNumericValue;\n    return;\n  }\n\n  currentTarget[lastPathKey] = value;\n}\n\nexport function setThemePreviewPaletteValues(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewSectionKey,\n  updates: ThemePreviewPaletteValueUpdate[],\n) {\n  if (!updates.length) {\n    return settings;\n  }\n\n  const nextSettings = cloneThemePreviewSettings(settings);\n  const sectionTarget = getThemePreviewSectionTarget(nextSettings, sectionKey);\n  const snackbarProviderPropsTarget = asObjectRecord(nextSettings.snackbarProviderProps);\n\n  updates.forEach(({ path, value }) => {\n    const isSnackbarProviderPropsPath = path.startsWith(\n      THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX,\n    );\n    const resolvedPath = isSnackbarProviderPropsPath\n      ? path.slice(THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX.length)\n      : path;\n\n    applyThemePreviewPaletteValue(\n      isSnackbarProviderPropsPath ? snackbarProviderPropsTarget : sectionTarget,\n      resolvedPath,\n      value,\n    );\n  });\n\n  nextSettings.snackbarProviderProps = snackbarProviderPropsTarget as SnackbarProviderTheme;\n\n  switch (sectionKey) {\n    case 'grid':\n      nextSettings.theme.main.grid =\n        sectionTarget as OwpSettingsConfigType['theme']['main']['grid'];\n      return nextSettings;\n    case 'table':\n      nextSettings.theme.main.table =\n        sectionTarget as OwpSettingsConfigType['theme']['main']['table'];\n      return nextSettings;\n    case 'snackbar':\n      nextSettings.snackbar = sectionTarget as SnackbarTheme;\n      return nextSettings;\n    default:\n      nextSettings.theme[sectionKey].palette = sectionTarget;\n      return nextSettings;\n  }\n}\n\nexport function setThemePreviewPaletteValue(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewSectionKey,\n  path: string,\n  value: string,\n) {\n  return setThemePreviewPaletteValues(settings, sectionKey, [{ path, value }]);\n}\n\nexport function getThemePreviewPresetOptions(presetThemes: ThemePreviewPresetThemes) {\n  const numberedPresetPattern = /^(light|dark)(\\d+)$/;\n  const toolbarCuratedPresetKeySet = new Set<string>(toolbarCuratedPresetKeys);\n\n  return Object.entries(presetThemes)\n    .reduce<Array<ThemePreviewPresetOption & { originalIndex: number }>>((acc, [key, theme]) => {\n      if (!theme?.palette) {\n        return acc;\n      }\n\n      acc.push({\n        key,\n        label: key,\n        mode: theme.palette.mode === 'dark' ? 'dark' : 'light',\n        sections: toolbarCuratedPresetKeySet.has(key) ? ['toolbar'] : undefined,\n        originalIndex: acc.length,\n      });\n\n      return acc;\n    }, [])\n    .sort((leftOption, rightOption) => {\n      const leftMatch = leftOption.key.match(numberedPresetPattern);\n      const rightMatch = rightOption.key.match(numberedPresetPattern);\n      const leftIsNumberedPreset = Boolean(leftMatch);\n      const rightIsNumberedPreset = Boolean(rightMatch);\n\n      if (leftIsNumberedPreset !== rightIsNumberedPreset) {\n        return leftIsNumberedPreset ? 1 : -1;\n      }\n\n      if (leftMatch && rightMatch) {\n        const familyOrder =\n          (leftMatch[1] === 'light' ? 0 : 1) - (rightMatch[1] === 'light' ? 0 : 1);\n\n        if (familyOrder !== 0) {\n          return familyOrder;\n        }\n\n        const presetNumberOrder = Number(leftMatch[2]) - Number(rightMatch[2]);\n\n        if (presetNumberOrder !== 0) {\n          return presetNumberOrder;\n        }\n      }\n\n      return leftOption.originalIndex - rightOption.originalIndex;\n    })\n    .map((presetOption) => ({\n      key: presetOption.key,\n      label: presetOption.label,\n      mode: presetOption.mode,\n      sections: presetOption.sections,\n    }));\n}\n\nexport function getThemePreviewPresetOptionsByMode(\n  presetOptions: ThemePreviewPresetOption[],\n  sectionKey: ThemePreviewPresetSectionKey,\n  mode: 'light' | 'dark',\n) {\n  return presetOptions.filter(\n    (presetOption) =>\n      presetOption.mode === mode &&\n      (!presetOption.sections || presetOption.sections.includes(sectionKey)),\n  );\n}\n\nexport function applyThemePreviewPreset(\n  settings: ThemePreviewSettings,\n  sectionKey: ThemePreviewPresetSectionKey,\n  presetTheme: ThemePreviewPresetThemes[string],\n) {\n  return merge({}, settings, {\n    theme: {\n      [sectionKey]: presetTheme,\n    },\n  }) as ThemePreviewSettings;\n}\n"],"names":["THEME_PREVIEW_CUSTOM_PRESET_KEY","themePreviewCustomSectionKeys","persistedThemePreviewDraftSettings","persistedThemePreviewSelectionState","THEME_PREVIEW_SNACKBAR_PROVIDER_PROPS_PATH_PREFIX","asObjectRecord","value","isObject","__name","getThemePreviewSnackbarTheme","settings","snackbar","defaultSnackbarTheme","nextSnackbar","merge","getThemePreviewSnackbarProviderProps","snackbarProviderProps","defaultSnackbarProviderProps","nextSnackbarProviderProps","createThemePreviewSettings","isThemePreviewCustomSection","sectionKey","getThemePreviewSectionTarget","cloneThemePreviewSettings","getThemePreviewResetSettings","resetTheme","getThemePreviewPaletteValue","path","pathSource","resolvedPath","acc","key","isString","getThemePreviewSectionMode","getThemePreviewDraftSettings","currentSettings","setThemePreviewDraftSettings","getThemePreviewSelectionState","initialPresetKeys","setThemePreviewSelectionState","selectionState","resetThemePreviewSessionState","applyThemePreviewPaletteValue","target","pathKeys","lastPathKey","currentTarget","nextTarget","currentValue","nextNumericValue","setThemePreviewPaletteValues","updates","nextSettings","sectionTarget","snackbarProviderPropsTarget","isSnackbarProviderPropsPath","setThemePreviewPaletteValue","getThemePreviewPresetOptions","presetThemes","numberedPresetPattern","toolbarCuratedPresetKeySet","toolbarCuratedPresetKeys","theme","leftOption","rightOption","leftMatch","rightMatch","leftIsNumberedPreset","familyOrder","presetNumberOrder","presetOption","getThemePreviewPresetOptionsByMode","presetOptions","mode","applyThemePreviewPreset","presetTheme"],"mappings":"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"}

package/dist/features/themePreview.js

@@ -0,0 +1,75 @@
+import { defaultGridTheme as r } from "./themePreview/configs/grid.js";
+import { darkPaletteText as a, defaultNavbarDivider as i, defaultNavbarSecondaryPalette as m, defaultPrimaryPalette as l, defaultSecondaryPalette as P, defaultToolbarDivider as s, defaultToolbarSecondaryPalette as T, designSystemPresetKeys as v, legacyPresetCleanupCandidateKeys as p, lightPaletteText as h, themePreviewPresetContractKeys as n, themesConfig as f, toolbarCuratedPresetKeys as d } from "./themePreview/configs/presets.js";
+import { clearThemePreviewAppliedSettings as S, clearThemePreviewTemporaryState as g, getResolvedThemePreviewSettingsConfig as u, getThemePreviewAppliedSettings as c, getThemePreviewTemporaryState as x, persistThemePreviewAppliedSettings as y, persistThemePreviewTemporaryState as C } from "./themePreview/configs/previewStorage.js";
+import { defaultSettingsConfig as V } from "./themePreview/configs/settings.js";
+import { defaultSnackbarProviderProps as D, defaultSnackbarTheme as k, snackbarVariantKeys as K } from "./themePreview/configs/snackbar.js";
+import { defaultLayoutSurface as M } from "./themePreview/configs/surface.js";
+import { defaultTableTheme as R } from "./themePreview/configs/table.js";
+import { ThemePreviewCanvas as G } from "./themePreview/components/ThemePreviewCanvas.js";
+import { ThemePreviewColorField as F } from "./themePreview/components/ThemePreviewColorField.js";
+import { ThemePreviewControls as H } from "./themePreview/components/ThemePreviewControls.js";
+import { ThemePreviewDialog as L } from "./themePreview/dialogs/ThemePreviewDialog.js";
+import { useThemePreview as W } from "./themePreview/hooks/useThemePreview.js";
+import { applyColorPickerValue as j, canDeriveThemePreviewColor as q, deriveThemePreviewPaletteGroupValues as z, getColorAlphaValue as J, toColorPickerValue as Q } from "./themePreview/utils/color.js";
+import { createThemePreviewExportData as Z } from "./themePreview/utils/themePreviewExport.js";
+import { themePreviewFieldGroupsBySection as ee, themePreviewSectionOptions as te } from "./themePreview/utils/themePreviewDefinitions.js";
+import { THEME_PREVIEW_CUSTOM_PRESET_KEY as oe, applyThemePreviewPreset as ae, cloneThemePreviewSettings as ie, getThemePreviewDraftSettings as me, getThemePreviewPaletteValue as le, getThemePreviewPresetOptions as Pe, getThemePreviewPresetOptionsByMode as se, getThemePreviewResetSettings as Te, getThemePreviewSectionMode as ve, getThemePreviewSelectionState as pe, isThemePreviewCustomSection as he, resetThemePreviewSessionState as ne, setThemePreviewDraftSettings as fe, setThemePreviewPaletteValue as de, setThemePreviewPaletteValues as we, setThemePreviewSelectionState as Se } from "./themePreview/utils/themePreviewSettings.js";
+export {
+  oe as THEME_PREVIEW_CUSTOM_PRESET_KEY,
+  G as ThemePreviewCanvas,
+  F as ThemePreviewColorField,
+  H as ThemePreviewControls,
+  L as ThemePreviewDialog,
+  j as applyColorPickerValue,
+  ae as applyThemePreviewPreset,
+  q as canDeriveThemePreviewColor,
+  S as clearThemePreviewAppliedSettings,
+  g as clearThemePreviewTemporaryState,
+  ie as cloneThemePreviewSettings,
+  Z as createThemePreviewExportData,
+  a as darkPaletteText,
+  r as defaultGridTheme,
+  M as defaultLayoutSurface,
+  i as defaultNavbarDivider,
+  m as defaultNavbarSecondaryPalette,
+  l as defaultPrimaryPalette,
+  P as defaultSecondaryPalette,
+  V as defaultSettingsConfig,
+  D as defaultSnackbarProviderProps,
+  k as defaultSnackbarTheme,
+  R as defaultTableTheme,
+  s as defaultToolbarDivider,
+  T as defaultToolbarSecondaryPalette,
+  z as deriveThemePreviewPaletteGroupValues,
+  v as designSystemPresetKeys,
+  J as getColorAlphaValue,
+  u as getResolvedThemePreviewSettingsConfig,
+  c as getThemePreviewAppliedSettings,
+  me as getThemePreviewDraftSettings,
+  le as getThemePreviewPaletteValue,
+  Pe as getThemePreviewPresetOptions,
+  se as getThemePreviewPresetOptionsByMode,
+  Te as getThemePreviewResetSettings,
+  ve as getThemePreviewSectionMode,
+  pe as getThemePreviewSelectionState,
+  x as getThemePreviewTemporaryState,
+  he as isThemePreviewCustomSection,
+  p as legacyPresetCleanupCandidateKeys,
+  h as lightPaletteText,
+  y as persistThemePreviewAppliedSettings,
+  C as persistThemePreviewTemporaryState,
+  ne as resetThemePreviewSessionState,
+  fe as setThemePreviewDraftSettings,
+  de as setThemePreviewPaletteValue,
+  we as setThemePreviewPaletteValues,
+  Se as setThemePreviewSelectionState,
+  K as snackbarVariantKeys,
+  ee as themePreviewFieldGroupsBySection,
+  n as themePreviewPresetContractKeys,
+  te as themePreviewSectionOptions,
+  f as themesConfig,
+  Q as toColorPickerValue,
+  d as toolbarCuratedPresetKeys,
+  W as useThemePreview
+};
+//# sourceMappingURL=themePreview.js.map

package/dist/features/themePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePreview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/layout/components/logo/Logo.js

@@ -1,12 +1,13 @@
-var C = Object.defineProperty;
-var d = (t, r) => C(t, "name", { value: r, configurable: !0 });
-import { jsx as e, jsxs as A } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpAppContext as O } from "../../../contexts/OwpAppProvider.js";
-import { useGetLogoSrc as k } from "../../../hooks/useLogoSrc.js";
-import { Skeleton as z } from "@mui/material";
-import { styled as q } from "@mui/material/styles";
-import { useRef as I, useState as S, useLayoutEffect as F } from "react";
-const B = q("div")(({ theme: t }) => ({
+var A = Object.defineProperty;
+var m = (t, r) => A(t, "name", { value: r, configurable: !0 });
+import { jsx as e, jsxs as O } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpAppContext as k } from "../../../contexts/OwpAppProvider.js";
+import { useGetLogoSrc as z } from "../../../hooks/useLogoSrc.js";
+import { Skeleton as q } from "@mui/material";
+import { styled as B } from "@mui/material/styles";
+import { useRef as I, useState as w, useLayoutEffect as F } from "react";
+const M = B("div")(({ theme: t }) => ({
+  height: "100%",
   minWidth: 0,
   maxWidth: "100%",
   "& > .logo-icon": {
@@ -20,10 +21,13 @@ const B = q("div")(({ theme: t }) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-start",
+    width: "100%",
+    height: "100%",
     minWidth: 0,
     minHeight: 0,
     maxWidth: "100%",
     maxHeight: "100%",
+    flexShrink: 1,
     overflow: "visible"
   },
   "& > .logo-slot > .logo-slot-frame": {
@@ -76,63 +80,63 @@ const B = q("div")(({ theme: t }) => ({
     })
   }
 }));
-function K() {
-  const t = k(), { slots: r, slotProps: m } = O(), s = r == null ? void 0 : r.logo, a = m == null ? void 0 : m.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), w = I(null), N = I(null), [L, f] = S(1), [H, g] = S({}), [R, l] = S(!s);
+function Q() {
+  const t = z(), { slots: r, slotProps: h } = k(), i = r == null ? void 0 : r.logo, a = h == null ? void 0 : h.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), N = I(null), R = I(null), [L, g] = w(1), [H, f] = w({}), [l, c] = w(!i);
   return F(() => {
-    if (!s) {
-      f(1), g({}), l(!0);
+    if (!i) {
+      g(1), f({}), c(!0);
       return;
     }
-    const c = w.current, n = N.current, h = c == null ? void 0 : c.parentElement;
-    if (!c || !n || !h)
+    const d = N.current, o = R.current, u = d == null ? void 0 : d.parentElement;
+    if (!d || !o || !u)
       return;
-    let u = 0;
-    l(!1);
-    const j = /* @__PURE__ */ d(() => {
-      const { width: o, height: E } = h.getBoundingClientRect(), v = n.scrollWidth || n.offsetWidth, x = n.scrollHeight || n.offsetHeight;
-      if (!o || !E || !v || !x) {
-        f(1), g({}), l(!1);
+    let p = 0;
+    c(!1);
+    const j = /* @__PURE__ */ m(() => {
+      const { width: n, height: E } = u.getBoundingClientRect(), C = o.getBoundingClientRect(), x = C.width || o.scrollWidth || o.offsetWidth, y = C.height || o.scrollHeight || o.offsetHeight;
+      if (!n || !E || !x || !y) {
+        g(1), f({}), c(!1);
         return;
       }
-      const y = Math.min(o / v, E / x, 1);
-      f(y), g({
-        width: v * y,
-        height: x * y
-      }), l(!0);
-    }, "updateScale"), i = /* @__PURE__ */ d(() => {
-      cancelAnimationFrame(u), u = requestAnimationFrame(j);
+      const S = Math.min(n / x, E / y, 1);
+      g(S), f({
+        width: x * S,
+        height: y * S
+      }), c(!0);
+    }, "updateScale"), s = /* @__PURE__ */ m(() => {
+      cancelAnimationFrame(p), p = requestAnimationFrame(j);
     }, "requestUpdate");
-    i();
-    const p = new ResizeObserver(i);
-    p.observe(h), p.observe(n);
-    const W = Array.from(n.querySelectorAll("img"));
-    return W.forEach((o) => {
-      o.addEventListener("load", i), o.addEventListener("error", i);
+    s();
+    const v = new ResizeObserver(s);
+    v.observe(u), v.observe(o);
+    const W = Array.from(o.querySelectorAll("img"));
+    return W.forEach((n) => {
+      n.addEventListener("load", s), n.addEventListener("error", s);
     }), () => {
-      cancelAnimationFrame(u), p.disconnect(), W.forEach((o) => {
-        o.removeEventListener("load", i), o.removeEventListener("error", i);
+      cancelAnimationFrame(p), v.disconnect(), W.forEach((n) => {
+        n.removeEventListener("load", s), n.removeEventListener("error", s);
       });
     };
-  }, [s]), /* @__PURE__ */ e(B, { ref: w, className: "flex items-center space-x-8", children: s ? /* @__PURE__ */ A("div", { className: "logo-icon logo-slot", children: [
-    !R && /* @__PURE__ */ e(z, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
+  }, [i]), /* @__PURE__ */ e(M, { ref: N, className: "flex items-center space-x-8", children: i ? /* @__PURE__ */ O("div", { className: "logo-icon logo-slot", children: [
+    !l && /* @__PURE__ */ e(q, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
     /* @__PURE__ */ e(
       "div",
       {
         className: "logo-slot-frame",
         style: {
           transform: "translateX(-8px)",
-          width: H.width,
-          height: H.height,
-          visibility: R ? "visible" : "hidden"
+          width: l ? H.width : 0,
+          height: l ? H.height : 0,
+          visibility: l ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(s, { ...a, className: b }) }) })
+        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(i, { ...a, className: b }) }) })
       }
     ),
-    /* @__PURE__ */ e("div", { ref: N, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(s, { ...a, className: b }) })
+    /* @__PURE__ */ e("div", { ref: R, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(i, { ...a, className: b }) })
   ] }) : /* @__PURE__ */ e("img", { className: "logo-icon", src: t, alt: "logo" }) });
 }
-d(K, "Logo");
+m(Q, "Logo");
 export {
-  K as default
+  Q as default
 };
 //# sourceMappingURL=Logo.js.map

package/dist/layout/components/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../src/layout/components/logo/Logo.tsx"],"sourcesContent":["import { useOwpAppContext as useAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetLogoSrc } from '@/hooks/useLogoSrc';\nimport { Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nconst Root = styled('div')(({ theme }) => ({\n  minWidth: 0,\n  maxWidth: '100%',\n  '& > .logo-icon': {\n    transition: theme.transitions.create(['width', 'height'], {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n  '& > .logo-slot': {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    overflow: 'visible',\n  },\n  '& > .logo-slot > .logo-slot-frame': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'hidden',\n  },\n  '& .logo-slot-transform': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    transformOrigin: 'left center',\n  },\n  '& .logo-slot-content, & .logo-slot-measure': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'fit-content',\n    height: 'fit-content',\n  },\n  '& .logo-slot-measure': {\n    position: 'absolute',\n    top: 0,\n    left: -99999,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n  },\n  '& .logo-slot-skeleton': {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 'min(100%, 160px)',\n    minHeight: 70,\n    height: 70,\n    maxHeight: '100%',\n    transform: 'translate(-50%, -50%)',\n    borderRadius: theme.shape.borderRadius,\n  },\n  '& > .badge': {\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n}));\n\n/**\n * The logo component.\n */\nfunction Logo() {\n  const logoSrc = useGetLogoSrc();\n  const { slots, slotProps } = useAppContext();\n  const LogoSlot = slots?.logo;\n  const logoSlotProps = slotProps?.logo;\n  const logoSlotClassName = ['owp-logo-slot-content', logoSlotProps?.className]\n    .filter(Boolean)\n    .join(' ');\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const slotMeasureRef = useRef<HTMLDivElement | null>(null);\n  const [slotScale, setSlotScale] = useState(1);\n  const [slotSize, setSlotSize] = useState<{ width?: number; height?: number }>({});\n  const [isSlotReady, setIsSlotReady] = useState(!LogoSlot);\n\n  useLayoutEffect(() => {\n    if (!LogoSlot) {\n      setSlotScale(1);\n      setSlotSize({});\n      setIsSlotReady(true);\n      return;\n    }\n\n    const rootElement = rootRef.current;\n    const measureElement = slotMeasureRef.current;\n    const boundaryElement = rootElement?.parentElement;\n\n    if (!rootElement || !measureElement || !boundaryElement) {\n      return;\n    }\n\n    let frameId = 0;\n    setIsSlotReady(false);\n\n    const updateScale = () => {\n      const { width: boundaryWidth, height: boundaryHeight } =\n        boundaryElement.getBoundingClientRect();\n      const contentWidth = measureElement.scrollWidth || measureElement.offsetWidth;\n      const contentHeight = measureElement.scrollHeight || measureElement.offsetHeight;\n\n      if (!boundaryWidth || !boundaryHeight || !contentWidth || !contentHeight) {\n        setSlotScale(1);\n        setSlotSize({});\n        setIsSlotReady(false);\n        return;\n      }\n\n      const nextScale = Math.min(boundaryWidth / contentWidth, boundaryHeight / contentHeight, 1);\n\n      setSlotScale(nextScale);\n      setSlotSize({\n        width: contentWidth * nextScale,\n        height: contentHeight * nextScale,\n      });\n      setIsSlotReady(true);\n    };\n\n    const requestUpdate = () => {\n      cancelAnimationFrame(frameId);\n      frameId = requestAnimationFrame(updateScale);\n    };\n\n    requestUpdate();\n\n    const resizeObserver = new ResizeObserver(requestUpdate);\n    resizeObserver.observe(boundaryElement);\n    resizeObserver.observe(measureElement);\n\n    const imageElements = Array.from(measureElement.querySelectorAll('img'));\n    imageElements.forEach((imageElement) => {\n      imageElement.addEventListener('load', requestUpdate);\n      imageElement.addEventListener('error', requestUpdate);\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      resizeObserver.disconnect();\n      imageElements.forEach((imageElement) => {\n        imageElement.removeEventListener('load', requestUpdate);\n        imageElement.removeEventListener('error', requestUpdate);\n      });\n    };\n  }, [LogoSlot]);\n\n  return (\n    <Root ref={rootRef} className=\"flex items-center space-x-8\">\n      {LogoSlot ? (\n        <div className=\"logo-icon logo-slot\">\n          {!isSlotReady && (\n            <Skeleton animation=\"wave\" variant=\"rounded\" className=\"logo-slot-skeleton\" />\n          )}\n          <div\n            className=\"logo-slot-frame\"\n            style={{\n              transform: 'translateX(-8px)',\n              width: slotSize.width,\n              height: slotSize.height,\n              visibility: isSlotReady ? 'visible' : 'hidden',\n            }}\n          >\n            <div className=\"logo-slot-transform\" style={{ transform: `scale(${slotScale})` }}>\n              <div className=\"logo-slot-content\">\n                <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n              </div>\n            </div>\n          </div>\n          <div ref={slotMeasureRef} className=\"logo-slot-measure\" aria-hidden>\n            <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n          </div>\n        </div>\n      ) : (\n        <img className=\"logo-icon\" src={logoSrc} alt=\"logo\" />\n      )}\n    </Root>\n  );\n}\n\nexport default Logo;\n"],"names":["Root","styled","theme","Logo","logoSrc","useGetLogoSrc","slots","slotProps","useAppContext","LogoSlot","logoSlotProps","logoSlotClassName","rootRef","useRef","slotMeasureRef","slotScale","setSlotScale","useState","slotSize","setSlotSize","isSlotReady","setIsSlotReady","useLayoutEffect","rootElement","measureElement","boundaryElement","frameId","updateScale","__name","boundaryWidth","boundaryHeight","contentWidth","contentHeight","nextScale","requestUpdate","resizeObserver","imageElements","imageElement","jsx","jsxs","Skeleton"],"mappings":";;;;;;;;AAMA,MAAMA,IAAOC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACzC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,kBAAkB;AAAA,IAChB,YAAYA,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,MACxD,UAAUA,EAAM,YAAY,SAAS;AAAA,MACrC,QAAQA,EAAM,YAAY,OAAO;AAAA,IAAA,CAClC;AAAA,EAAA;AAAA,EAEH,kBAAkB;AAAA,IAChB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAAA,EAEZ,qCAAqC;AAAA,IACnC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAAA,EAEZ,0BAA0B;AAAA,IACxB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAAA,EAEnB,8CAA8C;AAAA,IAC5C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEV,wBAAwB;AAAA,IACtB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EAAA;AAAA,EAEd,yBAAyB;AAAA,IACvB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAcA,EAAM,MAAM;AAAA,EAAA;AAAA,EAE5B,cAAc;AAAA,IACZ,YAAYA,EAAM,YAAY,OAAO,WAAW;AAAA,MAC9C,UAAUA,EAAM,YAAY,SAAS;AAAA,MACrC,QAAQA,EAAM,YAAY,OAAO;AAAA,IAAA,CAClC;AAAA,EAAA;AAEL,EAAE;AAKF,SAASC,IAAO;AACd,QAAMC,IAAUC,EAAA,GACV,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcC,EAAA,GACvBC,IAAWH,KAAA,gBAAAA,EAAO,MAClBI,IAAgBH,KAAA,gBAAAA,EAAW,MAC3BI,IAAoB,CAAC,yBAAyBD,KAAA,gBAAAA,EAAe,SAAS,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,GACLE,IAAUC,EAA8B,IAAI,GAC5CC,IAAiBD,EAA8B,IAAI,GACnD,CAACE,GAAWC,CAAY,IAAIC,EAAS,CAAC,GACtC,CAACC,GAAUC,CAAW,IAAIF,EAA8C,CAAA,CAAE,GAC1E,CAACG,GAAaC,CAAc,IAAIJ,EAAS,CAACR,CAAQ;AAExD,SAAAa,EAAgB,MAAM;AACpB,QAAI,CAACb,GAAU;AACb,MAAAO,EAAa,CAAC,GACdG,EAAY,CAAA,CAAE,GACdE,EAAe,EAAI;AACnB;AAAA,IACF;AAEA,UAAME,IAAcX,EAAQ,SACtBY,IAAiBV,EAAe,SAChCW,IAAkBF,KAAA,gBAAAA,EAAa;AAErC,QAAI,CAACA,KAAe,CAACC,KAAkB,CAACC;AACtC;AAGF,QAAIC,IAAU;AACd,IAAAL,EAAe,EAAK;AAEpB,UAAMM,IAAc,gBAAAC,EAAA,MAAM;AACxB,YAAM,EAAE,OAAOC,GAAe,QAAQC,EAAA,IACpCL,EAAgB,sBAAA,GACZM,IAAeP,EAAe,eAAeA,EAAe,aAC5DQ,IAAgBR,EAAe,gBAAgBA,EAAe;AAEpE,UAAI,CAACK,KAAiB,CAACC,KAAkB,CAACC,KAAgB,CAACC,GAAe;AACxE,QAAAhB,EAAa,CAAC,GACdG,EAAY,CAAA,CAAE,GACdE,EAAe,EAAK;AACpB;AAAA,MACF;AAEA,YAAMY,IAAY,KAAK,IAAIJ,IAAgBE,GAAcD,IAAiBE,GAAe,CAAC;AAE1F,MAAAhB,EAAaiB,CAAS,GACtBd,EAAY;AAAA,QACV,OAAOY,IAAeE;AAAA,QACtB,QAAQD,IAAgBC;AAAA,MAAA,CACzB,GACDZ,EAAe,EAAI;AAAA,IACrB,GArBoB,gBAuBda,IAAgB,gBAAAN,EAAA,MAAM;AAC1B,2BAAqBF,CAAO,GAC5BA,IAAU,sBAAsBC,CAAW;AAAA,IAC7C,GAHsB;AAKtB,IAAAO,EAAA;AAEA,UAAMC,IAAiB,IAAI,eAAeD,CAAa;AACvD,IAAAC,EAAe,QAAQV,CAAe,GACtCU,EAAe,QAAQX,CAAc;AAErC,UAAMY,IAAgB,MAAM,KAAKZ,EAAe,iBAAiB,KAAK,CAAC;AACvE,WAAAY,EAAc,QAAQ,CAACC,MAAiB;AACtC,MAAAA,EAAa,iBAAiB,QAAQH,CAAa,GACnDG,EAAa,iBAAiB,SAASH,CAAa;AAAA,IACtD,CAAC,GAEM,MAAM;AACX,2BAAqBR,CAAO,GAC5BS,EAAe,WAAA,GACfC,EAAc,QAAQ,CAACC,MAAiB;AACtC,QAAAA,EAAa,oBAAoB,QAAQH,CAAa,GACtDG,EAAa,oBAAoB,SAASH,CAAa;AAAA,MACzD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAACzB,CAAQ,CAAC,GAGX,gBAAA6B,EAACtC,GAAA,EAAK,KAAKY,GAAS,WAAU,+BAC3B,UAAAH,IACC,gBAAA8B,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,IAAA,CAACnB,uBACCoB,GAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,sBAAqB;AAAA,IAE9E,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW;AAAA,UACX,OAAOpB,EAAS;AAAA,UAChB,QAAQA,EAAS;AAAA,UACjB,YAAYE,IAAc,YAAY;AAAA,QAAA;AAAA,QAGxC,UAAA,gBAAAkB,EAAC,SAAI,WAAU,uBAAsB,OAAO,EAAE,WAAW,SAASvB,CAAS,IAAA,GACzE,4BAAC,OAAA,EAAI,WAAU,qBACb,UAAA,gBAAAuB,EAAC7B,GAAA,EAAU,GAAGC,GAAe,WAAWC,EAAA,CAAmB,EAAA,CAC7D,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAA2B,EAAC,OAAA,EAAI,KAAKxB,GAAgB,WAAU,qBAAoB,eAAW,IACjE,UAAA,gBAAAwB,EAAC7B,GAAA,EAAU,GAAGC,GAAe,WAAWC,GAAmB,EAAA,CAC7D;AAAA,EAAA,EAAA,CACF,sBAEC,OAAA,EAAI,WAAU,aAAY,KAAKP,GAAS,KAAI,OAAA,CAAO,EAAA,CAExD;AAEJ;AAlHSwB,EAAAzB,GAAA;"}
+{"version":3,"file":"Logo.js","sources":["../../../../src/layout/components/logo/Logo.tsx"],"sourcesContent":["import { useOwpAppContext as useAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetLogoSrc } from '@/hooks/useLogoSrc';\nimport { Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nconst Root = styled('div')(({ theme }) => ({\n  height: '100%',\n  minWidth: 0,\n  maxWidth: '100%',\n  '& > .logo-icon': {\n    transition: theme.transitions.create(['width', 'height'], {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n  '& > .logo-slot': {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    height: '100%',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'visible',\n  },\n  '& > .logo-slot > .logo-slot-frame': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'hidden',\n  },\n  '& .logo-slot-transform': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    transformOrigin: 'left center',\n  },\n  '& .logo-slot-content, & .logo-slot-measure': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'fit-content',\n    height: 'fit-content',\n  },\n  '& .logo-slot-measure': {\n    position: 'absolute',\n    top: 0,\n    left: -99999,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n  },\n  '& .logo-slot-skeleton': {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 'min(100%, 160px)',\n    minHeight: 70,\n    height: 70,\n    maxHeight: '100%',\n    transform: 'translate(-50%, -50%)',\n    borderRadius: theme.shape.borderRadius,\n  },\n  '& > .badge': {\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n}));\n\n/**\n * The logo component.\n */\nfunction Logo() {\n  const logoSrc = useGetLogoSrc();\n  const { slots, slotProps } = useAppContext();\n  const LogoSlot = slots?.logo;\n  const logoSlotProps = slotProps?.logo;\n  const logoSlotClassName = ['owp-logo-slot-content', logoSlotProps?.className]\n    .filter(Boolean)\n    .join(' ');\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const slotMeasureRef = useRef<HTMLDivElement | null>(null);\n  const [slotScale, setSlotScale] = useState(1);\n  const [slotSize, setSlotSize] = useState<{ width?: number; height?: number }>({});\n  const [isSlotReady, setIsSlotReady] = useState(!LogoSlot);\n\n  useLayoutEffect(() => {\n    if (!LogoSlot) {\n      setSlotScale(1);\n      setSlotSize({});\n      setIsSlotReady(true);\n      return;\n    }\n\n    const rootElement = rootRef.current;\n    const measureElement = slotMeasureRef.current;\n    const boundaryElement = rootElement?.parentElement;\n\n    if (!rootElement || !measureElement || !boundaryElement) {\n      return;\n    }\n\n    let frameId = 0;\n    setIsSlotReady(false);\n\n    const updateScale = () => {\n      const { width: boundaryWidth, height: boundaryHeight } =\n        boundaryElement.getBoundingClientRect();\n      const measureRect = measureElement.getBoundingClientRect();\n      const contentWidth =\n        measureRect.width || measureElement.scrollWidth || measureElement.offsetWidth;\n      const contentHeight =\n        measureRect.height || measureElement.scrollHeight || measureElement.offsetHeight;\n\n      if (!boundaryWidth || !boundaryHeight || !contentWidth || !contentHeight) {\n        setSlotScale(1);\n        setSlotSize({});\n        setIsSlotReady(false);\n        return;\n      }\n\n      const nextScale = Math.min(boundaryWidth / contentWidth, boundaryHeight / contentHeight, 1);\n\n      setSlotScale(nextScale);\n      setSlotSize({\n        width: contentWidth * nextScale,\n        height: contentHeight * nextScale,\n      });\n      setIsSlotReady(true);\n    };\n\n    const requestUpdate = () => {\n      cancelAnimationFrame(frameId);\n      frameId = requestAnimationFrame(updateScale);\n    };\n\n    requestUpdate();\n\n    const resizeObserver = new ResizeObserver(requestUpdate);\n    resizeObserver.observe(boundaryElement);\n    resizeObserver.observe(measureElement);\n\n    const imageElements = Array.from(measureElement.querySelectorAll('img'));\n    imageElements.forEach((imageElement) => {\n      imageElement.addEventListener('load', requestUpdate);\n      imageElement.addEventListener('error', requestUpdate);\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      resizeObserver.disconnect();\n      imageElements.forEach((imageElement) => {\n        imageElement.removeEventListener('load', requestUpdate);\n        imageElement.removeEventListener('error', requestUpdate);\n      });\n    };\n  }, [LogoSlot]);\n\n  return (\n    <Root ref={rootRef} className=\"flex items-center space-x-8\">\n      {LogoSlot ? (\n        <div className=\"logo-icon logo-slot\">\n          {!isSlotReady && (\n            <Skeleton animation=\"wave\" variant=\"rounded\" className=\"logo-slot-skeleton\" />\n          )}\n          <div\n            className=\"logo-slot-frame\"\n            style={{\n              transform: 'translateX(-8px)',\n              width: isSlotReady ? slotSize.width : 0,\n              height: isSlotReady ? slotSize.height : 0,\n              visibility: isSlotReady ? 'visible' : 'hidden',\n            }}\n          >\n            <div className=\"logo-slot-transform\" style={{ transform: `scale(${slotScale})` }}>\n              <div className=\"logo-slot-content\">\n                <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n              </div>\n            </div>\n          </div>\n          <div ref={slotMeasureRef} className=\"logo-slot-measure\" aria-hidden>\n            <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n          </div>\n        </div>\n      ) : (\n        <img className=\"logo-icon\" src={logoSrc} alt=\"logo\" />\n      )}\n    </Root>\n  );\n}\n\nexport default Logo;\n"],"names":["Root","styled","theme","Logo","logoSrc","useGetLogoSrc","slots","slotProps","useAppContext","LogoSlot","logoSlotProps","logoSlotClassName","rootRef","useRef","slotMeasureRef","slotScale","setSlotScale","useState","slotSize","setSlotSize","isSlotReady","setIsSlotReady","useLayoutEffect","rootElement","measureElement","boundaryElement","frameId","updateScale","__name","boundaryWidth","boundaryHeight","measureRect","contentWidth","contentHeight","nextScale","requestUpdate","resizeObserver","imageElements","imageElement","jsx","jsxs","Skeleton"],"mappings":"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"}

package/dist/layout/components/toggles/NavigationSearchToggle.js

@@ -18,11 +18,11 @@ import { styled as te } from "@mui/material/styles";
 import z from "@mui/material/TextField";
 import ne from "@mui/material/Tooltip";
 import E from "@mui/material/Typography";
-import D from "../../../_virtual/index17.js";
-import re from "../../../_virtual/index18.js";
+import D from "../../../_virtual/index16.js";
+import re from "../../../_virtual/index17.js";
 import { clsx as B } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { useMemo as oe, useReducer as ie, useRef as T, useEffect as se } from "react";
-import W from "../../../_virtual/index19.js";
+import W from "../../../_virtual/index18.js";
 import { useNavigate as ae } from "react-router-dom";
 import { toolbarToggleSx as le } from "./toggleStyles.js";
 import { OwpSvgIcon as w } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";

package/dist/layout/components/toggles/ThemePreviewToggle.js

@@ -0,0 +1,51 @@
+var d = Object.defineProperty;
+var l = (n, a) => d(n, "name", { value: a, configurable: !0 });
+import { jsx as s } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpAppContext as p } from "../../../contexts/OwpAppProvider.js";
+import { preloadOnIdle as h } from "../../../utils/preloadOnIdle.js";
+import w from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/PaletteOutlined.js";
+import P from "@mui/material/IconButton";
+import g from "@mui/material/Tooltip";
+import { clsx as T } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useDialogs as v } from "@toolpad/core/useDialogs";
+import { useRef as D, useCallback as b, useEffect as x } from "react";
+import { toolbarToggleSx as E } from "./toggleStyles.js";
+function z(n) {
+  const { className: a = "" } = n, u = v(), { env: e } = p(), t = D(null), m = (e == null ? void 0 : e.isThemePreviewEnabled) === !0, o = e == null ? void 0 : e.themePreviewDialogLoader, i = b(() => o ? (t.current || (t.current = o().catch((r) => {
+    throw t.current = null, r;
+  })), t.current) : Promise.resolve(null), [o]);
+  if (x(() => {
+    if (!(!m || !o))
+      return h(() => i());
+  }, [m, i, o]), !m || !o)
+    return null;
+  const f = /* @__PURE__ */ l(async () => {
+    try {
+      const r = await i();
+      if (!r)
+        return;
+      await u.open(r.ThemePreviewDialog, {});
+    } catch (r) {
+      console.error(r);
+    }
+  }, "handleOpenThemePreviewDialog"), c = /* @__PURE__ */ l(() => {
+    i();
+  }, "handlePreloadThemePreviewDialog");
+  return /* @__PURE__ */ s(g, { title: "Theme Preview", placement: "bottom", children: /* @__PURE__ */ s(
+    P,
+    {
+      sx: E,
+      onClick: f,
+      onMouseEnter: c,
+      onFocus: c,
+      className: T(a),
+      "aria-label": "Theme Preview",
+      children: /* @__PURE__ */ s(w, { fontSize: "small" })
+    }
+  ) });
+}
+l(z, "ThemePreviewToggle");
+export {
+  z as default
+};
+//# sourceMappingURL=ThemePreviewToggle.js.map

package/dist/layout/components/toggles/ThemePreviewToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePreviewToggle.js","sources":["../../../../src/layout/components/toggles/ThemePreviewToggle.tsx"],"sourcesContent":["import { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { preloadOnIdle } from '@/utils/preloadOnIdle';\nimport PaletteOutlinedIcon from '@mui/icons-material/PaletteOutlined';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport clsx from 'clsx';\nimport { type DialogComponent, useDialogs } from '@toolpad/core/useDialogs';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { toolbarToggleSx } from './toggleStyles';\n\ntype ThemePreviewDialogModule = {\n  ThemePreviewDialog: DialogComponent<unknown, unknown>;\n};\n\ntype ThemePreviewDialogLoader = () => Promise<ThemePreviewDialogModule>;\n\ntype ThemePreviewToggleProps = {\n  className?: string;\n};\n\nfunction ThemePreviewToggle(props: ThemePreviewToggleProps) {\n  const { className = '' } = props;\n  const dialogs = useDialogs();\n  const { env } = useOwpAppContext();\n  const dialogModulePromiseRef = useRef<Promise<ThemePreviewDialogModule> | null>(null);\n  const isThemePreviewEnabled = env?.isThemePreviewEnabled === true;\n  const themePreviewDialogLoader = env?.themePreviewDialogLoader as\n    | ThemePreviewDialogLoader\n    | undefined;\n\n  const loadThemePreviewDialog = useCallback(() => {\n    if (!themePreviewDialogLoader) {\n      return Promise.resolve(null);\n    }\n\n    if (!dialogModulePromiseRef.current) {\n      dialogModulePromiseRef.current = themePreviewDialogLoader().catch((error) => {\n        dialogModulePromiseRef.current = null;\n        throw error;\n      });\n    }\n\n    return dialogModulePromiseRef.current;\n  }, [themePreviewDialogLoader]);\n\n  useEffect(() => {\n    if (!isThemePreviewEnabled || !themePreviewDialogLoader) {\n      return;\n    }\n\n    return preloadOnIdle(() => loadThemePreviewDialog());\n  }, [isThemePreviewEnabled, loadThemePreviewDialog, themePreviewDialogLoader]);\n\n  if (!isThemePreviewEnabled || !themePreviewDialogLoader) {\n    return null;\n  }\n\n  const handleOpenThemePreviewDialog = async () => {\n    try {\n      const dialogModule = await loadThemePreviewDialog();\n\n      if (!dialogModule) {\n        return;\n      }\n\n      await dialogs.open(dialogModule.ThemePreviewDialog, {});\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  const handlePreloadThemePreviewDialog = () => {\n    void loadThemePreviewDialog();\n  };\n\n  return (\n    <Tooltip title=\"Theme Preview\" placement=\"bottom\">\n      <IconButton\n        sx={toolbarToggleSx}\n        onClick={handleOpenThemePreviewDialog}\n        onMouseEnter={handlePreloadThemePreviewDialog}\n        onFocus={handlePreloadThemePreviewDialog}\n        className={clsx(className)}\n        aria-label=\"Theme Preview\"\n      >\n        <PaletteOutlinedIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  );\n}\n\nexport default ThemePreviewToggle;\n"],"names":["ThemePreviewToggle","props","className","dialogs","useDialogs","env","useOwpAppContext","dialogModulePromiseRef","useRef","isThemePreviewEnabled","themePreviewDialogLoader","loadThemePreviewDialog","useCallback","error","useEffect","preloadOnIdle","handleOpenThemePreviewDialog","__name","dialogModule","handlePreloadThemePreviewDialog","jsx","Tooltip","IconButton","toolbarToggleSx","clsx","PaletteOutlinedIcon"],"mappings":";;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAAgC;AAC1D,QAAM,EAAE,WAAAC,IAAY,GAAA,IAAOD,GACrBE,IAAUC,EAAA,GACV,EAAE,KAAAC,EAAA,IAAQC,EAAA,GACVC,IAAyBC,EAAiD,IAAI,GAC9EC,KAAwBJ,KAAA,gBAAAA,EAAK,2BAA0B,IACvDK,IAA2BL,KAAA,gBAAAA,EAAK,0BAIhCM,IAAyBC,EAAY,MACpCF,KAIAH,EAAuB,YAC1BA,EAAuB,UAAUG,EAAA,EAA2B,MAAM,CAACG,MAAU;AAC3E,UAAAN,EAAuB,UAAU,MAC3BM;AAAA,EACR,CAAC,IAGIN,EAAuB,WAVrB,QAAQ,QAAQ,IAAI,GAW5B,CAACG,CAAwB,CAAC;AAU7B,MARAI,EAAU,MAAM;AACd,QAAI,GAACL,KAAyB,CAACC;AAI/B,aAAOK,EAAc,MAAMJ,GAAwB;AAAA,EACrD,GAAG,CAACF,GAAuBE,GAAwBD,CAAwB,CAAC,GAExE,CAACD,KAAyB,CAACC;AAC7B,WAAO;AAGT,QAAMM,IAA+B,gBAAAC,EAAA,YAAY;AAC/C,QAAI;AACF,YAAMC,IAAe,MAAMP,EAAA;AAE3B,UAAI,CAACO;AACH;AAGF,YAAMf,EAAQ,KAAKe,EAAa,oBAAoB,CAAA,CAAE;AAAA,IACxD,SAASL,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IACrB;AAAA,EACF,GAZqC,iCAc/BM,IAAkC,gBAAAF,EAAA,MAAM;AAC5C,IAAKN,EAAA;AAAA,EACP,GAFwC;AAIxC,SACE,gBAAAS,EAACC,GAAA,EAAQ,OAAM,iBAAgB,WAAU,UACvC,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAIC;AAAA,MACJ,SAASP;AAAA,MACT,cAAcG;AAAA,MACd,SAASA;AAAA,MACT,WAAWK,EAAKtB,CAAS;AAAA,MACzB,cAAW;AAAA,MAEX,UAAA,gBAAAkB,EAACK,GAAA,EAAoB,UAAS,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAE1C;AAEJ;AArESR,EAAAjB,GAAA;"}