@templatical/editor 0.25.1 → 0.26.0

package/dist/cdn/chunks/{useI18n-aRMtgYRj.js → useI18n-UMs0F71x.js}

@@ -1,5 +1,5 @@
-import { K as e, T as t } from "./draggable-BRF_Q_jB.js";
-import { H as n } from "./keys-CZOBuCQd.js";
+import { K as e, T as t } from "./draggable-DCs9qL-b.js";
+import { H as n } from "./keys-Cmc2Yl3D.js";
 //#region src/composables/useI18n.ts
 function r(r) {
 	let i = r ?? t(n, null);
@@ -16,4 +16,4 @@ function r(r) {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=useI18n-aRMtgYRj.js.map
+//# sourceMappingURL=useI18n-UMs0F71x.js.map

package/dist/cdn/chunks/{useI18n-aRMtgYRj.js.map → useI18n-UMs0F71x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useI18n-aRMtgYRj.js","names":[],"sources":["../../../src/composables/useI18n.ts"],"sourcesContent":["import type { Translations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseI18nReturn {\n  /** Current translations object */\n  t: Translations;\n  /** Format a string with placeholders */\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\n/**\n * Composable for internationalization.\n * Provides access to the current locale's translations.\n *\n * @param translationsOverride - Optional translations to use instead of injected value\n */\nexport function useI18n(translationsOverride?: Translations): UseI18nReturn {\n  const injected =\n    translationsOverride ??\n    (inject(TRANSLATIONS_KEY, null) as Translations | Ref<Translations> | null);\n\n  if (!injected) {\n    throw new Error(\n      \"useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.\",\n    );\n  }\n\n  const t: Translations = isRef(injected) ? injected.value : injected;\n\n  /**\n   * Format a string with placeholders.\n   * e.g., format('{minutes}m ago', { minutes: 5 }) -> '5m ago'\n   */\n  function format(\n    template: string,\n    values: Record<string, string | number>,\n  ): string {\n    return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n      return key in values ? String(values[key]) : `{${key}}`;\n    });\n  }\n\n  return {\n    t,\n    format,\n  };\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,GAAoD;CAC1E,IAAM,IACJ,KACC,EAAO,GAAkB,IAAI;CAEhC,IAAI,CAAC,GACH,MAAU,MACR,4GACF;CAGF,IAAM,IAAkB,EAAM,CAAQ,IAAI,EAAS,QAAQ;CAM3D,SAAS,EACP,GACA,GACQ;EACR,OAAO,EAAS,QAAQ,eAAe,GAAG,MACjC,KAAO,IAAS,OAAO,EAAO,EAAI,IAAI,IAAI,EAAI,EACtD;CACH;CAEA,OAAO;EACL;EACA;CACF;AACF"}
+{"version":3,"file":"useI18n-UMs0F71x.js","names":[],"sources":["../../../src/composables/useI18n.ts"],"sourcesContent":["import type { Translations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseI18nReturn {\n  /** Current translations object */\n  t: Translations;\n  /** Format a string with placeholders */\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\n/**\n * Composable for internationalization.\n * Provides access to the current locale's translations.\n *\n * @param translationsOverride - Optional translations to use instead of injected value\n */\nexport function useI18n(translationsOverride?: Translations): UseI18nReturn {\n  const injected =\n    translationsOverride ??\n    (inject(TRANSLATIONS_KEY, null) as Translations | Ref<Translations> | null);\n\n  if (!injected) {\n    throw new Error(\n      \"useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.\",\n    );\n  }\n\n  const t: Translations = isRef(injected) ? injected.value : injected;\n\n  /**\n   * Format a string with placeholders.\n   * e.g., format('{minutes}m ago', { minutes: 5 }) -> '5m ago'\n   */\n  function format(\n    template: string,\n    values: Record<string, string | number>,\n  ): string {\n    return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n      return key in values ? String(values[key]) : `{${key}}`;\n    });\n  }\n\n  return {\n    t,\n    format,\n  };\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,GAAoD;CAC1E,IAAM,IACJ,KACC,EAAO,GAAkB,IAAI;CAEhC,IAAI,CAAC,GACH,MAAU,MACR,4GACF;CAGF,IAAM,IAAkB,EAAM,CAAQ,IAAI,EAAS,QAAQ;CAM3D,SAAS,EACP,GACA,GACQ;EACR,OAAO,EAAS,QAAQ,eAAe,GAAG,MACjC,KAAO,IAAS,OAAO,EAAO,EAAI,IAAI,IAAI,EAAI,EACtD;CACH;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/dist/cdn/chunks/{useMergeTag-8a8BnIZp.js → useMergeTag-CPa_9VOq.js}

@@ -1,6 +1,6 @@
-import { T as e, Z as t } from "./draggable-BRF_Q_jB.js";
-import { f as n, o as r, r as i } from "./src-CZjSXPYq.js";
-import { A as a, D as o, E as s, N as c, O as l } from "./keys-CZOBuCQd.js";
+import { T as e, Z as t } from "./draggable-DCs9qL-b.js";
+import { f as n, o as r, r as i } from "./src-EKTTBQ0y.js";
+import { A as a, D as o, E as s, N as c, O as l } from "./keys-Cmc2Yl3D.js";
 //#region src/composables/useMergeTag.ts
 function u() {
 	let u = e(s, []), d = e(a, i.liquid), f = e(c, null), p = e(o, !0), m = e(l, null), h = t(!1);
@@ -43,4 +43,4 @@ function u() {
 //#endregion
 export { u as t };
 
-//# sourceMappingURL=useMergeTag-8a8BnIZp.js.map
+//# sourceMappingURL=useMergeTag-CPa_9VOq.js.map

package/dist/cdn/chunks/{useMergeTag-8a8BnIZp.js.map → useMergeTag-CPa_9VOq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMergeTag-8a8BnIZp.js","names":[],"sources":["../../../src/composables/useMergeTag.ts"],"sourcesContent":["import type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport {\n  isMergeTagValue as checkIsMergeTagValue,\n  getMergeTagLabel as resolveMergeTagLabel,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { inject, ref, type Ref } from \"vue\";\nimport {\n  MERGE_TAGS_KEY,\n  MERGE_TAG_SYNTAX_KEY,\n  MERGE_TAG_AUTOCOMPLETE_KEY,\n  MERGE_TAG_PICKER_KEY,\n  ON_REQUEST_MERGE_TAG_KEY,\n} from \"../keys\";\n\nexport interface UseMergeTagReturn {\n  /** Available merge tags from config */\n  mergeTags: MergeTag[];\n  /** Whether a merge tag request is in progress */\n  isRequesting: Ref<boolean>;\n  /**\n   * Whether the \"Insert merge tag\" button should be shown. True when\n   * either `onRequestMergeTag` is provided or `mergeTags.tags` is\n   * non-empty (the built-in picker then handles the click).\n   */\n  canRequestMergeTag: boolean;\n  /** Whether typing-based autocomplete is enabled by configuration */\n  autocomplete: boolean;\n  /** The resolved syntax preset for merge tags */\n  syntax: SyntaxPreset;\n  /** Check if a value matches the configured merge tag syntax */\n  isMergeTagValue: (value: string) => boolean;\n  /** Get the human-readable label for a merge tag value */\n  getMergeTagLabel: (value: string) => string;\n  /**\n   * Request a merge tag from the user. Precedence: when\n   * `onRequestMergeTag` is set it owns the UX; otherwise the built-in\n   * picker opens with the configured `mergeTags.tags`; otherwise null.\n   */\n  requestMergeTag: () => Promise<MergeTag | null>;\n}\n\n/**\n * Composable for merge tag functionality.\n * Provides utilities for detecting, displaying, and requesting merge tags.\n */\nexport function useMergeTag(): UseMergeTagReturn {\n  const mergeTags = inject(MERGE_TAGS_KEY, []);\n  const syntax = inject(MERGE_TAG_SYNTAX_KEY, SYNTAX_PRESETS.liquid);\n  const onRequestMergeTag = inject(ON_REQUEST_MERGE_TAG_KEY, null);\n  const autocomplete = inject(MERGE_TAG_AUTOCOMPLETE_KEY, true);\n  // Picker may be null in headless contexts (tests, non-editor consumers).\n  // requestMergeTag() returns null in that case rather than throwing.\n  const picker = inject(MERGE_TAG_PICKER_KEY, null);\n\n  const isRequesting = ref(false);\n\n  function isMergeTagValue(value: string): boolean {\n    return checkIsMergeTagValue(value, syntax);\n  }\n\n  function getMergeTagLabel(value: string): string {\n    return resolveMergeTagLabel(value, mergeTags);\n  }\n\n  /**\n   * Request a merge tag from the user. Precedence:\n   *  1. `onRequestMergeTag` callback (consumer-owned UX)\n   *  2. Built-in picker over `mergeTags.tags`\n   *  3. null (nothing configured)\n   */\n  async function requestMergeTag(): Promise<MergeTag | null> {\n    if (onRequestMergeTag) {\n      isRequesting.value = true;\n      try {\n        return await onRequestMergeTag();\n      } finally {\n        isRequesting.value = false;\n      }\n    }\n    if (mergeTags.length > 0 && picker) {\n      isRequesting.value = true;\n      try {\n        return await picker.open(mergeTags);\n      } finally {\n        isRequesting.value = false;\n      }\n    }\n    return null;\n  }\n\n  const canRequestMergeTag = !!onRequestMergeTag || mergeTags.length > 0;\n\n  return {\n    mergeTags,\n    isRequesting,\n    canRequestMergeTag,\n    autocomplete,\n    syntax,\n    isMergeTagValue,\n    getMergeTagLabel,\n    requestMergeTag,\n  };\n}\n"],"mappings":";;;;AA8CA,SAAgB,IAAiC;CAC/C,IAAM,IAAY,EAAO,GAAgB,CAAC,CAAC,GACrC,IAAS,EAAO,GAAsB,EAAe,MAAM,GAC3D,IAAoB,EAAO,GAA0B,IAAI,GACzD,IAAe,EAAO,GAA4B,EAAI,GAGtD,IAAS,EAAO,GAAsB,IAAI,GAE1C,IAAe,EAAI,EAAK;CAE9B,SAAS,EAAgB,GAAwB;EAC/C,OAAO,EAAqB,GAAO,CAAM;CAC3C;CAEA,SAAS,EAAiB,GAAuB;EAC/C,OAAO,EAAqB,GAAO,CAAS;CAC9C;CAQA,eAAe,IAA4C;EACzD,IAAI,GAAmB;GACrB,EAAa,QAAQ;GACrB,IAAI;IACF,OAAO,MAAM,EAAkB;GACjC,UAAU;IACR,EAAa,QAAQ;GACvB;EACF;EACA,IAAI,EAAU,SAAS,KAAK,GAAQ;GAClC,EAAa,QAAQ;GACrB,IAAI;IACF,OAAO,MAAM,EAAO,KAAK,CAAS;GACpC,UAAU;IACR,EAAa,QAAQ;GACvB;EACF;EACA,OAAO;CACT;CAIA,OAAO;EACL;EACA;EACA,oBALyB,CAAC,CAAC,KAAqB,EAAU,SAAS;EAMnE;EACA;EACA,iBAAA;EACA,kBAAA;EACA;CACF;AACF"}
+{"version":3,"file":"useMergeTag-CPa_9VOq.js","names":[],"sources":["../../../src/composables/useMergeTag.ts"],"sourcesContent":["import type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport {\n  isMergeTagValue as checkIsMergeTagValue,\n  getMergeTagLabel as resolveMergeTagLabel,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { inject, ref, type Ref } from \"vue\";\nimport {\n  MERGE_TAGS_KEY,\n  MERGE_TAG_SYNTAX_KEY,\n  MERGE_TAG_AUTOCOMPLETE_KEY,\n  MERGE_TAG_PICKER_KEY,\n  ON_REQUEST_MERGE_TAG_KEY,\n} from \"../keys\";\n\nexport interface UseMergeTagReturn {\n  /** Available merge tags from config */\n  mergeTags: MergeTag[];\n  /** Whether a merge tag request is in progress */\n  isRequesting: Ref<boolean>;\n  /**\n   * Whether the \"Insert merge tag\" button should be shown. True when\n   * either `onRequestMergeTag` is provided or `mergeTags.tags` is\n   * non-empty (the built-in picker then handles the click).\n   */\n  canRequestMergeTag: boolean;\n  /** Whether typing-based autocomplete is enabled by configuration */\n  autocomplete: boolean;\n  /** The resolved syntax preset for merge tags */\n  syntax: SyntaxPreset;\n  /** Check if a value matches the configured merge tag syntax */\n  isMergeTagValue: (value: string) => boolean;\n  /** Get the human-readable label for a merge tag value */\n  getMergeTagLabel: (value: string) => string;\n  /**\n   * Request a merge tag from the user. Precedence: when\n   * `onRequestMergeTag` is set it owns the UX; otherwise the built-in\n   * picker opens with the configured `mergeTags.tags`; otherwise null.\n   */\n  requestMergeTag: () => Promise<MergeTag | null>;\n}\n\n/**\n * Composable for merge tag functionality.\n * Provides utilities for detecting, displaying, and requesting merge tags.\n */\nexport function useMergeTag(): UseMergeTagReturn {\n  const mergeTags = inject(MERGE_TAGS_KEY, []);\n  const syntax = inject(MERGE_TAG_SYNTAX_KEY, SYNTAX_PRESETS.liquid);\n  const onRequestMergeTag = inject(ON_REQUEST_MERGE_TAG_KEY, null);\n  const autocomplete = inject(MERGE_TAG_AUTOCOMPLETE_KEY, true);\n  // Picker may be null in headless contexts (tests, non-editor consumers).\n  // requestMergeTag() returns null in that case rather than throwing.\n  const picker = inject(MERGE_TAG_PICKER_KEY, null);\n\n  const isRequesting = ref(false);\n\n  function isMergeTagValue(value: string): boolean {\n    return checkIsMergeTagValue(value, syntax);\n  }\n\n  function getMergeTagLabel(value: string): string {\n    return resolveMergeTagLabel(value, mergeTags);\n  }\n\n  /**\n   * Request a merge tag from the user. Precedence:\n   *  1. `onRequestMergeTag` callback (consumer-owned UX)\n   *  2. Built-in picker over `mergeTags.tags`\n   *  3. null (nothing configured)\n   */\n  async function requestMergeTag(): Promise<MergeTag | null> {\n    if (onRequestMergeTag) {\n      isRequesting.value = true;\n      try {\n        return await onRequestMergeTag();\n      } finally {\n        isRequesting.value = false;\n      }\n    }\n    if (mergeTags.length > 0 && picker) {\n      isRequesting.value = true;\n      try {\n        return await picker.open(mergeTags);\n      } finally {\n        isRequesting.value = false;\n      }\n    }\n    return null;\n  }\n\n  const canRequestMergeTag = !!onRequestMergeTag || mergeTags.length > 0;\n\n  return {\n    mergeTags,\n    isRequesting,\n    canRequestMergeTag,\n    autocomplete,\n    syntax,\n    isMergeTagValue,\n    getMergeTagLabel,\n    requestMergeTag,\n  };\n}\n"],"mappings":";;;;AA8CA,SAAgB,IAAiC;CAC/C,IAAM,IAAY,EAAO,GAAgB,CAAC,CAAC,GACrC,IAAS,EAAO,GAAsB,EAAe,MAAM,GAC3D,IAAoB,EAAO,GAA0B,IAAI,GACzD,IAAe,EAAO,GAA4B,EAAI,GAGtD,IAAS,EAAO,GAAsB,IAAI,GAE1C,IAAe,EAAI,EAAK;CAE9B,SAAS,EAAgB,GAAwB;EAC/C,OAAO,EAAqB,GAAO,CAAM;CAC3C;CAEA,SAAS,EAAiB,GAAuB;EAC/C,OAAO,EAAqB,GAAO,CAAS;CAC9C;CAQA,eAAe,IAA4C;EACzD,IAAI,GAAmB;GACrB,EAAa,QAAQ;GACrB,IAAI;IACF,OAAO,MAAM,EAAkB;GACjC,UAAU;IACR,EAAa,QAAQ;GACvB;EACF;EACA,IAAI,EAAU,SAAS,KAAK,GAAQ;GAClC,EAAa,QAAQ;GACrB,IAAI;IACF,OAAO,MAAM,EAAO,KAAK,CAAS;GACpC,UAAU;IACR,EAAa,QAAQ;GACvB;EACF;EACA,OAAO;CACT;CAIA,OAAO;EACL;EACA;EACA,oBALyB,CAAC,CAAC,KAAqB,EAAU,SAAS;EAMnE;EACA;EACA,iBAAA;EACA,kBAAA;EACA;CACF;AACF"}

package/dist/cdn/chunks/{usePopoverPosition-Dm1jv3y5.js → usePopoverPosition-cf8Y-ynK.js}

@@ -1,5 +1,5 @@
-import { T as e, Z as t } from "./draggable-BRF_Q_jB.js";
-import { F as n } from "./keys-CZOBuCQd.js";
+import { T as e, Z as t } from "./draggable-DCs9qL-b.js";
+import { F as n } from "./keys-Cmc2Yl3D.js";
 //#region src/utils/resolveColorsConfig.ts
 var r = {
 	presets: [],
@@ -58,4 +58,4 @@ function l() {
 //#endregion
 export { r as a, o as i, c as n, a as o, s as r, l as t };
 
-//# sourceMappingURL=usePopoverPosition-Dm1jv3y5.js.map
+//# sourceMappingURL=usePopoverPosition-cf8Y-ynK.js.map

package/dist/cdn/chunks/{usePopoverPosition-Dm1jv3y5.js.map → usePopoverPosition-cf8Y-ynK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"usePopoverPosition-Dm1jv3y5.js","names":[],"sources":["../../../src/utils/resolveColorsConfig.ts","../../../src/utils/color.ts","../../../src/composables/usePopoverRoot.ts","../../../src/composables/usePopoverPosition.ts"],"sourcesContent":["import type { ColorsConfig } from \"@templatical/types\";\n\n/**\n * Normalized color-picker configuration handed to the provide/inject layer and\n * to `ColorPicker`. `presets` defaults to an empty array and `allowCustom` to\n * `true`, so consumers never branch on `undefined`.\n *\n * `allowCustomIgnored` is a validation signal, not a rendered value: it is\n * `true` when `allowCustom: false` was requested but forced back to `true`\n * because there were no presets to fall back on. This util stays pure — it\n * never logs; the consumer that owns the config surface emits the warning\n * (today that is `useEditorCore` for the editor-level config), the same split\n * `resolvePaletteBlocks` / `Sidebar.vue` use.\n */\nexport interface ResolvedColors {\n  presets: string[];\n  allowCustom: boolean;\n  allowCustomIgnored: boolean;\n  /**\n   * Preset entries dropped because they are not a valid `#rgb` / `#rrggbb` hex\n   * string (see the validity rule on {@link resolveColorsConfig}). Collected —\n   * not logged — so the config-owning consumer can warn once listing them,\n   * exactly as `allowCustomIgnored` is surfaced. Reflects THIS resolution's\n   * `colors.presets` input only: when a `fallback`'s already-resolved (already\n   * filtered) presets are inherited, its invalids are never re-reported here.\n   */\n  invalidPresets: string[];\n}\n\n/**\n * The unconfigured baseline: no presets, free-form entry allowed — i.e. the\n * picker behaves exactly as it did before the `colors` option existed. Used as\n * the inject default and as the fallback for the top-level resolution.\n */\nexport const DEFAULT_RESOLVED_COLORS: ResolvedColors = {\n  presets: [],\n  allowCustom: true,\n  allowCustomIgnored: false,\n  invalidPresets: [],\n};\n\n/**\n * A valid preset is a `#rgb` or `#rrggbb` hex string. 4-/8-digit alpha hex is\n * deliberately rejected: the wheel (vanilla-colorful) is RGB-only,\n * `normalizeColorToHex` drops alpha on the DOM round-trip so a selected alpha\n * preset would never read back as selected, and alpha degrades unpredictably\n * across email clients.\n */\nconst VALID_PRESET_HEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;\n\n/**\n * Resolve a `ColorsConfig` against an already-resolved `fallback`, applying\n * precedence per property (`input` → `fallback` → default) plus the shared\n * validation rule.\n *\n * The editor-level call passes no `fallback` (it defaults to\n * {@link DEFAULT_RESOLVED_COLORS}) and its result is provided via `COLORS_KEY`.\n * The `fallback` parameter is the nested-resolution seam: a narrower config can\n * be resolved against a broader already-resolved one, inheriting whichever\n * property it does not set.\n *\n * Validation: entries in `colors.presets` that aren't valid hex\n * ({@link VALID_PRESET_HEX}) are dropped from `presets` and collected into\n * `invalidPresets` for the caller to warn about. Separately, `allowCustom:\n * false` with no presets anywhere in the chain is ignored — forced back to\n * `true`, with `allowCustomIgnored` set so the caller can warn — because\n * hiding the wheel and hex input without a preset grid would leave the picker\n * unable to set a color. Filtering runs BEFORE that guard, so an all-invalid\n * list with `allowCustom: false` cascades into the forced-true path. This\n * mirrors how `paletteBlocks` is resolved: `resolvePaletteBlocks` collects the\n * offending entries and the consumer warns; this util stays pure the same way.\n */\nexport function resolveColorsConfig(\n  colors: ColorsConfig | undefined,\n  fallback: ResolvedColors = DEFAULT_RESOLVED_COLORS,\n): ResolvedColors {\n  // Validate only presets this resolution actually supplies. When it inherits\n  // `fallback.presets`, those were already resolved (already filtered), so\n  // re-validating would double-report an upstream invalid entry.\n  let presets: string[];\n  let invalidPresets: string[];\n  if (colors?.presets === undefined) {\n    presets = fallback.presets;\n    invalidPresets = [];\n  } else {\n    presets = [];\n    invalidPresets = [];\n    for (const entry of colors.presets) {\n      if (VALID_PRESET_HEX.test(entry)) {\n        presets.push(entry);\n      } else {\n        invalidPresets.push(entry);\n      }\n    }\n  }\n\n  const requestedAllowCustom = colors?.allowCustom ?? fallback.allowCustom;\n\n  const allowCustomIgnored = !requestedAllowCustom && presets.length === 0;\n  const allowCustom = allowCustomIgnored ? true : requestedAllowCustom;\n\n  return { presets, allowCustom, allowCustomIgnored, invalidPresets };\n}\n","/**\n * Normalize a browser-serialized `rgb()/rgba()` color to `#rrggbb`. The browser\n * serializes an inline `style=\"color:#hex\"` to `rgb(...)`, so reading a stored\n * color back via `element.style.color` (e.g. a TipTap textStyle/highlight mark,\n * or a saved link color) surfaces `rgb(...)` — mismatching the hex used\n * everywhere else, and unparseable by the hex-only picker (`vanilla-colorful`)\n * and the native `<input type=\"color\">`. Non-rgb input (already hex, a keyword,\n * or empty) is returned unchanged.\n */\nexport function normalizeColorToHex(value: string): string {\n  const m = /^rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i.exec(value.trim());\n  if (!m) return value;\n  const toHex = (n: string) => Number(n).toString(16).padStart(2, \"0\");\n  return `#${toHex(m[1])}${toHex(m[2])}${toHex(m[3])}`;\n}\n\n/**\n * Canonicalize a hex color to the lowercase 6-digit form used for preset\n * membership tests. Runs {@link normalizeColorToHex} first (so a\n * browser-serialized `rgb(...)` round-trip collapses to hex), then expands a\n * 3-digit shorthand (`#abc` → `#aabbcc`) and lowercases it. Non-hex input (a\n * keyword, or empty) is returned unchanged after that rgb normalization —\n * the caller decides whether that counts as a member.\n *\n * Kept separate from `normalizeColorToHex` (which is left untouched) because a\n * configured preset may be `#abc` while the browser round-trips the selected\n * value to `#aabbcc`, and a factory default may be `#FFFFFF` while the preset\n * is `#ffffff` — bare equality misses both. Preset-selection display\n * (`ColorPicker`) and the off-palette defaults audit (`collectOffPaletteDefaults`)\n * both compare through this one function so the two membership tests can't drift.\n */\nexport function canonicalizeHexColor(value: string): string {\n  const hex = normalizeColorToHex(value);\n  const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(hex);\n  if (short) {\n    return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`.toLowerCase();\n  }\n  if (/^#[0-9a-f]{6}$/i.test(hex)) {\n    return hex.toLowerCase();\n  }\n  return hex;\n}\n","import { inject, ref, type Ref } from \"vue\";\nimport { POPOVER_ROOT_KEY } from \"../keys\";\n\n/**\n * Returns the editor's shared popover mount ref — the `<div\n * class=\"tpl-popover-root\" />` rendered at the top level of `Editor.vue` /\n * `CloudEditor.vue`. Teleport targets that previously hard-coded\n * `to=\"body\"` (RichTextLinkDialog, TitleEditor toolbar, ParagraphToolbar,\n * TplModal) inject this and teleport to `popoverRoot.value` instead, so\n * popups stay inside the editor's effective DOM root (shadow-aware).\n *\n * Falls back to a never-resolving `ref(null)` when no provider is in scope.\n * Components must guard with `v-if=\"popoverRoot\"` before teleporting —\n * with the fallback, isolated component tests that don't mount the editor\n * shell simply render nothing rather than blow up.\n *\n * Internal — not exported from the package entry.\n */\nexport function usePopoverRoot(): Ref<HTMLElement | null> {\n  return inject(POPOVER_ROOT_KEY, ref<HTMLElement | null>(null));\n}\n","import { usePopoverRoot } from \"./usePopoverRoot\";\n\n/**\n * Coordinate helper for popovers that teleport into the shared popover root\n * (`.tpl-popover-root`, `position: relative`) and position themselves with\n * `position: absolute`.\n *\n * Callers compute a target point in **viewport** space — from\n * `getBoundingClientRect()`, `useElementBounding`, or a TipTap caret rect —\n * and `toLocal` converts it to coordinates **local to the popover root** by\n * subtracting the root's own viewport rect.\n *\n * Why this exists: a `position: fixed` popover resolves its coordinates\n * against the nearest ancestor that establishes a containing block — and any\n * `transform` / `filter` / `will-change` on an ancestor of the editor (a\n * consumer's scroll-parallax wrapper, route-transition, reveal animation…)\n * does exactly that, even while its computed `transform` reads `none` (a\n * running/animated transform still promotes the element). The fixed popover\n * would then be offset by that ancestor's position. Anchoring `absolute`\n * inside the (positioned) popover root instead makes the placement immune:\n * both points are read in viewport space, so the subtraction cancels the\n * ancestor offset, and the popover tracks the editor if the ancestor moves.\n *\n * Read `toLocal` inside a `computed` for a reactive result (recomputes with\n * its viewport-coordinate dependencies), or call it once when a popover opens.\n * Falls back to the viewport coordinates unchanged when no popover root is in\n * scope (isolated component tests / headless callers).\n *\n * Internal — not exported from the package entry.\n */\nexport function usePopoverPosition(): {\n  toLocal: (viewport: { top: number; left: number }) => {\n    top: number;\n    left: number;\n  };\n} {\n  const popoverRoot = usePopoverRoot();\n  function toLocal(viewport: { top: number; left: number }): {\n    top: number;\n    left: number;\n  } {\n    const rect = popoverRoot.value?.getBoundingClientRect();\n    if (!rect) return { top: viewport.top, left: viewport.left };\n    return { top: viewport.top - rect.top, left: viewport.left - rect.left };\n  }\n  return { toLocal };\n}\n"],"mappings":";;;AAkCA,IAAa,IAA0C;CACrD,SAAS,CAAC;CACV,aAAa;CACb,oBAAoB;CACpB,gBAAgB,CAAC;AACnB,GASM,IAAmB;AAwBzB,SAAgB,EACd,GACA,IAA2B,GACX;CAIhB,IAAI,GACA;CACJ,IAAI,GAAQ,YAAY,KAAA,GAEtB,AADA,IAAU,EAAS,SACnB,IAAiB,CAAC;MACb;EAEL,AADA,IAAU,CAAC,GACX,IAAiB,CAAC;EAClB,KAAK,IAAM,KAAS,EAAO,SACzB,AAAI,EAAiB,KAAK,CAAK,IAC7B,EAAQ,KAAK,CAAK,IAElB,EAAe,KAAK,CAAK;CAG/B;CAEA,IAAM,IAAuB,GAAQ,eAAe,EAAS,aAEvD,IAAqB,CAAC,KAAwB,EAAQ,WAAW;CAGvE,OAAO;EAAE;EAAS,aAFE,IAAqB,KAAO;EAEjB;EAAoB;CAAe;AACpE;;;AC7FA,SAAgB,EAAoB,GAAuB;CACzD,IAAM,IAAI,4CAA4C,KAAK,EAAM,KAAK,CAAC;CACvE,IAAI,CAAC,GAAG,OAAO;CACf,IAAM,KAAS,MAAc,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;CACnE,OAAO,IAAI,EAAM,EAAE,EAAE,IAAI,EAAM,EAAE,EAAE,IAAI,EAAM,EAAE,EAAE;AACnD;AAiBA,SAAgB,EAAqB,GAAuB;CAC1D,IAAM,IAAM,EAAoB,CAAK,GAC/B,IAAQ,qCAAqC,KAAK,CAAG;CAO3D,OANI,IACK,IAAI,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,YAAY,IAEvF,kBAAkB,KAAK,CAAG,IACrB,EAAI,YAAY,IAElB;AACT;;;ACvBA,SAAgB,IAA0C;CACxD,OAAO,EAAO,GAAkB,EAAwB,IAAI,CAAC;AAC/D;;;ACUA,SAAgB,IAKd;CACA,IAAM,IAAc,EAAe;CACnC,SAAS,EAAQ,GAGf;EACA,IAAM,IAAO,EAAY,OAAO,sBAAsB;EAEtD,OADK,IACE;GAAE,KAAK,EAAS,MAAM,EAAK;GAAK,MAAM,EAAS,OAAO,EAAK;EAAK,IADrD;GAAE,KAAK,EAAS;GAAK,MAAM,EAAS;EAAK;CAE7D;CACA,OAAO,EAAE,WAAQ;AACnB"}
+{"version":3,"file":"usePopoverPosition-cf8Y-ynK.js","names":[],"sources":["../../../src/utils/resolveColorsConfig.ts","../../../src/utils/color.ts","../../../src/composables/usePopoverRoot.ts","../../../src/composables/usePopoverPosition.ts"],"sourcesContent":["import type { ColorsConfig } from \"@templatical/types\";\n\n/**\n * Normalized color-picker configuration handed to the provide/inject layer and\n * to `ColorPicker`. `presets` defaults to an empty array and `allowCustom` to\n * `true`, so consumers never branch on `undefined`.\n *\n * `allowCustomIgnored` is a validation signal, not a rendered value: it is\n * `true` when `allowCustom: false` was requested but forced back to `true`\n * because there were no presets to fall back on. This util stays pure — it\n * never logs; the consumer that owns the config surface emits the warning\n * (today that is `useEditorCore` for the editor-level config), the same split\n * `resolvePaletteBlocks` / `Sidebar.vue` use.\n */\nexport interface ResolvedColors {\n  presets: string[];\n  allowCustom: boolean;\n  allowCustomIgnored: boolean;\n  /**\n   * Preset entries dropped because they are not a valid `#rgb` / `#rrggbb` hex\n   * string (see the validity rule on {@link resolveColorsConfig}). Collected —\n   * not logged — so the config-owning consumer can warn once listing them,\n   * exactly as `allowCustomIgnored` is surfaced. Reflects THIS resolution's\n   * `colors.presets` input only: when a `fallback`'s already-resolved (already\n   * filtered) presets are inherited, its invalids are never re-reported here.\n   */\n  invalidPresets: string[];\n}\n\n/**\n * The unconfigured baseline: no presets, free-form entry allowed — i.e. the\n * picker behaves exactly as it did before the `colors` option existed. Used as\n * the inject default and as the fallback for the top-level resolution.\n */\nexport const DEFAULT_RESOLVED_COLORS: ResolvedColors = {\n  presets: [],\n  allowCustom: true,\n  allowCustomIgnored: false,\n  invalidPresets: [],\n};\n\n/**\n * A valid preset is a `#rgb` or `#rrggbb` hex string. 4-/8-digit alpha hex is\n * deliberately rejected: the wheel (vanilla-colorful) is RGB-only,\n * `normalizeColorToHex` drops alpha on the DOM round-trip so a selected alpha\n * preset would never read back as selected, and alpha degrades unpredictably\n * across email clients.\n */\nconst VALID_PRESET_HEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;\n\n/**\n * Resolve a `ColorsConfig` against an already-resolved `fallback`, applying\n * precedence per property (`input` → `fallback` → default) plus the shared\n * validation rule.\n *\n * The editor-level call passes no `fallback` (it defaults to\n * {@link DEFAULT_RESOLVED_COLORS}) and its result is provided via `COLORS_KEY`.\n * The `fallback` parameter is the nested-resolution seam: a narrower config can\n * be resolved against a broader already-resolved one, inheriting whichever\n * property it does not set.\n *\n * Validation: entries in `colors.presets` that aren't valid hex\n * ({@link VALID_PRESET_HEX}) are dropped from `presets` and collected into\n * `invalidPresets` for the caller to warn about. Separately, `allowCustom:\n * false` with no presets anywhere in the chain is ignored — forced back to\n * `true`, with `allowCustomIgnored` set so the caller can warn — because\n * hiding the wheel and hex input without a preset grid would leave the picker\n * unable to set a color. Filtering runs BEFORE that guard, so an all-invalid\n * list with `allowCustom: false` cascades into the forced-true path. This\n * mirrors how `paletteBlocks` is resolved: `resolvePaletteBlocks` collects the\n * offending entries and the consumer warns; this util stays pure the same way.\n */\nexport function resolveColorsConfig(\n  colors: ColorsConfig | undefined,\n  fallback: ResolvedColors = DEFAULT_RESOLVED_COLORS,\n): ResolvedColors {\n  // Validate only presets this resolution actually supplies. When it inherits\n  // `fallback.presets`, those were already resolved (already filtered), so\n  // re-validating would double-report an upstream invalid entry.\n  let presets: string[];\n  let invalidPresets: string[];\n  if (colors?.presets === undefined) {\n    presets = fallback.presets;\n    invalidPresets = [];\n  } else {\n    presets = [];\n    invalidPresets = [];\n    for (const entry of colors.presets) {\n      if (VALID_PRESET_HEX.test(entry)) {\n        presets.push(entry);\n      } else {\n        invalidPresets.push(entry);\n      }\n    }\n  }\n\n  const requestedAllowCustom = colors?.allowCustom ?? fallback.allowCustom;\n\n  const allowCustomIgnored = !requestedAllowCustom && presets.length === 0;\n  const allowCustom = allowCustomIgnored ? true : requestedAllowCustom;\n\n  return { presets, allowCustom, allowCustomIgnored, invalidPresets };\n}\n","/**\n * Normalize a browser-serialized `rgb()/rgba()` color to `#rrggbb`. The browser\n * serializes an inline `style=\"color:#hex\"` to `rgb(...)`, so reading a stored\n * color back via `element.style.color` (e.g. a TipTap textStyle/highlight mark,\n * or a saved link color) surfaces `rgb(...)` — mismatching the hex used\n * everywhere else, and unparseable by the hex-only picker (`vanilla-colorful`)\n * and the native `<input type=\"color\">`. Non-rgb input (already hex, a keyword,\n * or empty) is returned unchanged.\n */\nexport function normalizeColorToHex(value: string): string {\n  const m = /^rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)/i.exec(value.trim());\n  if (!m) return value;\n  const toHex = (n: string) => Number(n).toString(16).padStart(2, \"0\");\n  return `#${toHex(m[1])}${toHex(m[2])}${toHex(m[3])}`;\n}\n\n/**\n * Canonicalize a hex color to the lowercase 6-digit form used for preset\n * membership tests. Runs {@link normalizeColorToHex} first (so a\n * browser-serialized `rgb(...)` round-trip collapses to hex), then expands a\n * 3-digit shorthand (`#abc` → `#aabbcc`) and lowercases it. Non-hex input (a\n * keyword, or empty) is returned unchanged after that rgb normalization —\n * the caller decides whether that counts as a member.\n *\n * Kept separate from `normalizeColorToHex` (which is left untouched) because a\n * configured preset may be `#abc` while the browser round-trips the selected\n * value to `#aabbcc`, and a factory default may be `#FFFFFF` while the preset\n * is `#ffffff` — bare equality misses both. Preset-selection display\n * (`ColorPicker`) and the off-palette defaults audit (`collectOffPaletteDefaults`)\n * both compare through this one function so the two membership tests can't drift.\n */\nexport function canonicalizeHexColor(value: string): string {\n  const hex = normalizeColorToHex(value);\n  const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(hex);\n  if (short) {\n    return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`.toLowerCase();\n  }\n  if (/^#[0-9a-f]{6}$/i.test(hex)) {\n    return hex.toLowerCase();\n  }\n  return hex;\n}\n","import { inject, ref, type Ref } from \"vue\";\nimport { POPOVER_ROOT_KEY } from \"../keys\";\n\n/**\n * Returns the editor's shared popover mount ref — the `<div\n * class=\"tpl-popover-root\" />` rendered at the top level of `Editor.vue` /\n * `CloudEditor.vue`. Teleport targets that previously hard-coded\n * `to=\"body\"` (RichTextLinkDialog, TitleEditor toolbar, ParagraphToolbar,\n * TplModal) inject this and teleport to `popoverRoot.value` instead, so\n * popups stay inside the editor's effective DOM root (shadow-aware).\n *\n * Falls back to a never-resolving `ref(null)` when no provider is in scope.\n * Components must guard with `v-if=\"popoverRoot\"` before teleporting —\n * with the fallback, isolated component tests that don't mount the editor\n * shell simply render nothing rather than blow up.\n *\n * Internal — not exported from the package entry.\n */\nexport function usePopoverRoot(): Ref<HTMLElement | null> {\n  return inject(POPOVER_ROOT_KEY, ref<HTMLElement | null>(null));\n}\n","import { usePopoverRoot } from \"./usePopoverRoot\";\n\n/**\n * Coordinate helper for popovers that teleport into the shared popover root\n * (`.tpl-popover-root`, `position: relative`) and position themselves with\n * `position: absolute`.\n *\n * Callers compute a target point in **viewport** space — from\n * `getBoundingClientRect()`, `useElementBounding`, or a TipTap caret rect —\n * and `toLocal` converts it to coordinates **local to the popover root** by\n * subtracting the root's own viewport rect.\n *\n * Why this exists: a `position: fixed` popover resolves its coordinates\n * against the nearest ancestor that establishes a containing block — and any\n * `transform` / `filter` / `will-change` on an ancestor of the editor (a\n * consumer's scroll-parallax wrapper, route-transition, reveal animation…)\n * does exactly that, even while its computed `transform` reads `none` (a\n * running/animated transform still promotes the element). The fixed popover\n * would then be offset by that ancestor's position. Anchoring `absolute`\n * inside the (positioned) popover root instead makes the placement immune:\n * both points are read in viewport space, so the subtraction cancels the\n * ancestor offset, and the popover tracks the editor if the ancestor moves.\n *\n * Read `toLocal` inside a `computed` for a reactive result (recomputes with\n * its viewport-coordinate dependencies), or call it once when a popover opens.\n * Falls back to the viewport coordinates unchanged when no popover root is in\n * scope (isolated component tests / headless callers).\n *\n * Internal — not exported from the package entry.\n */\nexport function usePopoverPosition(): {\n  toLocal: (viewport: { top: number; left: number }) => {\n    top: number;\n    left: number;\n  };\n} {\n  const popoverRoot = usePopoverRoot();\n  function toLocal(viewport: { top: number; left: number }): {\n    top: number;\n    left: number;\n  } {\n    const rect = popoverRoot.value?.getBoundingClientRect();\n    if (!rect) return { top: viewport.top, left: viewport.left };\n    return { top: viewport.top - rect.top, left: viewport.left - rect.left };\n  }\n  return { toLocal };\n}\n"],"mappings":";;;AAkCA,IAAa,IAA0C;CACrD,SAAS,CAAC;CACV,aAAa;CACb,oBAAoB;CACpB,gBAAgB,CAAC;AACnB,GASM,IAAmB;AAwBzB,SAAgB,EACd,GACA,IAA2B,GACX;CAIhB,IAAI,GACA;CACJ,IAAI,GAAQ,YAAY,KAAA,GAEtB,AADA,IAAU,EAAS,SACnB,IAAiB,CAAC;MACb;EAEL,AADA,IAAU,CAAC,GACX,IAAiB,CAAC;EAClB,KAAK,IAAM,KAAS,EAAO,SACzB,AAAI,EAAiB,KAAK,CAAK,IAC7B,EAAQ,KAAK,CAAK,IAElB,EAAe,KAAK,CAAK;CAG/B;CAEA,IAAM,IAAuB,GAAQ,eAAe,EAAS,aAEvD,IAAqB,CAAC,KAAwB,EAAQ,WAAW;CAGvE,OAAO;EAAE;EAAS,aAFE,IAAqB,KAAO;EAEjB;EAAoB;CAAe;AACpE;;;AC7FA,SAAgB,EAAoB,GAAuB;CACzD,IAAM,IAAI,4CAA4C,KAAK,EAAM,KAAK,CAAC;CACvE,IAAI,CAAC,GAAG,OAAO;CACf,IAAM,KAAS,MAAc,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG;CACnE,OAAO,IAAI,EAAM,EAAE,EAAE,IAAI,EAAM,EAAE,EAAE,IAAI,EAAM,EAAE,EAAE;AACnD;AAiBA,SAAgB,EAAqB,GAAuB;CAC1D,IAAM,IAAM,EAAoB,CAAK,GAC/B,IAAQ,qCAAqC,KAAK,CAAG;CAO3D,OANI,IACK,IAAI,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,EAAM,KAAK,YAAY,IAEvF,kBAAkB,KAAK,CAAG,IACrB,EAAI,YAAY,IAElB;AACT;;;ACvBA,SAAgB,IAA0C;CACxD,OAAO,EAAO,GAAkB,EAAwB,IAAI,CAAC;AAC/D;;;ACUA,SAAgB,IAKd;CACA,IAAM,IAAc,EAAe;CACnC,SAAS,EAAQ,GAGf;EACA,IAAM,IAAO,EAAY,OAAO,sBAAsB;EAEtD,OADK,IACE;GAAE,KAAK,EAAS,MAAM,EAAK;GAAK,MAAM,EAAS,OAAO,EAAK;EAAK,IADrD;GAAE,KAAK,EAAS;GAAK,MAAM,EAAS;EAAK;CAE7D;CACA,OAAO,EAAE,WAAQ;AACnB"}

package/dist/cdn/editor.js

@@ -1,20 +1,20 @@
-import { A as e, C as t, H as n, M as r, V as i, Z as a, b as o, ct as s, g as c, h as l, it as u, j as d, l as f, m as p, n as ee, ot as m, p as h, r as g, s as _, st as v, v as y, x as b, y as x } from "./chunks/draggable-BRF_Q_jB.js";
+import { A as e, C as t, H as n, M as r, V as i, Z as a, b as o, ct as s, g as c, h as l, it as u, j as d, l as f, lt as p, m, n as ee, p as h, r as g, s as _, st as v, v as y, x as b, y as x } from "./chunks/draggable-DCs9qL-b.js";
 import { r as S } from "./chunks/timeouts-SsLMC4a3.js";
-import { I as C, v as w } from "./chunks/src-CZjSXPYq.js";
-import { F as T, R as te, b as ne, t as re, w as E } from "./chunks/useEditorCore-CTYH6u4r.js";
-import { L as ie, N as ae } from "./chunks/icons-DN008liP.js";
-import { t as D } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as oe, c as se, d as ce, f as le, i as ue, l as de, m as fe, n as pe, o as me, p as O, r as he, s as ge, t as _e, u as ve } from "./chunks/styles-BzP13r-I.js";
-import { n as ye, t as be } from "./chunks/MergeTagModeToggle-CiYbOKzd.js";
+import { I as C, v as w } from "./chunks/src-EKTTBQ0y.js";
+import { F as T, R as E, b as te, t as ne, w as D } from "./chunks/useEditorCore-C_nUXiph.js";
+import { I as re, M as ie } from "./chunks/icons-CvYN6zrM.js";
+import { t as O } from "./chunks/_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as ae, c as oe, d as se, f as ce, i as le, l as ue, m as de, n as fe, o as pe, p as k, r as me, s as he, t as ge, u as _e } from "./chunks/styles-C7s-VtJi.js";
+import { n as ve, t as ye } from "./chunks/MergeTagModeToggle-D8iKvz7v.js";
 //#region src/Editor.vue?vue&type=script&setup=true&lang.ts
-var k = ["data-tpl-theme"], A = {
+var be = ["data-tpl-theme"], A = {
 	class: "tpl-header tpl:absolute tpl:top-0 tpl:right-0 tpl:left-0 tpl:z-50 tpl:grid tpl:h-14 tpl:grid-cols-[1fr_auto_1fr] tpl:items-center tpl:px-4 tpl:shadow-[var(--tpl-shadow-md)] tpl:border-b tpl:border-[var(--tpl-border)]",
 	style: {
 		"background-color": "color-mix(in srgb, var(--tpl-bg) 80%, transparent)",
 		"backdrop-filter": "blur(12px)",
 		"-webkit-backdrop-filter": "blur(12px)"
 	}
-}, j = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, M = { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, N = ["aria-label", "title"], xe = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Se = { class: "tpl:flex tpl:justify-center tpl:p-8" }, Ce = ["aria-label"], P = /*#__PURE__*/ D(/* @__PURE__ */ b({
+}, j = { class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-10" }, M = { class: "tpl:flex tpl:min-w-[200px] tpl:items-center tpl:justify-end tpl:gap-3" }, N = ["aria-label", "title"], xe = { class: "tpl:sticky tpl:top-0 tpl:z-40 tpl:h-0" }, Se = { class: "tpl:flex tpl:justify-center tpl:p-8" }, Ce = ["aria-label"], P = /*#__PURE__*/ O(/* @__PURE__ */ b({
 	__name: "Editor",
 	props: {
 		config: {},
@@ -23,19 +23,19 @@ var k = ["data-tpl-theme"], A = {
 		shadowRoot: {}
 	},
 	setup(t, { expose: g }) {
-		let b = t, S = te({
+		let b = t, S = E({
 			content: b.config.content,
 			templateDefaults: b.config.templateDefaults
-		}), C = a(null), w = b.config.savedBlocks ? fe({
+		}), C = a(null), w = b.config.savedBlocks ? de({
 			provider: b.config.savedBlocks,
 			editor: S,
 			onError: b.config.onError
-		}) : null, T = o(() => import("./chunks/SavedBlocksPanels-BDd8FH6l.js")), E = b.config.testEmail ? le({
+		}) : null, T = o(() => import("./chunks/SavedBlocksPanels-Bb-eDMAh.js")), D = b.config.testEmail ? ce({
 			provider: b.config.testEmail,
 			getContent: () => S.content.value,
 			renderMjml: F,
 			onError: b.config.onError
-		}) : null, D = o(() => import("./chunks/TestEmailPanel-BAnKtbSu.js")), P = re({
+		}) : null, O = o(() => import("./chunks/TestEmailPanel-Dr7Dkq2P.js")), P = ne({
 			editor: S,
 			containerEl: C,
 			config: {
@@ -53,7 +53,7 @@ var k = ["data-tpl-theme"], A = {
 				onRequestMedia: b.config.onRequestMedia,
 				resolvePreview: b.config.resolvePreview,
 				resolveImageUrl: b.config.resolveImageUrl,
-				lint: ce(b.config),
+				lint: se(b.config),
 				onSave: b.config.onSave ? () => b.config.onSave(JSON.parse(JSON.stringify(S.state.content))) : void 0
 			},
 			translations: b.translations,
@@ -61,18 +61,18 @@ var k = ["data-tpl-theme"], A = {
 			autoSaveOptions: b.config.onChange ? { onChange: () => b.config.onChange(JSON.parse(JSON.stringify(S.state.content))) } : null,
 			capabilities: {
 				...w ? { savedBlocks: w.capability } : {},
-				...E ? { testEmail: E.capability } : {}
+				...D ? { testEmail: D.capability } : {}
 			},
 			editorRoot: b.shadowRoot
 		});
 		function F() {
-			return O({
+			return k({
 				getContent: () => S.content.value,
 				renderCustomBlock: P.registry.renderCustomBlock,
 				getCustomBlockStylesheet: (e) => P.registry.getDefinition(e)?.stylesheet
 			});
 		}
-		let { showNotice: I } = ne(() => b.config.smallScreenNotice);
+		let { showNotice: I } = te(() => b.config.smallScreenNotice);
 		return e(async () => {
 			await b.fontsManager.loadCustomFonts();
 		}), d(() => {
@@ -86,50 +86,50 @@ var k = ["data-tpl-theme"], A = {
 		}), (e, a) => (r(), c("div", {
 			ref_key: "rootEl",
 			ref: C,
-			class: m(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": u(S).state.darkMode }]),
+			class: v(["tpl tpl:relative tpl:h-full tpl:overflow-hidden", { "tpl:dark": u(S).state.darkMode }]),
 			"data-tpl-theme": u(P).resolvedTheme.value,
-			style: v(u(P).themeStyles.value),
+			style: s(u(P).themeStyles.value),
 			onDragover: a[7] ||= f(() => {}, ["prevent"]),
 			onDrop: a[8] ||= f(() => {}, ["prevent"])
 		}, [
-			x(de),
+			x(ue),
 			h("header", A, [
 				a[9] ||= h("div", { class: "tpl:flex tpl:items-center tpl:gap-2.5" }, null, -1),
 				h("div", j, [
-					x(ye, {
+					x(ve, {
 						viewport: u(S).state.viewport,
 						onChange: u(S).setViewport
 					}, null, 8, ["viewport", "onChange"]),
-					x(ue, {
+					x(le, {
 						"dark-mode": u(S).state.darkMode,
 						onChange: u(S).setDarkMode
 					}, null, 8, ["dark-mode", "onChange"]),
-					x(oe, {
+					x(ae, {
 						"preview-mode": u(S).state.previewMode,
 						onChange: u(S).setPreviewMode
 					}, null, 8, ["preview-mode", "onChange"]),
-					u(S).state.previewMode && !u(P).previewResolution.supersedesSamples.value ? (r(), p(be, {
+					u(S).state.previewMode && !u(P).previewResolution.supersedesSamples.value ? (r(), m(ye, {
 						key: 0,
 						"sample-mode": u(P).mergeTagSampleMode.value,
 						onChange: a[0] ||= (e) => u(P).mergeTagSampleMode.value = e
 					}, null, 8, ["sample-mode"])) : l("", !0)
 				]),
-				h("div", M, [u(E)?.isAvailable.value ? (r(), c("button", {
+				h("div", M, [u(D)?.isAvailable.value ? (r(), c("button", {
 					key: 0,
 					type: "button",
 					"data-testid": "test-email-trigger",
 					"aria-label": u(P).t.testEmail.title,
 					title: u(P).t.testEmail.title,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)]",
-					onClick: a[1] ||= (e) => u(E).open()
-				}, [x(u(ae), {
+					onClick: a[1] ||= (e) => u(D).open()
+				}, [x(u(ie), {
 					size: 14,
 					"stroke-width": 1.75
-				}), y(" " + s(u(P).t.testEmail.button), 1)], 8, N)) : l("", !0)])
+				}), y(" " + p(u(P).t.testEmail.button), 1)], 8, N)) : l("", !0)])
 			]),
-			n(x(se, null, null, 512), [[_, !u(S).state.previewMode]]),
+			n(x(oe, null, null, 512), [[_, !u(S).state.previewMode]]),
 			h("div", {
-				class: m(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [u(S).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
+				class: v(["tpl-body tpl:absolute tpl:bottom-0 tpl:overflow-auto tpl:bg-[var(--tpl-canvas-bg)]", [u(S).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]", "tpl:top-14"]]),
 				style: { transition: "all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)" }
 			}, [h("div", xe, [x(ee, { name: "tpl-restore-btn" }, {
 				default: i(() => [u(P).conditionPreview.hasHiddenBlocks.value && u(P).appliesConditionFilter.value ? (r(), c("button", {
@@ -138,12 +138,12 @@ var k = ["data-tpl-theme"], A = {
 					style: { "backdrop-filter": "blur(8px)" },
 					"data-testid": "restore-hidden-blocks",
 					onClick: a[2] ||= (e) => u(P).conditionPreview.reset()
-				}, [x(u(ie), {
+				}, [x(u(re), {
 					size: 13,
 					"stroke-width": 2
-				}), y(" " + s(u(P).t.blockSettings.restoreHiddenBlocks), 1)])) : l("", !0)]),
+				}), y(" " + p(u(P).t.blockSettings.restoreHiddenBlocks), 1)])) : l("", !0)]),
 				_: 1
-			})]), h("div", Se, [x(ve, {
+			})]), h("div", Se, [x(_e, {
 				viewport: u(S).state.viewport,
 				content: u(P).previewResolution.content.value,
 				"selected-block-id": u(S).state.selectedBlockId,
@@ -158,7 +158,7 @@ var k = ["data-tpl-theme"], A = {
 				"preview-mode",
 				"onSelectBlock"
 			])])], 2),
-			t.config.branding === !1 ? l("", !0) : (r(), p(he, {
+			t.config.branding === !1 ? l("", !0) : (r(), m(me, {
 				key: 0,
 				"position-class": [u(S).state.previewMode ? "tpl:left-0 tpl:right-0" : "tpl:left-12 tpl:right-[320px]"]
 			}, null, 8, ["position-class"])),
@@ -168,8 +168,8 @@ var k = ["data-tpl-theme"], A = {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				"aria-label": u(P).t.landmarks.reorderAnnouncements
-			}, s(u(P).keyboardReorder.announcement.value), 9, Ce),
-			n(x(ge, {
+			}, p(u(P).keyboardReorder.announcement.value), 9, Ce),
+			n(x(he, {
 				"selected-block": u(S).selectedBlock.value,
 				settings: u(S).content.value.settings,
 				onUpdateBlock: a[3] ||= (e) => u(S).updateBlock(u(S).state.selectedBlockId, e),
@@ -185,18 +185,18 @@ var k = ["data-tpl-theme"], A = {
 				ref: (e) => u(P).popoverRoot.value = e,
 				class: "tpl-popover-root"
 			}, null, 512),
-			x(pe),
-			x(_e),
-			u(w)?.isAvailable.value ? (r(), p(u(T), {
+			x(fe),
+			x(ge),
+			u(w)?.isAvailable.value ? (r(), m(u(T), {
 				key: 1,
 				feature: u(w)
 			}, null, 8, ["feature"])) : l("", !0),
-			u(E)?.isAvailable.value ? (r(), p(u(D), {
+			u(D)?.isAvailable.value ? (r(), m(u(O), {
 				key: 2,
-				feature: u(E)
+				feature: u(D)
 			}, null, 8, ["feature"])) : l("", !0),
-			u(I) ? (r(), p(me, { key: 3 })) : l("", !0)
-		], 46, k));
+			u(I) ? (r(), m(pe, { key: 3 })) : l("", !0)
+		], 46, be));
 	}
 }), [["__scopeId", "data-v-40001312"]]), F = /* #__PURE__ */ Object.assign({
 	"./locales/ca.ts": () => import("./chunks/ca-D1zgI9fQ.js"),
@@ -287,7 +287,7 @@ function X(e) {
 async function Me(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let r = await G(e.locale ?? "en"), i = E(e.fonts);
+	let r = await G(e.locale ?? "en"), i = D(e.fonts);
 	X(n);
 	let o = q(n, e.shadowDom ?? !0), s = a(null), c = g({ setup() {
 		return () => t(P, {
@@ -320,7 +320,7 @@ async function Me(e) {
 		getCustomBlockStylesheet(e) {
 			if (s.value) return s.value.getCustomBlockStylesheet(e);
 		},
-		toMjml: () => O(l)
+		toMjml: () => k(l)
 	};
 	return l;
 }
@@ -332,7 +332,7 @@ function $(e) {
 async function Ne(e) {
 	let n = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
 	if (!n) throw Error(`[Templatical] Container element not found: ${e.container}`);
-	let { default: r } = await import("./chunks/CloudEditor-BJ4-pPAl.js"), [i, o] = await Promise.all([G(e.locale ?? "en"), we(e.locale ?? "en")]), s = E(e.fonts);
+	let { default: r } = await import("./chunks/CloudEditor-C0nB1JfD.js"), [i, o] = await Promise.all([G(e.locale ?? "en"), we(e.locale ?? "en")]), s = D(e.fonts);
 	$(n);
 	let c = q(n, e.shadowDom ?? !0), l = a(null);
 	return await new Promise((a, u) => {
@@ -382,6 +382,6 @@ function Pe() {
 	Y && X(Y);
 }
 //#endregion
-export { T as createLocalStorageSavedBlocksProvider, H as getBaseLocale, Oe as getSupportedCloudLocales, De as getSupportedLocales, Me as init, Ne as initCloud, Ee as isCloudLocaleSupported, Te as isLocaleSupported, Pe as unmount, E as useFonts };
+export { T as createLocalStorageSavedBlocksProvider, H as getBaseLocale, Oe as getSupportedCloudLocales, De as getSupportedLocales, Me as init, Ne as initCloud, Ee as isCloudLocaleSupported, Te as isLocaleSupported, Pe as unmount, D as useFonts };
 
 //# sourceMappingURL=editor.js.map