@aswin.dev/editor 0.7.2 → 0.7.4

package/dist/cdn/chunks/CountdownToolbar-C9XZr33O.js

@@ -1,212 +0,0 @@
-import { C as e, I as t, P as n, W as r, b as i, ct as a, f as o, ft as s, g as c, h as l, m as u, ut as d, v as f, x as p } from "./draggable-C-1_gch3.js";
-import { Lt as m } from "./features-DIBEo4xl.js";
-import { f as h } from "./styleConstants-PgmvNBzQ.js";
-import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Ty1bp9vB.js";
-//#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
-var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ e({
-	__name: "CheckboxItem",
-	props: {
-		modelValue: { type: Boolean },
-		label: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = t;
-		return (t, a) => (n(), f("label", b, [l("input", {
-			type: "checkbox",
-			class: "tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]",
-			checked: e.modelValue,
-			onChange: a[0] ||= (e) => r("update:modelValue", e.target.checked)
-		}, null, 40, x), i(" " + s(e.label), 1)]));
-	}
-}), C = ["value"], w = ["value"], T = ["value"], E = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, D = ["value"], O = { value: "" }, k = ["value"], A = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, j = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-3" }, M = { class: "tpl:grid tpl:grid-cols-2 tpl:gap-2" }, N = [
-	"value",
-	"placeholder",
-	"onInput"
-], P = ["value", "placeholder"], F = ["value"], I = /* @__PURE__ */ e({
-	__name: "CountdownToolbar",
-	props: {
-		block: {},
-		fontFamilies: {}
-	},
-	emits: ["update"],
-	setup(e, { emit: i }) {
-		let b = i, { t: x } = m(), I = [
-			"UTC",
-			"America/New_York",
-			"America/Chicago",
-			"America/Denver",
-			"America/Los_Angeles",
-			"Europe/London",
-			"Europe/Berlin",
-			"Europe/Paris",
-			"Europe/Moscow",
-			"Asia/Dubai",
-			"Asia/Kolkata",
-			"Asia/Shanghai",
-			"Asia/Tokyo",
-			"Australia/Sydney",
-			"Pacific/Auckland"
-		], L = [
-			{
-				value: ":",
-				label: ":"
-			},
-			{
-				value: "-",
-				label: "-"
-			},
-			{
-				value: " ",
-				label: "␣"
-			}
-		], R = [
-			"Days",
-			"Hours",
-			"Minutes",
-			"Seconds"
-		], z = u(() => R.map((e) => ({
-			unit: e,
-			showKey: `show${e}`,
-			labelKey: `label${e}`,
-			translationKey: e.toLowerCase()
-		})));
-		function B(e, t) {
-			b("update", { [e]: t });
-		}
-		return (i, u) => (n(), f(o, null, [
-			p(_, { label: a(x).countdown.targetDate }, {
-				default: r(() => [l("input", {
-					type: "datetime-local",
-					class: d(a(h)),
-					value: e.block.targetDate,
-					onInput: u[0] ||= (e) => B("targetDate", e.target.value)
-				}, null, 42, C)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.timezone }, {
-				default: r(() => [l("select", {
-					class: d(a(h)),
-					value: e.block.timezone,
-					onChange: u[1] ||= (e) => B("timezone", e.target.value)
-				}, [(n(), f(o, null, t(I, (e) => l("option", {
-					key: e,
-					value: e
-				}, s(e), 9, T)), 64))], 42, w)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.display }, {
-				default: r(() => [l("div", E, [(n(!0), f(o, null, t(z.value, (t) => (n(), c(S, {
-					key: t.unit,
-					"model-value": e.block[t.showKey],
-					label: a(x).countdown[t.translationKey],
-					"onUpdate:modelValue": (e) => B(t.showKey, e)
-				}, null, 8, [
-					"model-value",
-					"label",
-					"onUpdate:modelValue"
-				]))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.separator }, {
-				default: r(() => [p(v, {
-					options: L,
-					"model-value": e.block.separator,
-					"onUpdate:modelValue": u[2] ||= (e) => B("separator", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.fontFamily }, {
-				default: r(() => [l("select", {
-					class: d(a(h)),
-					value: e.block.fontFamily || "",
-					onChange: u[3] ||= (e) => B("fontFamily", e.target.value || void 0)
-				}, [l("option", O, s(a(x).countdown.inheritFont), 1), (n(!0), f(o, null, t(e.fontFamilies, (e) => (n(), f("option", {
-					key: e.value,
-					value: e.value
-				}, s(e.label), 9, k))), 128))], 42, D)]),
-				_: 1
-			}, 8, ["label"]),
-			l("div", A, [p(_, { label: a(x).countdown.digitFontSize }, {
-				default: r(() => [p(y, {
-					"model-value": e.block.digitFontSize,
-					min: 12,
-					max: 72,
-					suffix: "px",
-					"onUpdate:modelValue": u[4] ||= (e) => B("digitFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: a(x).countdown.labelFontSize }, {
-				default: r(() => [p(y, {
-					"model-value": e.block.labelFontSize,
-					min: 8,
-					max: 24,
-					suffix: "px",
-					"onUpdate:modelValue": u[5] ||= (e) => B("labelFontSize", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			l("div", j, [p(_, { label: a(x).countdown.digitColor }, {
-				default: r(() => [p(g, {
-					"model-value": e.block.digitColor,
-					"onUpdate:modelValue": u[6] ||= (e) => B("digitColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]), p(_, { label: a(x).countdown.labelColor }, {
-				default: r(() => [p(g, {
-					"model-value": e.block.labelColor,
-					"onUpdate:modelValue": u[7] ||= (e) => B("labelColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"])]),
-			p(_, { label: a(x).countdown.background }, {
-				default: r(() => [p(g, {
-					"model-value": e.block.backgroundColor,
-					"onUpdate:modelValue": u[8] ||= (e) => B("backgroundColor", e)
-				}, null, 8, ["model-value"])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.labels }, {
-				default: r(() => [l("div", M, [(n(!0), f(o, null, t(z.value, (t) => (n(), f("input", {
-					key: t.unit,
-					type: "text",
-					class: d(a(h)),
-					value: e.block[t.labelKey],
-					placeholder: a(x).countdown[t.translationKey],
-					onInput: (e) => B(t.labelKey, e.target.value)
-				}, null, 42, N))), 128))])]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.expiry }, {
-				default: r(() => [l("input", {
-					type: "text",
-					class: d(a(h)),
-					value: e.block.expiredMessage,
-					placeholder: a(x).countdown.expiredMessagePlaceholder,
-					onInput: u[9] ||= (e) => B("expiredMessage", e.target.value)
-				}, null, 42, P)]),
-				_: 1
-			}, 8, ["label"]),
-			p(_, { label: a(x).countdown.expiredImageUrl }, {
-				default: r(() => [l("input", {
-					type: "url",
-					class: d(a(h)),
-					value: e.block.expiredImageUrl,
-					placeholder: "https://...",
-					onInput: u[10] ||= (e) => B("expiredImageUrl", e.target.value)
-				}, null, 42, F)]),
-				_: 1
-			}, 8, ["label"]),
-			p(S, {
-				"model-value": e.block.hideOnExpiry,
-				label: a(x).countdown.hideOnExpiry,
-				class: "tpl:mb-3.5",
-				"onUpdate:modelValue": u[11] ||= (e) => B("hideOnExpiry", e)
-			}, null, 8, ["model-value", "label"])
-		], 64));
-	}
-});
-//#endregion
-export { I as default };
-
-//# sourceMappingURL=CountdownToolbar-C9XZr33O.js.map

package/dist/cdn/chunks/CountdownToolbar-C9XZr33O.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountdownToolbar-C9XZr33O.js","names":[],"sources":["../../../src/components/toolbar/CheckboxItem.vue","../../../src/components/toolbar/CheckboxItem.vue","../../../src/components/toolbar/CountdownToolbar.vue","../../../src/components/toolbar/CountdownToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]\"\n      :checked=\"modelValue\"\n      @change=\"\n        emit('update:modelValue', ($event.target as HTMLInputElement).checked)\n      \"\n    />\n    {{ label }}\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    class=\"tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"tpl:size-3.5 tpl:cursor-pointer tpl:accent-[var(--tpl-primary)]\"\n      :checked=\"modelValue\"\n      @change=\"\n        emit('update:modelValue', ($event.target as HTMLInputElement).checked)\n      \"\n    />\n    {{ label }}\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport SlidingPillSelect from \"../SlidingPillSelect.vue\";\nimport FieldRow from \"./FieldRow.vue\";\nimport CheckboxItem from \"./CheckboxItem.vue\";\nimport NumberWithSuffix from \"./NumberWithSuffix.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { inputClass } from \"../../constants/styleConstants\";\nimport type { CountdownBlock } from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\ndefineProps<{\n  block: CountdownBlock;\n  fontFamilies: Array<{ value: string; label: string }>;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update\", updates: Partial<CountdownBlock>): void;\n}>();\n\nconst { t } = useI18n();\n\nconst TIMEZONES = [\n  \"UTC\",\n  \"America/New_York\",\n  \"America/Chicago\",\n  \"America/Denver\",\n  \"America/Los_Angeles\",\n  \"Europe/London\",\n  \"Europe/Berlin\",\n  \"Europe/Paris\",\n  \"Europe/Moscow\",\n  \"Asia/Dubai\",\n  \"Asia/Kolkata\",\n  \"Asia/Shanghai\",\n  \"Asia/Tokyo\",\n  \"Australia/Sydney\",\n  \"Pacific/Auckland\",\n];\n\nconst SEPARATORS = [\n  { value: \":\", label: \":\" },\n  { value: \"-\", label: \"-\" },\n  { value: \" \", label: \"␣\" },\n];\n\ntype UnitKey = \"Days\" | \"Hours\" | \"Minutes\" | \"Seconds\";\nconst UNITS: UnitKey[] = [\"Days\", \"Hours\", \"Minutes\", \"Seconds\"];\n\nconst unitItems = computed(() =>\n  UNITS.map((unit) => ({\n    unit,\n    showKey: `show${unit}` as const,\n    labelKey: `label${unit}` as const,\n    translationKey: unit.toLowerCase() as\n      | \"days\"\n      | \"hours\"\n      | \"minutes\"\n      | \"seconds\",\n  })),\n);\n\nfunction updateField(field: keyof CountdownBlock, value: unknown): void {\n  emit(\"update\", { [field]: value } as Partial<CountdownBlock>);\n}\n</script>\n\n<template>\n  <FieldRow :label=\"t.countdown.targetDate\">\n    <input\n      type=\"datetime-local\"\n      :class=\"inputClass\"\n      :value=\"block.targetDate\"\n      @input=\"\n        updateField('targetDate', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.timezone\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.timezone\"\n      @change=\"\n        updateField('timezone', ($event.target as HTMLSelectElement).value)\n      \"\n    >\n      <option v-for=\"tz in TIMEZONES\" :key=\"tz\" :value=\"tz\">{{ tz }}</option>\n    </select>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.display\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <CheckboxItem\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        :model-value=\"block[item.showKey]\"\n        :label=\"t.countdown[item.translationKey]\"\n        @update:model-value=\"updateField(item.showKey, $event)\"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.separator\">\n    <SlidingPillSelect\n      :options=\"SEPARATORS\"\n      :model-value=\"block.separator\"\n      @update:model-value=\"updateField('separator', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.fontFamily\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.fontFamily || ''\"\n      @change=\"\n        updateField(\n          'fontFamily',\n          ($event.target as HTMLSelectElement).value || undefined,\n        )\n      \"\n    >\n      <option value=\"\">{{ t.countdown.inheritFont }}</option>\n      <option\n        v-for=\"font in fontFamilies\"\n        :key=\"font.value\"\n        :value=\"font.value\"\n      >\n        {{ font.label }}\n      </option>\n    </select>\n  </FieldRow>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.digitFontSize\"\n        :min=\"12\"\n        :max=\"72\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('digitFontSize', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.labelFontSize\"\n        :min=\"8\"\n        :max=\"24\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('labelFontSize', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitColor\">\n      <ColorPicker\n        :model-value=\"block.digitColor\"\n        @update:model-value=\"updateField('digitColor', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelColor\">\n      <ColorPicker\n        :model-value=\"block.labelColor\"\n        @update:model-value=\"updateField('labelColor', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <FieldRow :label=\"t.countdown.background\">\n    <ColorPicker\n      :model-value=\"block.backgroundColor\"\n      @update:model-value=\"updateField('backgroundColor', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.labels\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <input\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        type=\"text\"\n        :class=\"inputClass\"\n        :value=\"block[item.labelKey]\"\n        :placeholder=\"t.countdown[item.translationKey]\"\n        @input=\"\n          updateField(item.labelKey, ($event.target as HTMLInputElement).value)\n        \"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiry\">\n    <input\n      type=\"text\"\n      :class=\"inputClass\"\n      :value=\"block.expiredMessage\"\n      :placeholder=\"t.countdown.expiredMessagePlaceholder\"\n      @input=\"\n        updateField('expiredMessage', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiredImageUrl\">\n    <input\n      type=\"url\"\n      :class=\"inputClass\"\n      :value=\"block.expiredImageUrl\"\n      placeholder=\"https://...\"\n      @input=\"\n        updateField(\n          'expiredImageUrl',\n          ($event.target as HTMLInputElement).value,\n        )\n      \"\n    />\n  </FieldRow>\n\n  <CheckboxItem\n    :model-value=\"block.hideOnExpiry\"\n    :label=\"t.countdown.hideOnExpiry\"\n    class=\"tpl:mb-3.5\"\n    @update:model-value=\"updateField('hideOnExpiry', $event)\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport ColorPicker from \"../ColorPicker.vue\";\nimport SlidingPillSelect from \"../SlidingPillSelect.vue\";\nimport FieldRow from \"./FieldRow.vue\";\nimport CheckboxItem from \"./CheckboxItem.vue\";\nimport NumberWithSuffix from \"./NumberWithSuffix.vue\";\nimport { useI18n } from \"../../composables/useI18n\";\nimport { inputClass } from \"../../constants/styleConstants\";\nimport type { CountdownBlock } from \"@aswin.dev/types\";\nimport { computed } from \"vue\";\n\ndefineProps<{\n  block: CountdownBlock;\n  fontFamilies: Array<{ value: string; label: string }>;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update\", updates: Partial<CountdownBlock>): void;\n}>();\n\nconst { t } = useI18n();\n\nconst TIMEZONES = [\n  \"UTC\",\n  \"America/New_York\",\n  \"America/Chicago\",\n  \"America/Denver\",\n  \"America/Los_Angeles\",\n  \"Europe/London\",\n  \"Europe/Berlin\",\n  \"Europe/Paris\",\n  \"Europe/Moscow\",\n  \"Asia/Dubai\",\n  \"Asia/Kolkata\",\n  \"Asia/Shanghai\",\n  \"Asia/Tokyo\",\n  \"Australia/Sydney\",\n  \"Pacific/Auckland\",\n];\n\nconst SEPARATORS = [\n  { value: \":\", label: \":\" },\n  { value: \"-\", label: \"-\" },\n  { value: \" \", label: \"␣\" },\n];\n\ntype UnitKey = \"Days\" | \"Hours\" | \"Minutes\" | \"Seconds\";\nconst UNITS: UnitKey[] = [\"Days\", \"Hours\", \"Minutes\", \"Seconds\"];\n\nconst unitItems = computed(() =>\n  UNITS.map((unit) => ({\n    unit,\n    showKey: `show${unit}` as const,\n    labelKey: `label${unit}` as const,\n    translationKey: unit.toLowerCase() as\n      | \"days\"\n      | \"hours\"\n      | \"minutes\"\n      | \"seconds\",\n  })),\n);\n\nfunction updateField(field: keyof CountdownBlock, value: unknown): void {\n  emit(\"update\", { [field]: value } as Partial<CountdownBlock>);\n}\n</script>\n\n<template>\n  <FieldRow :label=\"t.countdown.targetDate\">\n    <input\n      type=\"datetime-local\"\n      :class=\"inputClass\"\n      :value=\"block.targetDate\"\n      @input=\"\n        updateField('targetDate', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.timezone\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.timezone\"\n      @change=\"\n        updateField('timezone', ($event.target as HTMLSelectElement).value)\n      \"\n    >\n      <option v-for=\"tz in TIMEZONES\" :key=\"tz\" :value=\"tz\">{{ tz }}</option>\n    </select>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.display\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <CheckboxItem\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        :model-value=\"block[item.showKey]\"\n        :label=\"t.countdown[item.translationKey]\"\n        @update:model-value=\"updateField(item.showKey, $event)\"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.separator\">\n    <SlidingPillSelect\n      :options=\"SEPARATORS\"\n      :model-value=\"block.separator\"\n      @update:model-value=\"updateField('separator', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.fontFamily\">\n    <select\n      :class=\"inputClass\"\n      :value=\"block.fontFamily || ''\"\n      @change=\"\n        updateField(\n          'fontFamily',\n          ($event.target as HTMLSelectElement).value || undefined,\n        )\n      \"\n    >\n      <option value=\"\">{{ t.countdown.inheritFont }}</option>\n      <option\n        v-for=\"font in fontFamilies\"\n        :key=\"font.value\"\n        :value=\"font.value\"\n      >\n        {{ font.label }}\n      </option>\n    </select>\n  </FieldRow>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.digitFontSize\"\n        :min=\"12\"\n        :max=\"72\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('digitFontSize', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelFontSize\">\n      <NumberWithSuffix\n        :model-value=\"block.labelFontSize\"\n        :min=\"8\"\n        :max=\"24\"\n        suffix=\"px\"\n        @update:model-value=\"updateField('labelFontSize', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-3\">\n    <FieldRow :label=\"t.countdown.digitColor\">\n      <ColorPicker\n        :model-value=\"block.digitColor\"\n        @update:model-value=\"updateField('digitColor', $event)\"\n      />\n    </FieldRow>\n    <FieldRow :label=\"t.countdown.labelColor\">\n      <ColorPicker\n        :model-value=\"block.labelColor\"\n        @update:model-value=\"updateField('labelColor', $event)\"\n      />\n    </FieldRow>\n  </div>\n\n  <FieldRow :label=\"t.countdown.background\">\n    <ColorPicker\n      :model-value=\"block.backgroundColor\"\n      @update:model-value=\"updateField('backgroundColor', $event)\"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.labels\">\n    <div class=\"tpl:grid tpl:grid-cols-2 tpl:gap-2\">\n      <input\n        v-for=\"item in unitItems\"\n        :key=\"item.unit\"\n        type=\"text\"\n        :class=\"inputClass\"\n        :value=\"block[item.labelKey]\"\n        :placeholder=\"t.countdown[item.translationKey]\"\n        @input=\"\n          updateField(item.labelKey, ($event.target as HTMLInputElement).value)\n        \"\n      />\n    </div>\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiry\">\n    <input\n      type=\"text\"\n      :class=\"inputClass\"\n      :value=\"block.expiredMessage\"\n      :placeholder=\"t.countdown.expiredMessagePlaceholder\"\n      @input=\"\n        updateField('expiredMessage', ($event.target as HTMLInputElement).value)\n      \"\n    />\n  </FieldRow>\n\n  <FieldRow :label=\"t.countdown.expiredImageUrl\">\n    <input\n      type=\"url\"\n      :class=\"inputClass\"\n      :value=\"block.expiredImageUrl\"\n      placeholder=\"https://...\"\n      @input=\"\n        updateField(\n          'expiredImageUrl',\n          ($event.target as HTMLInputElement).value,\n        )\n      \"\n    />\n  </FieldRow>\n\n  <CheckboxItem\n    :model-value=\"block.hideOnExpiry\"\n    :label=\"t.countdown.hideOnExpiry\"\n    class=\"tpl:mb-3.5\"\n    @update:model-value=\"updateField('hideOnExpiry', $event)\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/cdn/chunks/ModulePreviewCanvas-Drt8Evai.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModulePreviewCanvas-Drt8Evai.js","names":[],"sources":["../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/components/blocks/PreviewSectionBlock.vue","../../../src/cloud/components/ModulePreviewCanvas.vue","../../../src/cloud/components/ModulePreviewCanvas.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"./ButtonBlock.vue\";\nimport CustomBlock from \"./CustomBlock.vue\";\nimport DividerBlock from \"./DividerBlock.vue\";\nimport HtmlBlock from \"./HtmlBlock.vue\";\nimport ImageBlock from \"./ImageBlock.vue\";\nimport InputBlock from \"./InputBlock.vue\";\nimport MenuBlock from \"./MenuBlock.vue\";\nimport SocialIconsBlock from \"./SocialIconsBlock.vue\";\nimport SpacerBlock from \"./SpacerBlock.vue\";\nimport TableBlock from \"./TableBlock.vue\";\nimport TitleBlock from \"./TitleBlock.vue\";\nimport ParagraphBlock from \"./ParagraphBlock.vue\";\nimport VideoBlock from \"./VideoBlock.vue\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block, SectionBlock as SectionBlockType } from \"@aswin.dev/types\";\nimport { computed, inject, type Component } from \"vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\n\nconst previewBlockComponentMap: Record<string, Component> = {\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nconst props = defineProps<{\n  block: SectionBlockType;\n  viewport: \"desktop\";\n}>();\n\ndefineOptions({ name: \"PreviewSectionBlock\" });\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY, null);\n\nconst columnWidths = computed(() => {\n  switch (props.block.columns) {\n    case \"2\":\n      return [\"50%\", \"50%\"];\n    case \"3\":\n      return [\"33.33%\", \"33.33%\", \"33.33%\"];\n    case \"1-2\":\n      return [\"33.33%\", \"66.67%\"];\n    case \"2-1\":\n      return [\"66.67%\", \"33.33%\"];\n    default:\n      return [\"100%\"];\n  }\n});\n\nconst columns = computed(() => {\n  const count = columnWidths.value.length;\n  const children = [...props.block.children];\n  while (children.length < count) {\n    children.push([]);\n  }\n  return children.slice(0, count);\n});\n\nfunction getColumnBlocks(colIndex: number): Block[] {\n  return columns.value[colIndex] || [];\n}\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, previewBlockComponentMap);\n}\n</script>\n\n<template>\n  <div class=\"tpl:w-full\">\n    <div class=\"tpl:flex tpl:gap-0\">\n      <div\n        v-for=\"(_, colIndex) in columns\"\n        :key=\"colIndex\"\n        :style=\"{ width: columnWidths[colIndex] }\"\n      >\n        <div\n          v-for=\"childBlock in getColumnBlocks(colIndex)\"\n          :key=\"childBlock.id\"\n          :style=\"getBlockWrapperStyle(childBlock)\"\n        >\n          <!-- Recursive self-reference for nested sections -->\n          <PreviewSectionBlock\n            v-if=\"childBlock.type === 'section'\"\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n          <component\n            :is=\"getBlockComponent(childBlock)\"\n            v-else\n            :block=\"childBlock\"\n            viewport=\"desktop\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ButtonBlock from \"../../components/blocks/ButtonBlock.vue\";\nimport CustomBlock from \"../../components/blocks/CustomBlock.vue\";\nimport DividerBlock from \"../../components/blocks/DividerBlock.vue\";\nimport HtmlBlock from \"../../components/blocks/HtmlBlock.vue\";\nimport ImageBlock from \"../../components/blocks/ImageBlock.vue\";\nimport InputBlock from \"../../components/blocks/InputBlock.vue\";\nimport MenuBlock from \"../../components/blocks/MenuBlock.vue\";\nimport PreviewSectionBlock from \"../../components/blocks/PreviewSectionBlock.vue\";\nimport SocialIconsBlock from \"../../components/blocks/SocialIconsBlock.vue\";\nimport SpacerBlock from \"../../components/blocks/SpacerBlock.vue\";\nimport TableBlock from \"../../components/blocks/TableBlock.vue\";\nimport TitleBlock from \"../../components/blocks/TitleBlock.vue\";\nimport ParagraphBlock from \"../../components/blocks/ParagraphBlock.vue\";\nimport VideoBlock from \"../../components/blocks/VideoBlock.vue\";\nimport { BLOCK_REGISTRY_KEY } from \"../../keys\";\nimport {\n  resolveBlockComponent,\n  getBlockWrapperStyle,\n} from \"../../utils/blockComponentResolver\";\nimport type { Block } from \"@aswin.dev/types\";\nimport { inject, type Component } from \"vue\";\n\ndefineProps<{\n  blocks: Block[];\n}>();\n\nconst blockRegistry = inject(BLOCK_REGISTRY_KEY);\n\nconst modulePreviewComponentMap: Record<string, Component> = {\n  section: PreviewSectionBlock,\n  title: TitleBlock,\n  paragraph: ParagraphBlock,\n  image: ImageBlock,\n  video: VideoBlock,\n  button: ButtonBlock,\n  input: InputBlock,\n  divider: DividerBlock,\n  social: SocialIconsBlock,\n  menu: MenuBlock,\n  table: TableBlock,\n  spacer: SpacerBlock,\n  html: HtmlBlock,\n  custom: CustomBlock,\n};\n\nfunction getBlockComponent(block: Block): Component | null {\n  return resolveBlockComponent(block, blockRegistry, modulePreviewComponentMap);\n}\n</script>\n\n<template>\n  <div\n    class=\"tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg\"\n    style=\"\n      background-color: var(--tpl-canvas-bg);\n      box-shadow: var(--tpl-shadow-sm);\n    \"\n  >\n    <div\n      v-for=\"block in blocks\"\n      :key=\"block.id\"\n      :style=\"getBlockWrapperStyle(block)\"\n    >\n      <component\n        :is=\"getBlockComponent(block)\"\n        :block=\"block\"\n        viewport=\"desktop\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAsBA,IAAM,IAAsD;GAC1D,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,QAAQ;GACT,EAEK,IAAQ,GAOR,IAAgB,EAAO,GAAoB,KAAK,EAEhD,IAAe,QAAe;AAClC,WAAQ,EAAM,MAAM,SAApB;IACE,KAAK,IACH,QAAO,CAAC,OAAO,MAAM;IACvB,KAAK,IACH,QAAO;KAAC;KAAU;KAAU;KAAS;IACvC,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,KAAK,MACH,QAAO,CAAC,UAAU,SAAS;IAC7B,QACE,QAAO,CAAC,OAAO;;IAEnB,EAEI,IAAU,QAAe;GAC7B,IAAM,IAAQ,EAAa,MAAM,QAC3B,IAAW,CAAC,GAAG,EAAM,MAAM,SAAS;AAC1C,UAAO,EAAS,SAAS,GACvB,GAAS,KAAK,EAAE,CAAC;AAEnB,UAAO,EAAS,MAAM,GAAG,EAAM;IAC/B;EAEF,SAAS,EAAgB,GAA2B;AAClD,UAAO,EAAQ,MAAM,MAAa,EAAE;;EAGtC,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAAyB;;;;eAK5E,EA2BM,OA3BN,GA2BM,CA1BJ,EAyBM,OAzBN,GAyBM,EAAA,EAAA,GAAA,EAxBJ,EAuBM,GAAA,MAAA,EAtBoB,EAAA,QAAhB,GAAG,YADb,EAuBM,OAAA;IArBH,KAAK;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,MAAa,IAAQ,CAAA;eAEtC,EAiBM,GAAA,MAAA,EAhBiB,EAAgB,EAAQ,GAAtC,YADT,EAiBM,OAAA;IAfH,KAAK,EAAW;IAChB,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAU,CAAA;OAI/B,EAAW,SAAI,aAAA,GAAA,EADvB,EAIE,GAAA;;IAFC,OAAO;IACR,UAAS;mCAEX,EAKE,EAJK,EAAkB,EAAU,CAAA,EAAA;;IAEhC,OAAO;IACR,UAAS;;;;;;;;;;;;;;EE5ErB,IAAM,IAAgB,EAAO,EAAmB,EAE1C,IAAuD;GAC3D,SAAS;GACT,OAAO;GACP,WAAW;GACX,OAAO;GACP,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,QAAQ;GACR,MAAM;GACN,QAAQ;GACT;EAED,SAAS,EAAkB,GAAgC;AACzD,UAAO,EAAsB,GAAO,GAAe,EAA0B;;yBAK7E,EAkBM,OAlBN,GAkBM,EAAA,EAAA,GAAA,EAXJ,EAUM,GAAA,MAAA,EATY,EAAA,SAAT,YADT,EAUM,OAAA;GARH,KAAK,EAAM;GACX,OAAK,EAAE,EAAA,EAAoB,CAAC,EAAK,CAAA;YAElC,EAIE,EAHK,EAAkB,EAAK,CAAA,EAAA;GACpB;GACR,UAAS"}

package/dist/cdn/chunks/NumberWithSuffix-Ty1bp9vB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberWithSuffix-Ty1bp9vB.js","names":["css","hueCss","saturationCss"],"sources":["../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/convert.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/compare.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/dom.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/components/slider.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/components/hue.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/components/saturation.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/styles/color-picker.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/styles/hue.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/styles/saturation.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/components/color-picker.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/entrypoints/hex.js","../../../../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/hex-color-picker.js","../../../src/components/ColorPicker.vue","../../../src/components/ColorPicker.vue","../../../src/components/SlidingPillSelect.vue","../../../src/components/SlidingPillSelect.vue","../../../src/components/toolbar/FieldRow.vue","../../../src/components/toolbar/FieldRow.vue","../../../src/components/toolbar/NumberWithSuffix.vue","../../../src/components/toolbar/NumberWithSuffix.vue"],"sourcesContent":["// Clamps a value between an upper and lower bound.\n// We use ternary operators because it makes the minified code\n// 2 times shorter then `Math.min(Math.max(a,b),c)`\nexport const clamp = (number, min = 0, max = 1) => {\n    return number > max ? max : number < min ? min : number;\n};\nexport const round = (number, digits = 0, base = Math.pow(10, digits)) => {\n    return Math.round(base * number) / base;\n};\n//# sourceMappingURL=math.js.map","import { round } from './math.js';\n/**\n * Valid CSS <angle> units.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/angle\n */\nconst angleUnits = {\n    grad: 360 / 400,\n    turn: 360,\n    rad: 360 / (Math.PI * 2)\n};\nexport const hexToHsva = (hex) => rgbaToHsva(hexToRgba(hex));\nexport const hexToRgba = (hex) => {\n    if (hex[0] === '#')\n        hex = hex.substring(1);\n    if (hex.length < 6) {\n        return {\n            r: parseInt(hex[0] + hex[0], 16),\n            g: parseInt(hex[1] + hex[1], 16),\n            b: parseInt(hex[2] + hex[2], 16),\n            a: hex.length === 4 ? round(parseInt(hex[3] + hex[3], 16) / 255, 2) : 1\n        };\n    }\n    return {\n        r: parseInt(hex.substring(0, 2), 16),\n        g: parseInt(hex.substring(2, 4), 16),\n        b: parseInt(hex.substring(4, 6), 16),\n        a: hex.length === 8 ? round(parseInt(hex.substring(6, 8), 16) / 255, 2) : 1\n    };\n};\nexport const parseHue = (value, unit = 'deg') => {\n    return Number(value) * (angleUnits[unit] || 1);\n};\nexport const hslaStringToHsva = (hslString) => {\n    const matcher = /hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n    const match = matcher.exec(hslString);\n    if (!match)\n        return { h: 0, s: 0, v: 0, a: 1 };\n    return hslaToHsva({\n        h: parseHue(match[1], match[2]),\n        s: Number(match[3]),\n        l: Number(match[4]),\n        a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1)\n    });\n};\nexport const hslStringToHsva = hslaStringToHsva;\nexport const hslaToHsva = ({ h, s, l, a }) => {\n    s *= (l < 50 ? l : 100 - l) / 100;\n    return {\n        h: h,\n        s: s > 0 ? ((2 * s) / (l + s)) * 100 : 0,\n        v: l + s,\n        a\n    };\n};\nexport const hsvaToHex = (hsva) => rgbaToHex(hsvaToRgba(hsva));\nexport const hsvaToHsla = ({ h, s, v, a }) => {\n    const hh = ((200 - s) * v) / 100;\n    return {\n        h: round(h),\n        s: round(hh > 0 && hh < 200 ? ((s * v) / 100 / (hh <= 100 ? hh : 200 - hh)) * 100 : 0),\n        l: round(hh / 2),\n        a: round(a, 2)\n    };\n};\nexport const hsvaToHsvString = (hsva) => {\n    const { h, s, v } = roundHsva(hsva);\n    return `hsv(${h}, ${s}%, ${v}%)`;\n};\nexport const hsvaToHsvaString = (hsva) => {\n    const { h, s, v, a } = roundHsva(hsva);\n    return `hsva(${h}, ${s}%, ${v}%, ${a})`;\n};\nexport const hsvaToHslString = (hsva) => {\n    const { h, s, l } = hsvaToHsla(hsva);\n    return `hsl(${h}, ${s}%, ${l}%)`;\n};\nexport const hsvaToHslaString = (hsva) => {\n    const { h, s, l, a } = hsvaToHsla(hsva);\n    return `hsla(${h}, ${s}%, ${l}%, ${a})`;\n};\nexport const hsvaToRgba = ({ h, s, v, a }) => {\n    h = (h / 360) * 6;\n    s = s / 100;\n    v = v / 100;\n    const hh = Math.floor(h), b = v * (1 - s), c = v * (1 - (h - hh) * s), d = v * (1 - (1 - h + hh) * s), module = hh % 6;\n    return {\n        r: round([v, c, b, b, d, v][module] * 255),\n        g: round([d, v, v, c, b, b][module] * 255),\n        b: round([b, b, d, v, v, c][module] * 255),\n        a: round(a, 2)\n    };\n};\nexport const hsvaToRgbString = (hsva) => {\n    const { r, g, b } = hsvaToRgba(hsva);\n    return `rgb(${r}, ${g}, ${b})`;\n};\nexport const hsvaToRgbaString = (hsva) => {\n    const { r, g, b, a } = hsvaToRgba(hsva);\n    return `rgba(${r}, ${g}, ${b}, ${a})`;\n};\nexport const hsvaStringToHsva = (hsvString) => {\n    const matcher = /hsva?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n    const match = matcher.exec(hsvString);\n    if (!match)\n        return { h: 0, s: 0, v: 0, a: 1 };\n    return roundHsva({\n        h: parseHue(match[1], match[2]),\n        s: Number(match[3]),\n        v: Number(match[4]),\n        a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1)\n    });\n};\nexport const hsvStringToHsva = hsvaStringToHsva;\nexport const rgbaStringToHsva = (rgbaString) => {\n    const matcher = /rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n    const match = matcher.exec(rgbaString);\n    if (!match)\n        return { h: 0, s: 0, v: 0, a: 1 };\n    return rgbaToHsva({\n        r: Number(match[1]) / (match[2] ? 100 / 255 : 1),\n        g: Number(match[3]) / (match[4] ? 100 / 255 : 1),\n        b: Number(match[5]) / (match[6] ? 100 / 255 : 1),\n        a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)\n    });\n};\nexport const rgbStringToHsva = rgbaStringToHsva;\nconst format = (number) => {\n    const hex = number.toString(16);\n    return hex.length < 2 ? '0' + hex : hex;\n};\nexport const rgbaToHex = ({ r, g, b, a }) => {\n    const alphaHex = a < 1 ? format(round(a * 255)) : '';\n    return '#' + format(r) + format(g) + format(b) + alphaHex;\n};\nexport const rgbaToHsva = ({ r, g, b, a }) => {\n    const max = Math.max(r, g, b);\n    const delta = max - Math.min(r, g, b);\n    // prettier-ignore\n    const hh = delta\n        ? max === r\n            ? (g - b) / delta\n            : max === g\n                ? 2 + (b - r) / delta\n                : 4 + (r - g) / delta\n        : 0;\n    return {\n        h: round(60 * (hh < 0 ? hh + 6 : hh)),\n        s: round(max ? (delta / max) * 100 : 0),\n        v: round((max / 255) * 100),\n        a\n    };\n};\nexport const roundHsva = (hsva) => ({\n    h: round(hsva.h),\n    s: round(hsva.s),\n    v: round(hsva.v),\n    a: round(hsva.a, 2)\n});\nexport const rgbaToRgb = ({ r, g, b }) => ({ r, g, b });\nexport const hslaToHsl = ({ h, s, l }) => ({ h, s, l });\nexport const hsvaToHsv = (hsva) => {\n    const { h, s, v } = roundHsva(hsva);\n    return { h, s, v };\n};\n//# sourceMappingURL=convert.js.map","import { hexToRgba } from './convert.js';\nexport const equalColorObjects = (first, second) => {\n    if (first === second)\n        return true;\n    for (const prop in first) {\n        // The following allows for a type-safe calling of this function (first & second have to be HSL, HSV, or RGB)\n        // with type-unsafe iterating over object keys. TS does not allow this without an index (`[key: string]: number`)\n        // on an object to define how iteration is normally done. To ensure extra keys are not allowed on our types,\n        // we must cast our object to unknown (as RGB demands `r` be a key, while `Record<string, x>` does not care if\n        // there is or not), and then as a type TS can iterate over.\n        if (first[prop] !==\n            second[prop])\n            return false;\n    }\n    return true;\n};\nexport const equalColorString = (first, second) => {\n    return first.replace(/\\s/g, '') === second.replace(/\\s/g, '');\n};\nexport const equalHex = (first, second) => {\n    if (first.toLowerCase() === second.toLowerCase())\n        return true;\n    // To compare colors like `#FFF` and `ffffff` we convert them into RGB objects\n    return equalColorObjects(hexToRgba(first), hexToRgba(second));\n};\n//# sourceMappingURL=compare.js.map","const cache = {};\nexport const tpl = (html) => {\n    let template = cache[html];\n    if (!template) {\n        template = document.createElement('template');\n        template.innerHTML = html;\n        cache[html] = template;\n    }\n    return template;\n};\nexport const fire = (target, type, detail) => {\n    target.dispatchEvent(new CustomEvent(type, {\n        bubbles: true,\n        detail\n    }));\n};\n//# sourceMappingURL=dom.js.map","import { fire, tpl } from '../utils/dom.js';\nimport { clamp } from '../utils/math.js';\nlet hasTouched = false;\n// Check if an event was triggered by touch\nconst isTouch = (e) => 'touches' in e;\n// Prevent mobile browsers from handling mouse events (conflicting with touch ones).\n// If we detected a touch interaction before, we prefer reacting to touch events only.\nconst isValid = (event) => {\n    if (hasTouched && !isTouch(event))\n        return false;\n    if (!hasTouched)\n        hasTouched = isTouch(event);\n    return true;\n};\nconst pointerMove = (target, event) => {\n    const pointer = isTouch(event) ? event.touches[0] : event;\n    const rect = target.el.getBoundingClientRect();\n    fire(target.el, 'move', target.getMove({\n        x: clamp((pointer.pageX - (rect.left + window.pageXOffset)) / rect.width),\n        y: clamp((pointer.pageY - (rect.top + window.pageYOffset)) / rect.height)\n    }));\n};\nconst keyMove = (target, event) => {\n    // We use `keyCode` instead of `key` to reduce the size of the library.\n    const keyCode = event.keyCode;\n    // Ignore all keys except arrow ones, Page Up, Page Down, Home and End.\n    if (keyCode > 40 || (target.xy && keyCode < 37) || keyCode < 33)\n        return;\n    // Do not scroll page by keys when color picker element has focus.\n    event.preventDefault();\n    // Send relative offset to the parent component.\n    fire(target.el, 'move', target.getMove({\n        x: keyCode === 39 // Arrow Right\n            ? 0.01\n            : keyCode === 37 // Arrow Left\n                ? -0.01\n                : keyCode === 34 // Page Down\n                    ? 0.05\n                    : keyCode === 33 // Page Up\n                        ? -0.05\n                        : keyCode === 35 // End\n                            ? 1\n                            : keyCode === 36 // Home\n                                ? -1\n                                : 0,\n        y: keyCode === 40 // Arrow down\n            ? 0.01\n            : keyCode === 38 // Arrow Up\n                ? -0.01\n                : 0\n    }, true));\n};\nexport class Slider {\n    constructor(root, part, aria, xy) {\n        const template = tpl(`<div role=\"slider\" tabindex=\"0\" part=\"${part}\" ${aria}><div part=\"${part}-pointer\"></div></div>`);\n        root.appendChild(template.content.cloneNode(true));\n        const el = root.querySelector(`[part=${part}]`);\n        el.addEventListener('mousedown', this);\n        el.addEventListener('touchstart', this);\n        el.addEventListener('keydown', this);\n        this.el = el;\n        this.xy = xy;\n        this.nodes = [el.firstChild, el];\n    }\n    set dragging(state) {\n        const toggleEvent = state ? document.addEventListener : document.removeEventListener;\n        toggleEvent(hasTouched ? 'touchmove' : 'mousemove', this);\n        toggleEvent(hasTouched ? 'touchend' : 'mouseup', this);\n    }\n    handleEvent(event) {\n        switch (event.type) {\n            case 'mousedown':\n            case 'touchstart':\n                event.preventDefault();\n                // event.button is 0 in mousedown for left button activation\n                if (!isValid(event) || (!hasTouched && event.button != 0))\n                    return;\n                this.el.focus();\n                pointerMove(this, event);\n                this.dragging = true;\n                break;\n            case 'mousemove':\n            case 'touchmove':\n                event.preventDefault();\n                pointerMove(this, event);\n                break;\n            case 'mouseup':\n            case 'touchend':\n                this.dragging = false;\n                break;\n            case 'keydown':\n                keyMove(this, event);\n                break;\n        }\n    }\n    style(styles) {\n        styles.forEach((style, i) => {\n            for (const p in style) {\n                this.nodes[i].style.setProperty(p, style[p]);\n            }\n        });\n    }\n}\n//# sourceMappingURL=slider.js.map","import { Slider } from './slider.js';\nimport { hsvaToHslString } from '../utils/convert.js';\nimport { clamp, round } from '../utils/math.js';\nexport class Hue extends Slider {\n    constructor(root) {\n        super(root, 'hue', 'aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"', false);\n    }\n    update({ h }) {\n        this.h = h;\n        this.style([\n            {\n                left: `${(h / 360) * 100}%`,\n                color: hsvaToHslString({ h, s: 100, v: 100, a: 1 })\n            }\n        ]);\n        this.el.setAttribute('aria-valuenow', `${round(h)}`);\n    }\n    getMove(offset, key) {\n        // Hue measured in degrees of the color circle ranging from 0 to 360\n        return { h: key ? clamp(this.h + offset.x * 360, 0, 360) : 360 * offset.x };\n    }\n}\n//# sourceMappingURL=hue.js.map","import { Slider } from './slider.js';\nimport { hsvaToHslString } from '../utils/convert.js';\nimport { clamp, round } from '../utils/math.js';\nexport class Saturation extends Slider {\n    constructor(root) {\n        super(root, 'saturation', 'aria-label=\"Color\"', true);\n    }\n    update(hsva) {\n        this.hsva = hsva;\n        this.style([\n            {\n                top: `${100 - hsva.v}%`,\n                left: `${hsva.s}%`,\n                color: hsvaToHslString(hsva)\n            },\n            {\n                'background-color': hsvaToHslString({ h: hsva.h, s: 100, v: 100, a: 1 })\n            }\n        ]);\n        this.el.setAttribute('aria-valuetext', `Saturation ${round(hsva.s)}%, Brightness ${round(hsva.v)}%`);\n    }\n    getMove(offset, key) {\n        // Saturation and brightness always fit into [0, 100] range\n        return {\n            s: key ? clamp(this.hsva.s + offset.x * 100, 0, 100) : offset.x * 100,\n            v: key ? clamp(this.hsva.v - offset.y * 100, 0, 100) : Math.round(100 - offset.y * 100)\n        };\n    }\n}\n//# sourceMappingURL=saturation.js.map","export default `:host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}`;\n//# sourceMappingURL=color-picker.js.map","export default `[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}`;\n//# sourceMappingURL=hue.js.map","export default `[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}`;\n//# sourceMappingURL=saturation.js.map","import { equalColorObjects } from '../utils/compare.js';\nimport { fire, tpl } from '../utils/dom.js';\nimport { Hue } from './hue.js';\nimport { Saturation } from './saturation.js';\nimport css from '../styles/color-picker.js';\nimport hueCss from '../styles/hue.js';\nimport saturationCss from '../styles/saturation.js';\nconst $isSame = Symbol('same');\nconst $color = Symbol('color');\nconst $hsva = Symbol('hsva');\nconst $update = Symbol('update');\nconst $parts = Symbol('parts');\nexport const $css = Symbol('css');\nexport const $sliders = Symbol('sliders');\nexport class ColorPicker extends HTMLElement {\n    static get observedAttributes() {\n        return ['color'];\n    }\n    get [$css]() {\n        return [css, hueCss, saturationCss];\n    }\n    get [$sliders]() {\n        return [Saturation, Hue];\n    }\n    get color() {\n        return this[$color];\n    }\n    set color(newColor) {\n        if (!this[$isSame](newColor)) {\n            const newHsva = this.colorModel.toHsva(newColor);\n            this[$update](newHsva);\n            this[$color] = newColor;\n        }\n    }\n    constructor() {\n        super();\n        const template = tpl(`<style>${this[$css].join('')}</style>`);\n        const root = this.attachShadow({ mode: 'open' });\n        root.appendChild(template.content.cloneNode(true));\n        root.addEventListener('move', this);\n        this[$parts] = this[$sliders].map((slider) => new slider(root));\n    }\n    connectedCallback() {\n        // A user may set a property on an _instance_ of an element,\n        // before its prototype has been connected to this class.\n        // If so, we need to run it through the proper class setter.\n        if (this.hasOwnProperty('color')) {\n            const value = this.color;\n            delete this['color'];\n            this.color = value;\n        }\n        else if (!this.color) {\n            this.color = this.colorModel.defaultColor;\n        }\n    }\n    attributeChangedCallback(_attr, _oldVal, newVal) {\n        const color = this.colorModel.fromAttr(newVal);\n        if (!this[$isSame](color)) {\n            this.color = color;\n        }\n    }\n    handleEvent(event) {\n        // Merge the current HSV color object with updated params.\n        const oldHsva = this[$hsva];\n        const newHsva = { ...oldHsva, ...event.detail };\n        this[$update](newHsva);\n        let newColor;\n        if (!equalColorObjects(newHsva, oldHsva) &&\n            !this[$isSame]((newColor = this.colorModel.fromHsva(newHsva)))) {\n            this[$color] = newColor;\n            fire(this, 'color-changed', { value: newColor });\n        }\n    }\n    [$isSame](color) {\n        return this.color && this.colorModel.equal(color, this.color);\n    }\n    [$update](hsva) {\n        this[$hsva] = hsva;\n        this[$parts].forEach((part) => part.update(hsva));\n    }\n}\n//# sourceMappingURL=color-picker.js.map","import { ColorPicker } from '../components/color-picker.js';\nimport { hexToHsva, hsvaToHex } from '../utils/convert.js';\nimport { equalHex } from '../utils/compare.js';\nconst colorModel = {\n    defaultColor: '#000',\n    toHsva: hexToHsva,\n    fromHsva: ({ h, s, v }) => hsvaToHex({ h, s, v, a: 1 }),\n    equal: equalHex,\n    fromAttr: (color) => color\n};\nexport class HexBase extends ColorPicker {\n    get colorModel() {\n        return colorModel;\n    }\n}\n//# sourceMappingURL=hex.js.map","import { HexBase } from './lib/entrypoints/hex.js';\n/**\n * A color picker custom element that uses HEX format.\n *\n * @element hex-color-picker\n *\n * @prop {string} color - Selected color in HEX format.\n * @attr {string} color - Selected color in HEX format.\n *\n * @fires color-changed - Event fired when color property changes.\n *\n * @csspart hue - A hue selector container.\n * @csspart saturation - A saturation selector container\n * @csspart hue-pointer - A hue pointer element.\n * @csspart saturation-pointer - A saturation pointer element.\n */\nexport class HexColorPicker extends HexBase {\n}\ncustomElements.define('hex-color-picker', HexColorPicker);\n//# sourceMappingURL=hex-color-picker.js.map","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { useI18n } from \"../composables/useI18n\";\nimport {\n  colorTextClass,\n  DEFAULT_TEXT_COLOR,\n} from \"../constants/styleConstants\";\nimport \"vanilla-colorful\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    placeholder?: string;\n    size?: \"default\" | \"large\";\n    swatchOnly?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    placeholder: DEFAULT_TEXT_COLOR,\n    size: \"default\",\n    swatchOnly: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst { t } = useI18n();\n\nconst open = ref(false);\nconst popoverRef = ref<HTMLElement>();\nconst swatchRef = ref<HTMLElement>();\n\nonClickOutside(\n  popoverRef,\n  () => {\n    open.value = false;\n  },\n  { ignore: [swatchRef] },\n);\n\nconst internalColor = computed({\n  get: () => props.modelValue || DEFAULT_TEXT_COLOR,\n  set: (val) => emit(\"update:modelValue\", val),\n});\n\nfunction onPickerChange(e: Event) {\n  internalColor.value = (e as CustomEvent).detail.value;\n}\n\nfunction onTextInput(e: Event) {\n  internalColor.value = (e.target as HTMLInputElement).value;\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'tpl:flex tpl:gap-2 tpl:relative tpl:w-full tpl:min-w-0',\n      disabled && 'tpl:opacity-60 tpl:cursor-not-allowed',\n    ]\"\n  >\n    <button\n      ref=\"swatchRef\"\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"t.colorPicker.pickColor\"\n      :aria-expanded=\"open\"\n      :class=\"[\n        'tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]',\n        disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n        open\n          ? 'tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]'\n          : !disabled && 'hover:tpl:border-[var(--tpl-text-dim)]',\n        size === 'large' ? 'tpl:size-12' : 'tpl:size-10',\n      ]\"\n      @click=\"!disabled && (open = !open)\"\n    >\n      <span\n        class=\"tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]\"\n        :style=\"{ backgroundColor: internalColor }\"\n      />\n    </button>\n    <input\n      v-if=\"!swatchOnly\"\n      type=\"text\"\n      :class=\"colorTextClass\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-label=\"t.colorPicker.hexValue\"\n      @input=\"onTextInput\"\n    />\n    <Transition\n      enter-active-class=\"tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\"\n      enter-from-class=\"tpl:opacity-0 tpl:scale-95 tpl:translate-y-1\"\n      enter-to-class=\"tpl:opacity-100 tpl:scale-100 tpl:translate-y-0\"\n      leave-active-class=\"tpl:transition-all tpl:duration-[80ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\"\n      leave-from-class=\"tpl:opacity-100 tpl:scale-100 tpl:translate-y-0\"\n      leave-to-class=\"tpl:opacity-0 tpl:scale-95 tpl:translate-y-1\"\n    >\n      <div\n        v-if=\"open\"\n        ref=\"popoverRef\"\n        class=\"tpl:absolute tpl:left-0 tpl:top-full tpl:z-50 tpl:mt-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg\"\n      >\n        <hex-color-picker\n          :color=\"internalColor\"\n          :aria-label=\"t.colorPicker.pickColor\"\n          @color-changed=\"onPickerChange\"\n          @keydown.escape=\"open = false\"\n        />\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style>\nhex-color-picker {\n  --hcp-width: 200px;\n}\n\nhex-color-picker::part(hue) {\n  border-radius: var(--tpl-radius-sm, 7px);\n}\n\nhex-color-picker::part(saturation) {\n  border-radius: var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { onClickOutside } from \"@vueuse/core\";\nimport { useI18n } from \"../composables/useI18n\";\nimport {\n  colorTextClass,\n  DEFAULT_TEXT_COLOR,\n} from \"../constants/styleConstants\";\nimport \"vanilla-colorful\";\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string;\n    placeholder?: string;\n    size?: \"default\" | \"large\";\n    swatchOnly?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    placeholder: DEFAULT_TEXT_COLOR,\n    size: \"default\",\n    swatchOnly: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst { t } = useI18n();\n\nconst open = ref(false);\nconst popoverRef = ref<HTMLElement>();\nconst swatchRef = ref<HTMLElement>();\n\nonClickOutside(\n  popoverRef,\n  () => {\n    open.value = false;\n  },\n  { ignore: [swatchRef] },\n);\n\nconst internalColor = computed({\n  get: () => props.modelValue || DEFAULT_TEXT_COLOR,\n  set: (val) => emit(\"update:modelValue\", val),\n});\n\nfunction onPickerChange(e: Event) {\n  internalColor.value = (e as CustomEvent).detail.value;\n}\n\nfunction onTextInput(e: Event) {\n  internalColor.value = (e.target as HTMLInputElement).value;\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'tpl:flex tpl:gap-2 tpl:relative tpl:w-full tpl:min-w-0',\n      disabled && 'tpl:opacity-60 tpl:cursor-not-allowed',\n    ]\"\n  >\n    <button\n      ref=\"swatchRef\"\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"t.colorPicker.pickColor\"\n      :aria-expanded=\"open\"\n      :class=\"[\n        'tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]',\n        disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n        open\n          ? 'tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]'\n          : !disabled && 'hover:tpl:border-[var(--tpl-text-dim)]',\n        size === 'large' ? 'tpl:size-12' : 'tpl:size-10',\n      ]\"\n      @click=\"!disabled && (open = !open)\"\n    >\n      <span\n        class=\"tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]\"\n        :style=\"{ backgroundColor: internalColor }\"\n      />\n    </button>\n    <input\n      v-if=\"!swatchOnly\"\n      type=\"text\"\n      :class=\"colorTextClass\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-label=\"t.colorPicker.hexValue\"\n      @input=\"onTextInput\"\n    />\n    <Transition\n      enter-active-class=\"tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\"\n      enter-from-class=\"tpl:opacity-0 tpl:scale-95 tpl:translate-y-1\"\n      enter-to-class=\"tpl:opacity-100 tpl:scale-100 tpl:translate-y-0\"\n      leave-active-class=\"tpl:transition-all tpl:duration-[80ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]\"\n      leave-from-class=\"tpl:opacity-100 tpl:scale-100 tpl:translate-y-0\"\n      leave-to-class=\"tpl:opacity-0 tpl:scale-95 tpl:translate-y-1\"\n    >\n      <div\n        v-if=\"open\"\n        ref=\"popoverRef\"\n        class=\"tpl:absolute tpl:left-0 tpl:top-full tpl:z-50 tpl:mt-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg\"\n      >\n        <hex-color-picker\n          :color=\"internalColor\"\n          :aria-label=\"t.colorPicker.pickColor\"\n          @color-changed=\"onPickerChange\"\n          @keydown.escape=\"open = false\"\n        />\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<style>\nhex-color-picker {\n  --hcp-width: 200px;\n}\n\nhex-color-picker::part(hue) {\n  border-radius: var(--tpl-radius-sm, 7px);\n}\n\nhex-color-picker::part(saturation) {\n  border-radius: var(--tpl-radius-sm, 7px) var(--tpl-radius-sm, 7px) 0 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport { computed } from \"vue\";\n\nexport interface PillOption {\n  value: string;\n  label: string;\n  icon?: Component;\n}\n\nconst props = defineProps<{\n  options: PillOption[];\n  modelValue: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst selectedIndex = computed(() =>\n  props.options.findIndex((o) => o.value === props.modelValue),\n);\n\nconst pillOffset = computed(\n  () => `translateX(${Math.max(selectedIndex.value, 0) * 100}%)`,\n);\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    class=\"tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1\"\n    :style=\"{\n      gridTemplateColumns: `repeat(${options.length}, 1fr)`,\n      backgroundColor: 'var(--tpl-bg-hover)',\n    }\"\n  >\n    <!-- Sliding pill — hidden when modelValue matches no option,\n         otherwise it would silently sit on the first option and create\n         a visual mismatch with aria-checked. -->\n    <div\n      v-if=\"selectedIndex >= 0\"\n      class=\"tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]\"\n      :style=\"{\n        left: '4px',\n        width: `calc((100% - 8px) / ${options.length})`,\n        transform: pillOffset,\n        backgroundColor: 'var(--tpl-bg)',\n        boxShadow: 'var(--tpl-shadow)',\n        transition: 'transform 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n    ></div>\n\n    <button\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      role=\"radio\"\n      :aria-checked=\"modelValue === option.value\"\n      :aria-label=\"option.label\"\n      class=\"tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:py-[5px] tpl:text-xs tpl:font-medium\"\n      :style=\"{\n        color:\n          modelValue === option.value\n            ? 'var(--tpl-primary)'\n            : 'var(--tpl-text-muted)',\n        transition: 'color 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n      :title=\"option.label\"\n      @click=\"emit('update:modelValue', option.value)\"\n    >\n      <component\n        :is=\"option.icon\"\n        v-if=\"option.icon\"\n        :size=\"14\"\n        :stroke-width=\"2\"\n      />\n      <span v-else>{{ option.label }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport { computed } from \"vue\";\n\nexport interface PillOption {\n  value: string;\n  label: string;\n  icon?: Component;\n}\n\nconst props = defineProps<{\n  options: PillOption[];\n  modelValue: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst selectedIndex = computed(() =>\n  props.options.findIndex((o) => o.value === props.modelValue),\n);\n\nconst pillOffset = computed(\n  () => `translateX(${Math.max(selectedIndex.value, 0) * 100}%)`,\n);\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    class=\"tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1\"\n    :style=\"{\n      gridTemplateColumns: `repeat(${options.length}, 1fr)`,\n      backgroundColor: 'var(--tpl-bg-hover)',\n    }\"\n  >\n    <!-- Sliding pill — hidden when modelValue matches no option,\n         otherwise it would silently sit on the first option and create\n         a visual mismatch with aria-checked. -->\n    <div\n      v-if=\"selectedIndex >= 0\"\n      class=\"tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]\"\n      :style=\"{\n        left: '4px',\n        width: `calc((100% - 8px) / ${options.length})`,\n        transform: pillOffset,\n        backgroundColor: 'var(--tpl-bg)',\n        boxShadow: 'var(--tpl-shadow)',\n        transition: 'transform 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n    ></div>\n\n    <button\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      role=\"radio\"\n      :aria-checked=\"modelValue === option.value\"\n      :aria-label=\"option.label\"\n      class=\"tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:py-[5px] tpl:text-xs tpl:font-medium\"\n      :style=\"{\n        color:\n          modelValue === option.value\n            ? 'var(--tpl-primary)'\n            : 'var(--tpl-text-muted)',\n        transition: 'color 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n      :title=\"option.label\"\n      @click=\"emit('update:modelValue', option.value)\"\n    >\n      <component\n        :is=\"option.icon\"\n        v-if=\"option.icon\"\n        :size=\"14\"\n        :stroke-width=\"2\"\n      />\n      <span v-else>{{ option.label }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { labelClass } from \"../../constants/styleConstants\";\n\ndefineProps<{\n  label?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:mb-3.5\">\n    <label v-if=\"label\" :class=\"labelClass\">{{ label }}</label>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { labelClass } from \"../../constants/styleConstants\";\n\ndefineProps<{\n  label?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:mb-3.5\">\n    <label v-if=\"label\" :class=\"labelClass\">{{ label }}</label>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  inputGroupInputClass,\n  inputSuffixClass,\n} from \"../../constants/styleConstants\";\n\ndefineProps<{\n  modelValue: number;\n  min?: number;\n  max?: number;\n  suffix: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: number): void;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:items-stretch\">\n    <input\n      type=\"number\"\n      :class=\"inputGroupInputClass\"\n      :value=\"modelValue\"\n      :min=\"min\"\n      :max=\"max\"\n      @input=\"\n        emit(\n          'update:modelValue',\n          Number(($event.target as HTMLInputElement).value),\n        )\n      \"\n    />\n    <span :class=\"inputSuffixClass\">{{ suffix }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  inputGroupInputClass,\n  inputSuffixClass,\n} from \"../../constants/styleConstants\";\n\ndefineProps<{\n  modelValue: number;\n  min?: number;\n  max?: number;\n  suffix: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: number): void;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:items-stretch\">\n    <input\n      type=\"number\"\n      :class=\"inputGroupInputClass\"\n      :value=\"modelValue\"\n      :min=\"min\"\n      :max=\"max\"\n      @input=\"\n        emit(\n          'update:modelValue',\n          Number(($event.target as HTMLInputElement).value),\n        )\n      \"\n    />\n    <span :class=\"inputSuffixClass\">{{ suffix }}</span>\n  </div>\n</template>\n"],"x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12],"mappings":";;;;AAGA,IAAa,KAAS,GAAQ,IAAM,GAAG,IAAM,MAClC,IAAS,IAAM,IAAM,IAAS,IAAM,IAAM,GAExC,KAAS,GAAQ,IAAS,GAAG,IAAgB,MAAI,MACnD,KAAK,MAAM,IAAO,EAAO,GAAG;ACC9B,OAAO,KAAK,KAAK;AAE1B,IAAa,MAAa,MAAQ,EAAW,EAAU,EAAI,CAAC,EAC/C,KAAa,OAClB,EAAI,OAAO,QACX,IAAM,EAAI,UAAU,EAAE,GACtB,EAAI,SAAS,IACN;CACH,GAAG,SAAS,EAAI,KAAK,EAAI,IAAI,GAAG;CAChC,GAAG,SAAS,EAAI,KAAK,EAAI,IAAI,GAAG;CAChC,GAAG,SAAS,EAAI,KAAK,EAAI,IAAI,GAAG;CAChC,GAAG,EAAI,WAAW,IAAI,EAAM,SAAS,EAAI,KAAK,EAAI,IAAI,GAAG,GAAG,KAAK,EAAE,GAAG;CACzE,GAEE;CACH,GAAG,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG;CACpC,GAAG,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG;CACpC,GAAG,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG;CACpC,GAAG,EAAI,WAAW,IAAI,EAAM,SAAS,EAAI,UAAU,GAAG,EAAE,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG;CAC7E,GA2BQ,KAAa,MAAS,GAAU,GAAW,EAAK,CAAC,EACjD,MAAc,EAAE,MAAG,MAAG,MAAG,WAAQ;CAC1C,IAAM,KAAO,MAAM,KAAK,IAAK;AAC7B,QAAO;EACH,GAAG,EAAM,EAAE;EACX,GAAG,EAAM,IAAK,KAAK,IAAK,MAAQ,IAAI,IAAK,OAAO,KAAM,MAAM,IAAK,MAAM,KAAO,MAAM,EAAE;EACtF,GAAG,EAAM,IAAK,EAAE;EAChB,GAAG,EAAM,GAAG,EAAE;EACjB;GAUQ,KAAmB,MAAS;CACrC,IAAM,EAAE,MAAG,MAAG,SAAM,GAAW,EAAK;AACpC,QAAO,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE;GAMpB,MAAc,EAAE,MAAG,MAAG,MAAG,WAAQ;AAG1C,CAFA,IAAK,IAAI,MAAO,GAChB,KAAQ,KACR,KAAQ;CACR,IAAM,IAAK,KAAK,MAAM,EAAE,EAAE,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,IAAI,KAAM,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAM,IAAI,IAAS,IAAK;AACrH,QAAO;EACH,GAAG,EAAM;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAU,IAAI;EAC1C,GAAG,EAAM;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAU,IAAI;EAC1C,GAAG,EAAM;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAE,CAAC,KAAU,IAAI;EAC1C,GAAG,EAAM,GAAG,EAAE;EACjB;GAoCC,KAAU,MAAW;CACvB,IAAM,IAAM,EAAO,SAAS,GAAG;AAC/B,QAAO,EAAI,SAAS,IAAI,MAAM,IAAM;GAE3B,MAAa,EAAE,MAAG,MAAG,MAAG,WAAQ;CACzC,IAAM,IAAW,IAAI,IAAI,EAAO,EAAM,IAAI,IAAI,CAAC,GAAG;AAClD,QAAO,MAAM,EAAO,EAAE,GAAG,EAAO,EAAE,GAAG,EAAO,EAAE,GAAG;GAExC,KAAc,EAAE,MAAG,MAAG,MAAG,WAAQ;CAC1C,IAAM,IAAM,KAAK,IAAI,GAAG,GAAG,EAAE,EACvB,IAAQ,IAAM,KAAK,IAAI,GAAG,GAAG,EAAE,EAE/B,IAAK,IACL,MAAQ,KACH,IAAI,KAAK,IACV,MAAQ,IACJ,KAAK,IAAI,KAAK,IACd,KAAK,IAAI,KAAK,IACtB;AACN,QAAO;EACH,GAAG,EAAM,MAAM,IAAK,IAAI,IAAK,IAAI,GAAI;EACrC,GAAG,EAAM,IAAO,IAAQ,IAAO,MAAM,EAAE;EACvC,GAAG,EAAO,IAAM,MAAO,IAAI;EAC3B;EACH;GCrJQ,KAAqB,GAAO,MAAW;AAChD,KAAI,MAAU,EACV,QAAO;AACX,MAAK,IAAM,KAAQ,EAMf,KAAI,EAAM,OACN,EAAO,GACP,QAAO;AAEf,QAAO;GAKE,KAAY,GAAO,MACxB,EAAM,aAAa,KAAK,EAAO,aAAa,GACrC,KAEJ,EAAkB,EAAU,EAAM,EAAE,EAAU,EAAO,CAAC,ECvB3D,IAAQ,EAAE,EACH,KAAO,MAAS;CACzB,IAAI,IAAW,EAAM;AAMrB,QALK,MACD,IAAW,SAAS,cAAc,WAAW,EAC7C,EAAS,YAAY,GACrB,EAAM,KAAQ,IAEX;GAEE,KAAQ,GAAQ,GAAM,MAAW;AAC1C,GAAO,cAAc,IAAI,YAAY,GAAM;EACvC,SAAS;EACT;EACH,CAAC,CAAC;GCZH,IAAa,IAEX,KAAW,MAAM,aAAa,GAG9B,KAAW,MACT,KAAc,CAAC,EAAQ,EAAM,GACtB,MACX,AACI,MAAa,EAAQ,EAAM,EACxB,KAEL,KAAe,GAAQ,MAAU;CACnC,IAAM,IAAU,EAAQ,EAAM,GAAG,EAAM,QAAQ,KAAK,GAC9C,IAAO,EAAO,GAAG,uBAAuB;AAC9C,GAAK,EAAO,IAAI,QAAQ,EAAO,QAAQ;EACnC,GAAG,GAAO,EAAQ,SAAS,EAAK,OAAO,OAAO,gBAAgB,EAAK,MAAM;EACzE,GAAG,GAAO,EAAQ,SAAS,EAAK,MAAM,OAAO,gBAAgB,EAAK,OAAO;EAC5E,CAAC,CAAC;GAED,KAAW,GAAQ,MAAU;CAE/B,IAAM,IAAU,EAAM;AAElB,KAAU,MAAO,EAAO,MAAM,IAAU,MAAO,IAAU,OAG7D,EAAM,gBAAgB,EAEtB,EAAK,EAAO,IAAI,QAAQ,EAAO,QAAQ;EACnC,GAAG,MAAY,KACT,MACA,MAAY,KACR,OACA,MAAY,KACR,MACA,MAAY,KACR,OACA,MAAY,KACR,IACA,MAAY,KACR,KACA;EAC1B,GAAG,MAAY,KACT,MACA,MAAY,KACR,OACA;EACb,EAAE,GAAK,CAAC;GAEA,IAAb,MAAoB;CAChB,YAAY,GAAM,GAAM,GAAM,GAAI;EAC9B,IAAM,IAAW,EAAI,yCAAyC,EAAK,IAAI,EAAK,cAAc,EAAK,wBAAwB;AACvH,IAAK,YAAY,EAAS,QAAQ,UAAU,GAAK,CAAC;EAClD,IAAM,IAAK,EAAK,cAAc,SAAS,EAAK,GAAG;AAM/C,EALA,EAAG,iBAAiB,aAAa,KAAK,EACtC,EAAG,iBAAiB,cAAc,KAAK,EACvC,EAAG,iBAAiB,WAAW,KAAK,EACpC,KAAK,KAAK,GACV,KAAK,KAAK,GACV,KAAK,QAAQ,CAAC,EAAG,YAAY,EAAG;;CAEpC,IAAI,SAAS,GAAO;EAChB,IAAM,IAAc,IAAQ,SAAS,mBAAmB,SAAS;AAEjE,EADA,EAAY,IAAa,cAAc,aAAa,KAAK,EACzD,EAAY,IAAa,aAAa,WAAW,KAAK;;CAE1D,YAAY,GAAO;AACf,UAAQ,EAAM,MAAd;GACI,KAAK;GACL,KAAK;AAGD,QAFA,EAAM,gBAAgB,EAElB,CAAC,EAAQ,EAAM,IAAK,CAAC,KAAc,EAAM,UAAU,EACnD;AAGJ,IAFA,KAAK,GAAG,OAAO,EACf,EAAY,MAAM,EAAM,EACxB,KAAK,WAAW;AAChB;GACJ,KAAK;GACL,KAAK;AAED,IADA,EAAM,gBAAgB,EACtB,EAAY,MAAM,EAAM;AACxB;GACJ,KAAK;GACL,KAAK;AACD,SAAK,WAAW;AAChB;GACJ,KAAK;AACD,MAAQ,MAAM,EAAM;AACpB;;;CAGZ,MAAM,GAAQ;AACV,IAAO,SAAS,GAAO,MAAM;AACzB,QAAK,IAAM,KAAK,EACZ,MAAK,MAAM,GAAG,MAAM,YAAY,GAAG,EAAM,GAAG;IAElD;;GCjGG,IAAb,cAAyB,EAAO;CAC5B,YAAY,GAAM;AACd,QAAM,GAAM,OAAO,gEAA0D,GAAM;;CAEvF,OAAO,EAAE,QAAK;AAQV,EAPA,KAAK,IAAI,GACT,KAAK,MAAM,CACP;GACI,MAAM,GAAI,IAAI,MAAO,IAAI;GACzB,OAAO,EAAgB;IAAE;IAAG,GAAG;IAAK,GAAG;IAAK,GAAG;IAAG,CAAC;GACtD,CACJ,CAAC,EACF,KAAK,GAAG,aAAa,iBAAiB,GAAG,EAAM,EAAE,GAAG;;CAExD,QAAQ,GAAQ,GAAK;AAEjB,SAAO,EAAE,GAAG,IAAM,EAAM,KAAK,IAAI,EAAO,IAAI,KAAK,GAAG,IAAI,GAAG,MAAM,EAAO,GAAG;;GChBtE,IAAb,cAAgC,EAAO;CACnC,YAAY,GAAM;AACd,QAAM,GAAM,cAAc,wBAAsB,GAAK;;CAEzD,OAAO,GAAM;AAYT,EAXA,KAAK,OAAO,GACZ,KAAK,MAAM,CACP;GACI,KAAK,GAAG,MAAM,EAAK,EAAE;GACrB,MAAM,GAAG,EAAK,EAAE;GAChB,OAAO,EAAgB,EAAK;GAC/B,EACD,EACI,oBAAoB,EAAgB;GAAE,GAAG,EAAK;GAAG,GAAG;GAAK,GAAG;GAAK,GAAG;GAAG,CAAC,EAC3E,CACJ,CAAC,EACF,KAAK,GAAG,aAAa,kBAAkB,cAAc,EAAM,EAAK,EAAE,CAAC,gBAAgB,EAAM,EAAK,EAAE,CAAC,GAAG;;CAExG,QAAQ,GAAQ,GAAK;AAEjB,SAAO;GACH,GAAG,IAAM,EAAM,KAAK,KAAK,IAAI,EAAO,IAAI,KAAK,GAAG,IAAI,GAAG,EAAO,IAAI;GAClE,GAAG,IAAM,EAAM,KAAK,KAAK,IAAI,EAAO,IAAI,KAAK,GAAG,IAAI,GAAG,KAAK,MAAM,MAAM,EAAO,IAAI,IAAI;GAC1F;;GC1BT,IAAe,ixBCAf,IAAe,mKCAf,IAAe,+SCOT,IAAU,OAAO,OAAO,EACxB,IAAS,OAAO,QAAQ,EACxB,IAAQ,OAAO,OAAO,EACtB,IAAU,OAAO,SAAS,EAC1B,IAAS,OAAO,QAAQ,EACjB,IAAO,OAAO,MAAM,EACpB,IAAW,OAAO,UAAU,EAC5B,KAAb,cAAiC,YAAY;CACzC,WAAW,qBAAqB;AAC5B,SAAO,CAAC,QAAQ;;CAEpB,KAAK,KAAQ;AACT,SAAO;GAACA;GAAKC;GAAQC;GAAc;;CAEvC,KAAK,KAAY;AACb,SAAO,CAAC,GAAY,EAAI;;CAE5B,IAAI,QAAQ;AACR,SAAO,KAAK;;CAEhB,IAAI,MAAM,GAAU;AAChB,MAAI,CAAC,KAAK,GAAS,EAAS,EAAE;GAC1B,IAAM,IAAU,KAAK,WAAW,OAAO,EAAS;AAEhD,GADA,KAAK,GAAS,EAAQ,EACtB,KAAK,KAAU;;;CAGvB,cAAc;AACV,SAAO;EACP,IAAM,IAAW,EAAI,UAAU,KAAK,GAAM,KAAK,GAAG,CAAC,UAAU,EACvD,IAAO,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGhD,EAFA,EAAK,YAAY,EAAS,QAAQ,UAAU,GAAK,CAAC,EAClD,EAAK,iBAAiB,QAAQ,KAAK,EACnC,KAAK,KAAU,KAAK,GAAU,KAAK,MAAW,IAAI,EAAO,EAAK,CAAC;;CAEnE,oBAAoB;AAIhB,MAAI,KAAK,eAAe,QAAQ,EAAE;GAC9B,IAAM,IAAQ,KAAK;AAEnB,GADA,OAAO,KAAK,OACZ,KAAK,QAAQ;SAGb,KAAK,UAAQ,KAAK,WAAW;;CAGrC,yBAAyB,GAAO,GAAS,GAAQ;EAC7C,IAAM,IAAQ,KAAK,WAAW,SAAS,EAAO;AAC9C,EAAK,KAAK,GAAS,EAAM,KACrB,KAAK,QAAQ;;CAGrB,YAAY,GAAO;EAEf,IAAM,IAAU,KAAK,IACf,IAAU;GAAE,GAAG;GAAS,GAAG,EAAM;GAAQ;AAC/C,OAAK,GAAS,EAAQ;EACtB,IAAI;AACJ,EAAI,CAAC,EAAkB,GAAS,EAAQ,IACpC,CAAC,KAAK,GAAU,IAAW,KAAK,WAAW,SAAS,EAAQ,CAAE,KAC9D,KAAK,KAAU,GACf,EAAK,MAAM,iBAAiB,EAAE,OAAO,GAAU,CAAC;;CAGxD,CAAC,GAAS,GAAO;AACb,SAAO,KAAK,SAAS,KAAK,WAAW,MAAM,GAAO,KAAK,MAAM;;CAEjE,CAAC,GAAS,GAAM;AAEZ,EADA,KAAK,KAAS,GACd,KAAK,GAAQ,SAAS,MAAS,EAAK,OAAO,EAAK,CAAC;;GC3EnD,KAAa;CACf,cAAc;CACd,QAAQ;CACR,WAAW,EAAE,MAAG,MAAG,WAAQ,EAAU;EAAE;EAAG;EAAG;EAAG,GAAG;EAAG,CAAC;CACvD,OAAO;CACP,WAAW,MAAU;CACxB,EACY,KAAb,cAA6B,GAAY;CACrC,IAAI,aAAa;AACb,SAAO;;;ACMf,eAAe,OAAO,oBAAoB,cAFN,GAAQ,GAEa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECRzD,IAAM,IAAQ,GAgBR,IAAO,GAIP,EAAE,SAAM,GAAS,EAEjB,IAAO,EAAI,GAAM,EACjB,IAAa,GAAkB,EAC/B,IAAY,GAAkB;AAEpC,KACE,SACM;AACJ,KAAK,QAAQ;KAEf,EAAE,QAAQ,CAAC,EAAU,EAAE,CACxB;EAED,IAAM,IAAgB,EAAS;GAC7B,WAAW,EAAM,cAAA;GACjB,MAAM,MAAQ,EAAK,qBAAqB,EAAI;GAC7C,CAAC;EAEF,SAAS,EAAe,GAAU;AAChC,KAAc,QAAS,EAAkB,OAAO;;EAGlD,SAAS,EAAY,GAAU;AAC7B,KAAc,QAAS,EAAE,OAA4B;;yBAKrD,EA0DM,OAAA,EAzDH,OAAK,EAAA,CAAA,0DAA0E,EAAA,YAAQ,wCAAA,CAAA,EAAA,EAAA;GAKxF,EAoBS,UAAA;aAnBH;IAAJ,KAAI;IACJ,MAAK;IACJ,UAAU,EAAA;IACV,cAAY,EAAA,EAAC,CAAC,YAAY;IAC1B,iBAAe,EAAA;IACf,OAAK,EAAA;;KAAgO,EAAA,WAAQ,2BAAA;KAA4D,EAAA,QAAA,iEAAA,CAA6F,EAAA,YAAQ;KAAsD,EAAA,SAAI,UAAA,gBAAA;;IAQxc,SAAK,AAAA,EAAA,QAAA,MAAA,CAAG,EAAA,aAAa,EAAA,QAAI,CAAI,EAAA;OAE9B,EAGE,QAAA;IAFA,OAAM;IACL,OAAK,EAAA,EAAA,iBAAqB,EAAA,OAAa,CAAA;;GAInC,EAAA,0BAAA,GAAA,EADT,EASE,SAAA;;IAPA,MAAK;IACJ,OAAK,EAAE,EAAA,GAAc,CAAA;IACrB,OAAO,EAAA;IACP,aAAa,EAAA;IACb,UAAU,EAAA;IACV,cAAY,EAAA,EAAC,CAAC,YAAY;IAC1B,SAAO;;GAEV,GAoBa,GAAA;IAnBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;qBAaT,CAVE,EAAA,SAAA,GAAA,EADR,EAWM,OAAA;;cATA;KAAJ,KAAI;KACJ,OAAM;QAEN,EAKE,oBAAA;KAJC,OAAO,EAAA;KACP,cAAY,EAAA,EAAC,CAAC,YAAY;KAC1B,gBAAe;KACf,WAAO,AAAA,EAAA,OAAA,GAAA,MAAS,EAAA,QAAI,IAAA,CAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;EEvG/B,IAAM,IAAQ,GAKR,IAAO,GAIP,IAAgB,QACpB,EAAM,QAAQ,WAAW,MAAM,EAAE,UAAU,EAAM,WAAW,CAC7D,EAEK,IAAa,QACX,cAAc,KAAK,IAAI,EAAc,OAAO,EAAE,GAAG,IAAI,IAC5D;yBAIC,EAiDM,OAAA;GAhDJ,MAAK;GACL,OAAM;GACL,OAAK,EAAA;mCAAyC,EAAA,QAAQ,OAAM;;;MASrD,EAAA,SAAa,KAAA,GAAA,EADrB,EAWO,OAAA;;GATL,OAAM;GACL,OAAK,EAAA;;kCAA+D,EAAA,QAAQ,OAAM;eAAwB,EAAA;;;;;oCAU7G,EAwBS,GAAA,MAAA,EAvBU,EAAA,UAAV,YADT,EAwBS,UAAA;GAtBN,KAAK,EAAO;GACb,MAAK;GACJ,gBAAc,EAAA,eAAe,EAAO;GACpC,cAAY,EAAO;GACpB,OAAM;GACL,OAAK,EAAA;WAA6B,EAAA,eAAe,EAAO,QAAA,uBAAA;;;GAOxD,OAAO,EAAO;GACd,UAAK,MAAE,EAAI,qBAAsB,EAAO,MAAK;MAItC,EAAO,QAAA,GAAA,EAFf,EAKE,EAJK,EAAO,KAAI,EAAA;;GAEf,MAAM;GACN,gBAAc;cAEjB,EAAsC,QAAA,IAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,EAAA,EAAA,IAAA,GAAA;;;;;;yBEnEhC,EAGM,OAHN,IAGM,CAFS,EAAA,SAAA,GAAA,EAAb,EAA2D,SAAA;;GAAtC,OAAK,EAAE,EAAA,EAAU,CAAA;OAAK,EAAA,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAChD,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;EEEZ,IAAM,IAAO;yBAMX,EAeM,OAfN,IAeM,CAdJ,EAYE,SAAA;GAXA,MAAK;GACJ,OAAK,EAAE,EAAA,EAAoB,CAAA;GAC3B,OAAO,EAAA;GACP,KAAK,EAAA;GACL,KAAK,EAAA;GACL,SAAK,AAAA,EAAA,QAAA,MAAW,EAAA,qBAA+C,OAAQ,EAAO,OAA4B,MAAK,CAAA;oBAOlH,EAAmD,QAAA,EAA5C,OAAK,EAAE,EAAA,EAAgB,CAAA,EAAA,EAAA,EAAK,EAAA,OAAM,EAAA,EAAA,CAAA,CAAA"}

package/dist/cdn/chunks/blockTypeIcons-pQIkxJzc.js

@@ -1,23 +0,0 @@
-import { Et as e, _t as t, ft as n, lt as r, xt as i } from "./features-DIBEo4xl.js";
-import { A as a, B as o, D as s, F as c, X as l, a as u, k as d, nt as f, o as p } from "./icons-C1Gg-ov-.js";
-//#region src/utils/blockTypeIcons.ts
-var m = {
-	section: f,
-	title: l,
-	paragraph: a,
-	image: i,
-	button: s,
-	input: p,
-	divider: o,
-	video: d,
-	social: n,
-	menu: t,
-	table: r,
-	spacer: c,
-	countdown: u,
-	html: e
-};
-//#endregion
-export { m as t };
-
-//# sourceMappingURL=blockTypeIcons-pQIkxJzc.js.map

package/dist/cdn/chunks/blockTypeIcons-pQIkxJzc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blockTypeIcons-pQIkxJzc.js","names":[],"sources":["../../../src/utils/blockTypeIcons.ts"],"sourcesContent":["import {\n  Code,\n  Columns3,\n  Heading,\n  Image,\n  Minus,\n  MoveVertical,\n  Navigation,\n  Pilcrow,\n  Play,\n  RectangleHorizontal,\n  Share2,\n  Table,\n  TextCursor,\n  Timer,\n} from \"@lucide/vue\";\nimport type { Component } from \"vue\";\n\nexport const blockTypeIcons: Record<string, Component> = {\n  section: Columns3,\n  title: Heading,\n  paragraph: Pilcrow,\n  image: Image,\n  button: RectangleHorizontal,\n  input: TextCursor,\n  divider: Minus,\n  video: Play,\n  social: Share2,\n  menu: Navigation,\n  table: Table,\n  spacer: MoveVertical,\n  countdown: Timer,\n  html: Code,\n};\n"],"mappings":";;;AAkBA,IAAa,IAA4C;CACvD,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACR,WAAW;CACX,MAAM;CACP"}

package/dist/cdn/chunks/de-_tooy3Q8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"de-_tooy3Q8.js","names":[],"sources":["../../../src/i18n/locales/de.ts"],"sourcesContent":["import type en from \"./en\";\n\nconst de: typeof en = {\n  // Footer (OSS only)\n  footer: {\n    poweredBy: \"Erstellt mit\",\n    openSource: \"Open Source\",\n  },\n\n  tour: {\n    next: \"Weiter\",\n    skip: \"Tour überspringen\",\n    done: \"Verstanden!\",\n    stepCounter: \"{current} von {total}\",\n    defaults: {\n      canvas: {\n        title: \"Ihre E-Mail-Leinwand\",\n        text: \"Hier nimmt Ihre E-Mail Gestalt an. Klicken Sie auf einen Block, um ihn auszuwählen und zu bearbeiten.\",\n      },\n      sidebar: {\n        title: \"Block-Bibliothek\",\n        text: \"Ziehen Sie Blöcke von hier auf die Leinwand, um Text, Bilder, Buttons und mehr hinzuzufügen.\",\n      },\n      rightSidebar: {\n        title: \"Inhalt & Einstellungen\",\n        text: \"Wählen Sie einen Block aus, um seinen Inhalt hier zu bearbeiten, oder wechseln Sie zu Einstellungen, um das gesamte Vorlagenlayout anzupassen.\",\n      },\n    },\n  },\n\n  // History (undo/redo)\n  history: {\n    undo: \"Rückgängig\",\n    redo: \"Wiederholen\",\n    collabWarning:\n      \"Rückgängig machen kann die Änderungen anderer Mitarbeiter beeinflussen\",\n  },\n\n  // Viewport toggle\n  viewport: {\n    label: \"Ansichtsgröße\",\n    desktop: \"Desktop\",\n    tablet: \"Tablet\",\n    mobile: \"Mobil\",\n  },\n\n  // Dark mode preview\n  darkMode: {\n    enable: \"Dunkelmodus-Vorschau\",\n    disable: \"Hellmodus-Vorschau\",\n  },\n\n  // Preview mode\n  previewMode: {\n    enable: \"Vorschaumodus\",\n    disable: \"Vorschau beenden\",\n  },\n\n  // Sidebar - Block types\n  blocks: {\n    section: \"Abschnitt\",\n    image: \"Bild\",\n    title: \"Titel\",\n    paragraph: \"Absatz\",\n    button: \"Schaltfläche\",\n    input: \"Eingabefeld\",\n    divider: \"Trennlinie\",\n    video: \"Video\",\n    social: \"Sozial\",\n    spacer: \"Abstand\",\n    html: \"HTML\",\n    menu: \"Menü\",\n    table: \"Tabelle\",\n    countdown: \"Countdown\",\n  },\n\n  // Right sidebar\n  sidebar: {\n    content: \"Inhalt\",\n    settings: \"Einstellungen\",\n    noSelection: \"Kein Element ausgewählt\",\n    noSelectionHint:\n      \"Wählen Sie einen Block auf der Leinwand aus, um ihn zu bearbeiten\",\n  },\n\n  // Toolbar - Common\n  toolbar: {\n    duplicate: \"Duplizieren\",\n    delete: \"Löschen\",\n  },\n\n  // Title editor toolbar\n  titleEditor: {\n    toolbar: \"Titelformatierung\",\n    bold: \"Fett (Strg+B)\",\n    italic: \"Kursiv (Strg+I)\",\n    addLink: \"Link hinzufügen\",\n  },\n\n  // Paragraph editor toolbar\n  paragraphEditor: {\n    toolbar: \"Textformatierung\",\n    bold: \"Fett (Strg+B)\",\n    italic: \"Kursiv (Strg+I)\",\n    underline: \"Unterstrichen (Strg+U)\",\n    strikethrough: \"Durchgestrichen\",\n    subscript: \"Tiefgestellt\",\n    superscript: \"Hochgestellt\",\n    addLink: \"Link hinzufügen\",\n    bulletList: \"Aufzählungsliste\",\n    numberedList: \"Nummerierte Liste\",\n    alignLeft: \"Linksbündig\",\n    alignCenter: \"Zentriert\",\n    alignRight: \"Rechtsbündig\",\n    clearFormatting: \"Formatierung entfernen\",\n    insertEmoji: \"Emoji einfügen\",\n    fontFamily: \"Schriftart\",\n    defaultFont: \"Standard\",\n    fontSize: \"Schriftgröße\",\n    defaultSize: \"Standard\",\n    textColor: \"Textfarbe\",\n    highlightColor: \"Hervorhebungsfarbe\",\n    lineHeight: \"Zeilenhöhe\",\n    letterSpacing: \"Zeichenabstand\",\n    emojiItemLabel: \"Emoji {emoji} einfügen\",\n    closeEmojiPicker: \"Emoji-Auswahl schließen\",\n  },\n\n  // Block actions (BlockWrapper)\n  blockActions: {\n    drag: \"Zum Sortieren ziehen oder Leertaste drücken, um mit der Tastatur zu verschieben\",\n    dragLifted:\n      \"{block} wird verschoben. Pfeiltasten zum Positionieren, Leer- oder Eingabetaste zum Ablegen, Esc zum Abbrechen.\",\n    duplicate: \"Block duplizieren\",\n    delete: \"Block löschen\",\n    hiddenOnViewport: \"Ausgeblendet auf {viewport}\",\n    saveAsModule: \"Als Modul speichern\",\n    conditionToggle: \"Anzeigebedingung umschalten\",\n    comments: \"Kommentare ({count})\",\n    lifted: \"{block} angehoben. Position {position} von {total}.\",\n    moved: \"{block} auf Position {position} von {total} verschoben.\",\n    dropped: \"{block} auf Position {position} von {total} abgelegt.\",\n    cancelled:\n      \"Verschieben abgebrochen. {block} auf Position {position} zurückgesetzt.\",\n  },\n\n  // Toolbar - Section\n  section: {\n    dropHere: \"Blöcke hierher ziehen\",\n    columns: \"Spalten\",\n    column1: \"1 Spalte\",\n    column2: \"2 Spalten\",\n    column3: \"3 Spalten\",\n    ratio12: \"1:2 Verhältnis\",\n    ratio21: \"2:1 Verhältnis\",\n  },\n\n  // Text editor link dialog\n  linkDialog: {\n    editLink: \"Link bearbeiten\",\n    insertLink: \"Link einfügen\",\n    updateLink: \"Link aktualisieren\",\n    removeLink: \"Link entfernen\",\n    cancel: \"Abbrechen\",\n    urlPlaceholder: \"https://beispiel.de\",\n    urlLabel: \"URL\",\n  },\n\n  // Toolbar - Title\n  title: {\n    level: \"Überschriftenebene\",\n    heading1: \"Überschrift 1 (36px)\",\n    heading2: \"Überschrift 2 (28px)\",\n    heading3: \"Überschrift 3 (22px)\",\n    heading4: \"Überschrift 4 (18px)\",\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Vorlagenschrift verwenden\",\n    color: \"Farbe\",\n    align: \"Ausrichtung\",\n    alignLeft: \"Links\",\n    alignCenter: \"Zentriert\",\n    alignRight: \"Rechts\",\n  },\n\n  // Emoji picker\n  emoji: {\n    smileys: \"Smileys\",\n    gestures: \"Gesten\",\n    objects: \"Objekte\",\n  },\n\n  // Toolbar - Image\n  image: {\n    imageUrl: \"Bild-URL\",\n    imageUrlPlaceholder: \"https://...\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Bildbeschreibung\",\n    width: \"Breite\",\n    fullWidth: \"Volle Breite\",\n    linkUrl: \"Link-URL\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    placeholderUrl: \"Platzhalterbild\",\n    placeholderUrlPlaceholder: \"https://... (nur zur Gestaltung)\",\n    placeholderUrlTooltip:\n      \"Da die Bild-URL ein Merge-Tag verwendet, können Sie hier ein echtes Bild angeben, um das Layout während der Gestaltung in der Vorschau anzuzeigen. Dies wird nicht in die endgültige Ausgabe aufgenommen.\",\n    clickToAdd: \"Klicken Sie, um eine Bild-URL hinzuzufügen\",\n    browseMedia: \"Medien durchsuchen\",\n    decorative: \"Dekoratives Bild\",\n    decorativeHint:\n      \"Wird von Bildschirmlesern ignoriert. Nur für Abstandshalter und visuelle Verzierungen verwenden.\",\n  },\n\n  // Toolbar - Video\n  video: {\n    videoUrl: \"Video-URL\",\n    videoUrlPlaceholder: \"https://youtube.com/...\",\n    youtube: \"YouTube\",\n    vimeo: \"Vimeo\",\n    detected: \"Video erkannt — Vorschaubild wird automatisch generiert\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    customThumbnail: \"Eigenes Vorschaubild\",\n    optional: \"(optional)\",\n    thumbnailPlaceholder: \"Automatisch aus Video-URL generiert\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Videobeschreibung\",\n    width: \"Breite\",\n    fullWidth: \"Volle Breite\",\n    placeholderUrl: \"Platzhalter-Thumbnail\",\n    placeholderUrlPlaceholder: \"https://... (nur zur Gestaltung)\",\n    placeholderUrlTooltip:\n      \"Da die Video-URL ein Merge-Tag verwendet, können Sie hier ein echtes Thumbnail angeben, um das Layout während der Gestaltung in der Vorschau anzuzeigen. Dies wird nicht in die endgültige Ausgabe aufgenommen.\",\n    addVideo: \"Video-URL hinzufügen\",\n  },\n\n  // Toolbar - Button\n  button: {\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Vorlagenschrift verwenden\",\n    text: \"Text\",\n    actionOnClick: \"Aktion beim Klick\",\n    clickActionNone: \"Aktion wählen\",\n    clickActionNextStep: \"Nächsten Schritt anzeigen\",\n    clickActionPreviousStep: \"Vorherigen Schritt anzeigen\",\n    clickActionLoadPage: \"Neue Seite laden\",\n    clickActionScrollAnchor: \"Zum Anker scrollen\",\n    clickActionClosePopup: \"Popup schließen\",\n    url: \"URL\",\n    pageUrl: \"Seiten-URL\",\n    anchorId: \"Anker-ID\",\n    anchorIdPlaceholder: \"abschnitt-id\",\n    urlPlaceholder: \"https://...\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    background: \"Hintergrund\",\n    textColor: \"Textfarbe\",\n    border: \"Rahmen\",\n    borderColor: \"Rahmenfarbe\",\n    borderWidth: \"Rahmenbreite\",\n    borderSides: \"Seiten\",\n    borderSidesLabels: {\n      all: \"Alle Seiten\",\n      top: \"Oben\",\n      right: \"Rechts\",\n      bottom: \"Unten\",\n      left: \"Links\",\n    },\n    borderRadius: \"Eckenradius\",\n    fontSize: \"Schriftgröße\",\n  },\n\n  // Toolbar - Input field\n  input: {\n    fieldType: \"Eingabetyp\",\n    types: {\n      text: \"Text\",\n      email: \"E-Mail\",\n      date: \"Datum\",\n    },\n    name: \"Feldname\",\n    label: \"Beschriftung\",\n    placeholder: \"Platzhalter\",\n    defaultValue: \"Standardwert\",\n    required: \"Pflichtfeld\",\n    labelAppearance: \"Beschriftung – Darstellung\",\n    labelMargin: \"Beschriftung – Außenabstand\",\n    labelPadding: \"Beschriftung – Innenabstand\",\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Vorlagenschrift verwenden\",\n    fontWeight: \"Schriftstärke\",\n    weightNormal: \"Normal\",\n    weightBold: \"Fett\",\n    alignLeft: \"Links\",\n    alignCenter: \"Zentriert\",\n    alignRight: \"Rechts\",\n    inputAppearance: \"Eingabefeld – Darstellung\",\n    inputMargin: \"Eingabe – Außenabstand\",\n    inputPadding: \"Eingabe – Innenabstand\",\n    fieldWidth: \"Breite\",\n    fixedWidth: \"Feste Breite\",\n    placeholderColor: \"Platzhalterfarbe\",\n  },\n\n  // Toolbar - Divider\n  divider: {\n    style: \"Stil\",\n    solid: \"Durchgehend\",\n    dashed: \"Gestrichelt\",\n    dotted: \"Gepunktet\",\n    color: \"Farbe\",\n    thickness: \"Stärke\",\n  },\n\n  // Toolbar - Social Icons\n  social: {\n    icons: \"Symbole\",\n    addIcon: \"Symbol hinzufügen\",\n    addIcons: \"Soziale Symbole hinzufügen\",\n    removeIcon: \"Entfernen\",\n    platform: \"Plattform\",\n    url: \"URL\",\n    urlPlaceholder: \"https://...\",\n    style: \"Stil\",\n    styleSolid: \"Gefüllt\",\n    styleOutlined: \"Umrandet\",\n    styleRounded: \"Abgerundet\",\n    styleSquare: \"Eckig\",\n    styleCircle: \"Rund\",\n    size: \"Größe\",\n    sizeSmall: \"K\",\n    sizeMedium: \"M\",\n    sizeLarge: \"G\",\n    spacing: \"Abstand\",\n    align: \"Ausrichtung\",\n    platforms: {\n      facebook: \"Facebook\",\n      twitter: \"X (Twitter)\",\n      instagram: \"Instagram\",\n      linkedin: \"LinkedIn\",\n      youtube: \"YouTube\",\n      tiktok: \"TikTok\",\n      pinterest: \"Pinterest\",\n      email: \"E-Mail\",\n      whatsapp: \"WhatsApp\",\n      telegram: \"Telegram\",\n      discord: \"Discord\",\n      snapchat: \"Snapchat\",\n      reddit: \"Reddit\",\n      github: \"GitHub\",\n      dribbble: \"Dribbble\",\n      behance: \"Behance\",\n    },\n  },\n\n  // Toolbar - Menu\n  menu: {\n    items: \"Menüpunkte\",\n    addItem: \"Punkt hinzufügen\",\n    removeItem: \"Entfernen\",\n    text: \"Text\",\n    url: \"URL\",\n    urlPlaceholder: \"https://beispiel.de\",\n    openInNewTab: \"In neuem Tab öffnen\",\n    bold: \"Fett\",\n    underline: \"Unterstrichen\",\n    color: \"Farbe\",\n    linkColor: \"Linkfarbe\",\n    fontSize: \"Schriftgröße\",\n    fontFamily: \"Schriftfamilie\",\n    separator: \"Trennzeichen\",\n    separatorColor: \"Trennzeichenfarbe\",\n    spacing: \"Abstand\",\n    textAlign: \"Ausrichtung\",\n    addLinks: \"Menülinks hinzufügen\",\n  },\n\n  // Toolbar - Table\n  table: {\n    dimensions: \"Abmessungen\",\n    rows: \"Zeilen\",\n    columns: \"Spalten\",\n    addRow: \"Zeile hinzufügen\",\n    removeRow: \"Zeile entfernen\",\n    addColumn: \"Spalte hinzufügen\",\n    removeColumn: \"Spalte entfernen\",\n    hasHeaderRow: \"Kopfzeile\",\n    headerBackgroundColor: \"Kopfzeilen-Hintergrund\",\n    noHeaderBg: \"Kein Hintergrund\",\n    borderColor: \"Rahmenfarbe\",\n    borderWidth: \"Rahmenbreite\",\n    cellPadding: \"Zellenabstand\",\n    fontFamily: \"Schriftart\",\n    fontSize: \"Schriftgröße\",\n    color: \"Textfarbe\",\n    textAlign: \"Ausrichtung\",\n    cellPlaceholder: \"Text eingeben...\",\n    empty: \"Tabelle hinzufügen\",\n  },\n\n  // Toolbar - Spacer\n  spacer: {\n    height: \"Höhe\",\n  },\n\n  // Toolbar - Countdown\n  countdown: {\n    targetDate: \"Zieldatum\",\n    timezone: \"Zeitzone\",\n    display: \"Anzeige\",\n    days: \"Tage\",\n    hours: \"Stunden\",\n    minutes: \"Minuten\",\n    seconds: \"Sekunden\",\n    separator: \"Trennzeichen\",\n    fontFamily: \"Schriftart\",\n    inheritFont: \"Standard\",\n    digitFontSize: \"Zifferngröße\",\n    digitColor: \"Ziffernfarbe\",\n    labelColor: \"Beschriftungsfarbe\",\n    labelFontSize: \"Beschriftungsgröße\",\n    background: \"Hintergrund\",\n    labels: \"Beschriftungen\",\n    expiry: \"Ablaufnachricht\",\n    expiredMessagePlaceholder: \"Dieses Angebot ist abgelaufen\",\n    expiredImageUrl: \"Ablaufbild-URL\",\n    hideOnExpiry: \"Bei Ablauf ausblenden\",\n    setDate: \"Legen Sie ein Zieldatum im Einstellungsbereich fest\",\n    hidden: \"Ausgeblendet (abgelaufen)\",\n  },\n\n  // Custom Blocks\n  customBlocks: {\n    definitionNotFound:\n      \"Unbekannter Blocktyp — dieser Block ist nicht registriert\",\n    renderError:\n      \"Dieser Block konnte nicht gerendert werden. Überprüfen Sie die Block-Vorlage auf Fehler.\",\n    fields: {\n      required: \"Pflichtfeld\",\n      addItem: \"Element hinzufügen\",\n      removeItem: \"Entfernen\",\n      maxItemsReached: \"Maximale Anzahl erreicht\",\n      minItemsRequired: \"Mindestens {count} Elemente erforderlich\",\n    },\n    toolbar: {\n      noDefinition:\n        \"Registrieren Sie diesen Blocktyp in Ihrer SDK-Konfiguration, um seine Eigenschaften zu bearbeiten\",\n    },\n    dataSource: {\n      fetchButton: \"Inhalt laden\",\n      changeButton: \"Ändern\",\n      fetching: \"Wird geladen...\",\n      readOnlyTooltip: \"Dieser Wert wird aus Ihrer Datenquelle geladen\",\n      fetchError: \"Inhalt konnte nicht geladen werden\",\n    },\n  },\n\n  // Toolbar - HTML\n  html: {\n    content: \"HTML-Inhalt\",\n    preview: \"Benutzerdefinierter HTML-Block\",\n    empty: \"HTML-Inhalt im Bereich hinzufügen\",\n    sanitizationHint:\n      \"Skripte und unsichere Elemente werden beim Export entfernt.\",\n  },\n\n  // Toolbar - Common block settings\n  blockSettings: {\n    spacing: \"Abstände\",\n    padding: \"Innenabstand\",\n    margin: \"Außenabstand\",\n    background: \"Hintergrund\",\n    color: \"Farbe\",\n    display: \"Anzeige\",\n    showOnDesktop: \"Auf Desktop anzeigen\",\n    showOnTablet: \"Auf Tablet anzeigen\",\n    showOnMobile: \"Auf Mobilgerät anzeigen\",\n    hiddenOnDevice: \"Ausgeblendet auf {device}\",\n    customCss: \"Benutzerdefiniertes CSS\",\n    css: \"CSS\",\n    cssPlaceholder: \"/* Benutzerdefinierte Stile */\",\n    displayCondition: \"Anzeigebedingung\",\n    selectCondition: \"Bedingung auswählen\",\n    removeCondition: \"Bedingung entfernen\",\n    noCondition: \"Immer sichtbar\",\n    conditionApplied: \"Bedingung angewendet\",\n    customCondition: \"Eigene Bedingung\",\n    customConditionLabel: \"Bedingungsname\",\n    customConditionBefore: \"Vorher (öffnende Logik)\",\n    customConditionAfter: \"Nachher (schließende Logik)\",\n    applyCondition: \"Anwenden\",\n    cancelCondition: \"Abbrechen\",\n    customBadge: \"Eigene\",\n    restoreHiddenBlocks: \"Alle ausgeblendeten Blöcke anzeigen\",\n  },\n\n  // Template settings\n  templateSettings: {\n    layout: \"Layout\",\n    widthPreset: \"Breitenvoreinstellung\",\n    customWidth: \"Benutzerdefinierte Breite\",\n    contentPadding: \"Innenabstand\",\n    appearance: \"Erscheinungsbild\",\n    backgroundColor: \"Hintergrundfarbe\",\n    fontFamily: \"Schriftfamilie\",\n    preheaderText: \"Preheader-Text\",\n    preheaderTextPlaceholder:\n      \"Vorschautext, der nach der Betreffzeile im Posteingang angezeigt wird...\",\n    preheaderTextHint:\n      \"Dieser Text erscheint nach der Betreffzeile in der E-Mail-Vorschau. Unterstützt Merge-Tags.\",\n    language: \"Sprache\",\n    contentLocale: \"Inhaltssprache\",\n    contentLocaleHint:\n      \"BCP-47-Code (z. B. en, de, pt-BR). Setzt das lang-Attribut der gerenderten E-Mail, damit Screenreader den Inhalt korrekt aussprechen.\",\n    tips: \"Tipps\",\n    tip1: \"600px ist die Standardbreite für E-Mail-Vorlagen\",\n    tip2: \"Verwenden Sie websichere Schriften für beste Kompatibilität\",\n    tip3: \"Helle Hintergründe eignen sich am besten für die Lesbarkeit\",\n  },\n\n  // Spacing control\n  spacingControl: {\n    lockAll: \"Alle Seiten sperren\",\n    unlock: \"Seiten entsperren\",\n    top: \"Oben\",\n    right: \"Rechts\",\n    bottom: \"Unten\",\n    left: \"Links\",\n    decreaseTop: \"Oben verringern\",\n    increaseTop: \"Oben erhöhen\",\n    decreaseLeft: \"Links verringern\",\n    increaseLeft: \"Links erhöhen\",\n    decreaseRight: \"Rechts verringern\",\n    increaseRight: \"Rechts erhöhen\",\n    decreaseBottom: \"Unten verringern\",\n    increaseBottom: \"Unten erhöhen\",\n  },\n\n  // Color Picker\n  colorPicker: {\n    pickColor: \"Farbe auswählen\",\n    hexValue: \"Hex-Farbwert\",\n  },\n\n  // Merge-Tag\n  mergeTag: {\n    clickToEdit: \"Zum Bearbeiten klicken\",\n    remove: \"Merge-Tag entfernen\",\n    insert: \"Merge-Tag einfügen\",\n    add: \"Merge-Tag hinzufügen\",\n    editValue: \"Merge-Tag-Wert bearbeiten\",\n    deleteMergeTag: \"Merge-Tag löschen\",\n    suggestionEmpty: \"Keine passenden Merge-Tags\",\n  },\n\n  // Canvas\n  canvas: {\n    noBlocks: \"Noch keine Blöcke\",\n    dragHint:\n      \"Beginnen Sie von Grund auf, indem Sie Blöcke aus der Seitenleiste ziehen\",\n    dropHere: \"Hier ablegen\",\n    aiHintChat: \"oder lassen Sie\",\n    aiHintChatSuffix: \"in Sekunden eine komplette Vorlage für Sie erstellen\",\n    aiHintDesign:\n      \"Haben Sie ein bestehendes Design? Laden Sie einen Screenshot, ein Bild oder PDF hoch und\",\n    aiHintDesignSuffix: \"erstellt es sofort nach\",\n    pages: {\n      ariaStrip: \"Schritte\",\n      addStep: \"Schritt hinzufügen\",\n      stepActions: \"Schrittaktionen\",\n      rename: \"Umbenennen\",\n      delete: \"Löschen\",\n      renamePrompt: \"Schrittname\",\n    },\n  },\n\n  // Media Library (cloud)\n  mediaLibrary: {\n    title: \"Medienbibliothek\",\n    searchPlaceholder: \"Dateien suchen...\",\n    allFiles: \"Alle Dateien\",\n    filterAll: \"Alle Typen\",\n    filterImages: \"Bilder\",\n    filterDocuments: \"Dokumente\",\n    filterVideos: \"Videos\",\n    filterAudio: \"Audio\",\n    newFolder: \"Neuer Ordner\",\n    folderName: \"Ordnername\",\n    noFiles: \"Keine Dateien gefunden\",\n    dropOrClick: \"Dateien hierher ziehen oder klicken zum Hochladen\",\n    acceptedFormats: \"Bilder, PDF, Video, Audio, Dokumente (max. 10 MB)\",\n    uploading: \"Wird hochgeladen...\",\n    uploadingProgress: \"{current} von {total} wird hochgeladen...\",\n    selectImage: \"Bild auswählen\",\n    selectFile: \"Datei auswählen\",\n    deleteSelected: \"Löschen\",\n    copyUrl: \"URL kopieren\",\n    copied: \"Kopiert!\",\n    browseMedia: \"Medienbibliothek durchsuchen\",\n    renameFolder: \"Ordner umbenennen\",\n    addSubfolder: \"Unterordner hinzufügen\",\n    subfolderName: \"Unterordnername\",\n    sortNewest: \"Neueste zuerst\",\n    sortOldest: \"Älteste zuerst\",\n    sortNameAsc: \"Name A-Z\",\n    sortNameDesc: \"Name Z-A\",\n    sortSizeAsc: \"Kleinste zuerst\",\n    sortSizeDesc: \"Größte zuerst\",\n    moveSelected: \"Verschieben\",\n    moveToRoot: \"Alle Dateien\",\n    currentFolder: \"(aktuell)\",\n    confirmDelete: \"Diese Datei löschen?\",\n    renameFile: \"Umbenennen\",\n    editFile: \"Datei bearbeiten\",\n    fileName: \"Dateiname\",\n    altText: \"Alternativtext\",\n    altTextPlaceholder: \"Bildbeschreibung für Barrierefreiheit\",\n    saveChanges: \"Speichern\",\n    cancel: \"Abbrechen\",\n    frequentlyUsed: \"Häufig verwendet\",\n    deleteWarningTitle: \"Datei löschen\",\n    deleteWarningMessage:\n      \"Diese Datei wird dauerhaft gelöscht und kann nicht wiederhergestellt werden.\",\n    deleteWarningUsageNote:\n      \"Die folgenden Dateien werden in Vorlagen verwendet. Das Löschen kann diese Vorlagen beschädigen.\",\n    deleteAnyway: \"Datei löschen\",\n    usedInTemplates: \"In {count} Vorlage(n) verwendet\",\n    viewGrid: \"Rasteransicht\",\n    viewList: \"Listenansicht\",\n    showFolders: \"Ordner anzeigen\",\n    hideFolders: \"Ordner ausblenden\",\n    importFromUrl: \"Von URL importieren\",\n    importUrlPlaceholder: \"https://example.com/image.jpg\",\n    import: \"Importieren\",\n    importing: \"Wird importiert...\",\n    importError: \"Import von URL fehlgeschlagen\",\n    conversionLabel: \"Groesse\",\n    conversionOriginal: \"Original\",\n    conversionSmall: \"Klein (150px)\",\n    conversionMedium: \"Mittel (600px)\",\n    conversionLarge: \"Gross (1200px)\",\n    replaceFile: \"Datei ersetzen\",\n    replaceWarningTitle: \"Datei ersetzen\",\n    replaceWarningMessage:\n      \"Sie sind dabei, diese Datei zu ersetzen. Die Ersatzdatei muss dieselbe Dateierweiterung haben ({extension}).\",\n    replaceWarningUsageNote:\n      \"Diese Datei wird in {count} Vorlage(n) verwendet. Das Ersetzen aktualisiert alle Verweise.\",\n    replaceSelectFile: \"Ersatzdatei auswählen\",\n    replace: \"Ersetzen\",\n    replacing: \"Wird ersetzt...\",\n    replaceError: \"Ersetzen der Datei fehlgeschlagen\",\n    saving: \"Wird gespeichert...\",\n    cropAspectRatio: \"Seitenverhältnis\",\n    cropFree: \"Frei\",\n    cropSquare: \"1:1\",\n    cropLandscape43: \"4:3\",\n    cropLandscape169: \"16:9\",\n    cropOriginal: \"Original\",\n    cropMaxWidth: \"Max. Breite\",\n    cropMaxHeight: \"Max. Höhe\",\n    cropOutputSize: \"Ausgabegröße\",\n    cropPixels: \"px\",\n    cropOptional: \"(optional)\",\n    storageTooltip: \"{used} von {total} verwendet ({remaining} verfügbar)\",\n  },\n\n  // Seitenleiste & Popup-Leiste\n  popupSidebar: {\n    workspaceLabel: \"Popup-Editorwerkzeuge\",\n    railNavLabel: \"Editorbereiche\",\n    railDesign: \"Design\",\n    railBlocks: \"Blöcke\",\n    railDisplayRules: \"Anzeigeregeln\",\n    railSchedule: \"Zeitplan\",\n    placeholderDesign: \"Design-Einstellungen erscheinen hier.\",\n    placeholderDisplayRules: \"Anzeigeregeln erscheinen hier.\",\n    placeholderSchedule: \"Planungsoptionen erscheinen hier.\",\n  },\n\n  popupSchedule: {\n    timeZone: \"Zeitzone\",\n    startDate: \"Startdatum\",\n    endDate: \"Enddatum\",\n    startImmediate: \"Sofort\",\n    endNone: \"Keines\",\n    clearStartDate: \"Startdatum löschen\",\n    clearEndDate: \"Enddatum löschen\",\n    needHelp: \"Ich brauche Hilfe\",\n    detailedSchedule: \"Detaillierter Zeitplan\",\n    detailedScheduleHeading: \"Detaillierter Zeitplan\",\n    removeSlot: \"Zeitfenster entfernen\",\n    addTimeSlot: \"+ Zeitfenster hinzufügen\",\n    calendarPrevMonth: \"Voriger Monat\",\n    calendarNextMonth: \"Nächster Monat\",\n    calendarToday: \"Heute\",\n    calendarClear: \"Datum löschen\",\n    calendarDialogLabel: \"Datum wählen\",\n    dayLabels: {\n      everyday: \"Täglich\",\n      monday: \"Montag\",\n      tuesday: \"Dienstag\",\n      wednesday: \"Mittwoch\",\n      thursday: \"Donnerstag\",\n      friday: \"Freitag\",\n      saturday: \"Samstag\",\n      sunday: \"Sonntag\",\n    },\n  },\n\n  popupDisplayRules: {\n    debug: \"Debug\",\n    tabTrigger: \"Trigger\",\n    tabPages: \"Seiten\",\n    tabAudience: \"Zielgruppe\",\n    tabFrequency: \"Häufigkeit\",\n    tabAdvanced: \"Erweitert\",\n    placeholderSubtab: \"Dieser Bereich wird später ergänzt.\",\n    triggerHeading: \"Trigger\",\n    triggerIntro: \"Legen Sie fest, wann Besucher diese Kampagne sehen.\",\n    triggerIntroSecondary:\n      \"Mehrere Trigger können aktiv sein — es gilt die erste erfüllte Bedingung.\",\n    learnMore: \"Mehr erfahren\",\n    addTriggerConditions: \"Trigger-Bedingungen hinzufügen\",\n    triggerShowOnlyAfter: \"Erst anzeigen nach\",\n    triggerSecondsOnPage: \"Sekunden auf der Seite\",\n    triggerPageViewsSuffix: \"Seitenaufrufen\",\n    triggerAddRule: \"Regel hinzufügen\",\n    triggerRemoveRuleAria: \"Seitenaufruf-Regel entfernen\",\n    triggerOperatorGroupAria: \"Verzögerung und Seitenaufrufe verknüpfen\",\n    operatorAndShort: \"UND\",\n    operatorOrShort: \"ODER\",\n    triggerDelaySeconds: \"Verzögerung (Sekunden)\",\n    triggerPageViews: \"Mindest-Seitenaufrufe\",\n    triggerOperator: \"Regeln verknüpfen mit\",\n    operatorAnd: \"Alle (UND)\",\n    operatorOr: \"Eine (ODER)\",\n    triggerOnScrollUpLabel: \"Beim Hochscrollen auslösen\",\n    triggerOnBackButtonLabel: \"Beim Zurück-Button des Browsers\",\n    debugJsonTitle: \"Trigger-JSON (Embed-Form)\",\n    debugJsonHint:\n      \"Kurze Schlüssel (landing, exit, scroll, …) für Runtime und Integrationen. Im Editor weiterhin onLanding, onExit, …\",\n    copyJson: \"JSON kopieren\",\n    copyJsonDone: \"Kopiert\",\n    debugJsonClose: \"Schließen\",\n    scrollShowAfter: \"Einblenden nach\",\n    scrollPercentSuffix: \"% der Ansicht\",\n    clickHint:\n      'Fragment an den Link anhängen, um das Popup zu öffnen. Beispiel: <a href=\"#popup\"></a>',\n    hoverPlaceholder: \"ID eines Elements\",\n    help: \"Hilfe\",\n    customEventLabel: \"Ereignisname\",\n    customEventPlaceholder: \"meinPopupOpen\",\n    triggerOnLandingTitle: \"Beim Laden\",\n    triggerOnLandingDesc: \"Wenn ein Besucher eine Seite lädt.\",\n    triggerOnExitTitle: \"Beim Verlassen (Exit Intent)\",\n    triggerOnExitDesc:\n      \"Wenn ein Besucher die Seite verlassen will — Popup vor dem Weggang zeigen.\",\n    triggerOnScrollTitle: \"Beim Scrollen\",\n    triggerOnScrollDesc: \"Wenn ein Besucher nach unten scrollt.\",\n    triggerOnClickTitle: \"Beim Klick\",\n    triggerOnClickDesc: \"Wenn ein Besucher einen Link anklickt.\",\n    triggerOnHoverTitle: \"Beim Hover\",\n    triggerOnHoverDesc: \"Wenn ein Besucher über ein Element fährt.\",\n    triggerOnCustomTitle: \"Eigenes Ereignis\",\n    triggerOnCustomDesc: \"Einen eigenen Trigger verwenden.\",\n  },\n\n  popupDesign: {\n    tabStyle: \"Stil\",\n    tabPosition: \"Position\",\n    tabClosing: \"Schließen\",\n    tabCss: \"CSS\",\n    placeholderSubtab:\n      \"CSS-Anpassungen werden in einem späteren Update ergänzt.\",\n    standardSize: \"Standardgröße\",\n    shapeHeading: \"Form des Panels\",\n    shapeLabels: {\n      normal: \"Normal\",\n      circle: \"Kreis\",\n      semiCircle: \"Halbkreis\",\n      triangle: \"Dreieck\",\n      pill: \"Pille\",\n      hexagon: \"Hexagon\",\n      diamond: \"Raute\",\n    },\n    panelAppearance: \"Darstellung des Panels\",\n    panelColorHint:\n      \"Die Volltonfüllung nutzt die Hintergrundfarbe der Vorlage unter Einstellungen.\",\n    panelBackgroundOpacity: \"Deckkraft der Panel-Füllung\",\n    contentScrimOpacity: \"Abdunklung über dem Inhalt\",\n    backgroundImageUrl: \"URL des Hintergrundbilds\",\n    backgroundImageFitHeading: \"Anpassung Hintergrundbild\",\n    fitAuto: \"Automatisch (natürliches Seitenverhältnis)\",\n    fitCover: \"Ausfüllen (Cover)\",\n    fitContain: \"Einpassen (Contain)\",\n    backgroundImageOnly: \"Nur Bild (Chrome des Inhalts ausblenden)\",\n    options: \"Optionen\",\n    useOverlay: \"Overlay verwenden\",\n    overlayImage: \"Overlay-Bild\",\n    overlayImagePanelAriaLabel: \"Overlay-Bild hochladen\",\n    overlayImageDropLineBefore: \"Bild hierher ziehen oder \",\n    overlayImageBrowse: \"durchsuchen\",\n    overlayImageDropLineAfter: \".\",\n    overlayImageFormats: \"JPEG, PNG, GIF, WebP, AVIF oder SVG.\",\n    overlayImageDesktopPreview: \"Desktop-Vorschau Overlay\",\n    overlayImageMobilePreview: \"Mobile Vorschau Overlay\",\n    overlayImageCrop: \"Zuschneiden\",\n    overlayImageReplace: \"Ersetzen\",\n    overlayImageRemove: \"Entfernen\",\n    backgroundImage: \"Hintergrundbild\",\n    multiColumn: \"Mehrspaltiges Layout\",\n    rtl: \"Rechts-nach-links aktivieren\",\n    positionHeading: \"Wählen Sie, wo das Popup angezeigt wird\",\n    displayAnimationHeading: \"Öffnungsanimation wählen\",\n    animationSmooth: \"Sanft\",\n    animationFadeIn: \"Einblenden\",\n    animationSlideIn: \"Einschieben\",\n    animationNone: \"Keine\",\n    positionLabels: {\n      topLeft: \"Oben links\",\n      topCenter: \"Oben Mitte\",\n      topRight: \"Oben rechts\",\n      middleLeft: \"Mitte links\",\n      center: \"Mitte\",\n      middleRight: \"Mitte rechts\",\n      bottomLeft: \"Unten links\",\n      bottomCenter: \"Unten Mitte\",\n      bottomRight: \"Unten rechts\",\n    },\n    closingDisplayCloseButton: \"Schließen-Schaltfläche anzeigen\",\n    closingButtonPosition: \"Position der Schließen-Schaltfläche\",\n    closingButtonPositionLeft: \"Links\",\n    closingButtonPositionRight: \"Rechts\",\n    closingOnOverlayClick: \"Schließen bei Klick auf Overlay\",\n    sizeLabels: {\n      small: \"Klein\",\n      medium: \"Mittel\",\n      large: \"Groß\",\n      fullscreen: \"Vollbild\",\n      fullHeight: \"Volle Höhe\",\n      custom: \"Benutzerdefiniert\",\n    },\n  },\n\n  sidebarNav: {\n    browseModules: \"Gespeicherte Module durchsuchen\",\n    expandSidebar: \"Block-Seitenleiste erweitern\",\n    palette: \"Blockpalette\",\n    insertBlock: \"{block}-Block einfügen\",\n  },\n\n  // Landmark-Bezeichnungen für Hilfstechnologien\n  landmarks: {\n    canvas: \"E-Mail-Leinwand\",\n    blockToolbar: \"Blockeigenschaften\",\n    rightSidebar: \"Blockeigenschaften und Vorlageneinstellungen\",\n    reorderAnnouncements: \"Block-Neuanordnungsmeldungen\",\n  },\n\n  // Design Reference (cloud)\n  errors: {\n    editorLoading: \"Editor wird geladen...\",\n    editorLoadFailed: \"Editor konnte nicht geladen werden.\",\n    retry: \"Erneut versuchen\",\n  },\n\n  accessibility: {\n    panelTitle: \"Barrierefreiheit\",\n    panelTabLabel: \"Barrierefreiheit\",\n    groupErrors: \"Fehler\",\n    groupWarnings: \"Warnungen\",\n    groupInfo: \"Hinweise\",\n    jump: \"Zum Block springen\",\n    fix: \"Beheben\",\n    emptyState: \"Keine Probleme mit der Barrierefreiheit.\",\n    badgeError: \"Hat Barrierefreiheitsfehler\",\n    badgeWarning: \"Hat Barrierefreiheitswarnungen\",\n    issueCountTooltip: \"{count} Barrierefreiheitsprobleme\",\n  },\n};\n\nexport default de;\n"],"mappings":"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"}