@templatical/editor 0.25.2 → 0.26.1

package/dist/cdn/chunks/{CollaboratorBar-DF02nTwF.js → CollaboratorBar-C5Xf6Mz9.js}

@@ -1,7 +1,7 @@
-import { M as e, P as t, ct as n, f as r, g as i, h as a, it as o, m as s, p as c, st as l, u, x as d } from "./draggable-Z4XXmbPC.js";
-import "./useEditorCore-BMXBmdd8.js";
-import { a as f, i as p } from "./icons-C_kRN0_C.js";
-import { n as m } from "./useCloudI18n-D4JpHTPk.js";
+import { M as e, P as t, ct as n, f as r, g as i, h as a, it as o, lt as s, m as c, p as l, u, x as d } from "./draggable-DCs9qL-b.js";
+import "./useEditorCore-fyFmWS3D.js";
+import { a as f, i as p } from "./icons-CvYN6zrM.js";
+import { n as m } from "./useCloudI18n-8wkJtuJD.js";
 import { t as h } from "./readableTextColor-f8Kykfnh.js";
 //#region src/cloud/components/CollaboratorBar.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, _ = ["title"], v = {
@@ -19,34 +19,34 @@ var g = { class: "tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2" }, _
 			let t = e.trim().split(/\s+/);
 			return t.length >= 2 ? (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase() : e.charAt(0).toUpperCase();
 		}
-		return (r, m) => (e(), i("div", g, [c("div", {
+		return (r, m) => (e(), i("div", g, [l("div", {
 			class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]",
-			style: l({ color: d.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
+			style: n({ color: d.isConnected ? "var(--tpl-success)" : "var(--tpl-text-muted)" }),
 			title: d.isConnected ? o(C).collaboration.connected : o(C).collaboration.disconnected
-		}, [d.isConnected ? (e(), s(o(p), {
+		}, [d.isConnected ? (e(), c(o(p), {
 			key: 0,
 			size: 12,
 			"stroke-width": 2
-		})) : (e(), s(o(f), {
+		})) : (e(), c(o(f), {
 			key: 1,
 			size: 12,
 			"stroke-width": 2
 		}))], 12, _), d.collaborators.length > 0 ? (e(), i("div", v, [(e(!0), i(u, null, t(w.value, (t) => (e(), i("div", {
 			key: t.id,
 			class: "tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]",
-			style: l({
+			style: n({
 				backgroundColor: t.color,
 				color: o(h)(t.color)
 			}),
 			title: t.name
-		}, n(O(t.name)), 13, y))), 128)), E.value > 0 ? (e(), i("div", {
+		}, s(O(t.name)), 13, y))), 128)), E.value > 0 ? (e(), i("div", {
 			key: 0,
 			class: "tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]",
 			title: D.value
-		}, " +" + n(E.value), 9, b)) : a("", !0)])) : a("", !0)]));
+		}, " +" + s(E.value), 9, b)) : a("", !0)])) : a("", !0)]));
 	}
 });
 //#endregion
 export { S as default };
 
-//# sourceMappingURL=CollaboratorBar-DF02nTwF.js.map
+//# sourceMappingURL=CollaboratorBar-C5Xf6Mz9.js.map

package/dist/cdn/chunks/{CollaboratorBar-DF02nTwF.js.map → CollaboratorBar-C5Xf6Mz9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollaboratorBar-DF02nTwF.js","names":[],"sources":["../../../src/cloud/components/CollaboratorBar.vue","../../../src/cloud/components/CollaboratorBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;iCAcM,IAAa;;;;;;;EAPnB,IAAM,IAAQ,GAKR,EAAE,GAAG,MAAW,EAAmB,GAInC,IAAuB,QAC3B,EAAM,cAAc,MAAM,GAAG,CAAU,CACzC,GAEM,IAAwB,QAC5B,EAAM,cAAc,MAAM,CAAU,CACtC,GAEM,IAAgB,QAAe,EAAsB,MAAM,MAAM,GAEjE,IAAgB,QACpB,EAAsB,MAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAC1D;EAEA,SAAS,EAAY,GAAsB;GACzC,IAAM,IAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK;GAMrC,OALI,EAAM,UAAU,KAEhB,EAAM,EAAE,CAAC,OAAO,CAAC,IAAI,EAAM,EAAM,SAAS,EAAE,CAAC,OAAO,CAAC,EAAA,CACrD,YAAY,IAET,EAAK,OAAO,CAAC,CAAC,CAAC,YAAY;EACpC;oBAIE,EAAA,GAAA,EA0CM,OA1CN,GA0CM,CAxCJ,EAaM,OAAA;GAZJ,OAAM;GACL,OAAK,EAAA,EAAmB,OAAA,EAAA,cAAW,uBAAA,wBAAA,CAAA;GAGnC,OAAgB,EAAA,cAAwB,EAAA,CAAA,CAAM,CAAC,cAAc,YAAsB,EAAA,CAAA,CAAM,CAAC,cAAc;EAM7F,GAAA,CAAA,EAAA,eAAZ,EAAA,GAAA,EAAwD,EAAA,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EACnD,CAAA,MAAA,EAAA,GAAA,EAA+C,EAAA,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EAKpC,CAAA,EAAA,GAAA,IAAA,CAAA,GAAA,EAAA,cAAc,SAAM,KAD5B,EAAA,GAAA,EAuBM,OAvBN,GAuBM,EAnBJ,EAAA,EAAA,GAAA,EAWM,GAAA,MAAA,EAVmB,EAAA,QAAhB,OADT,EAAA,GAAA,EAWM,OAAA;GATH,KAAK,EAAa;GACnB,OAAM;GACL,OAAK,EAAA;IAA+B,iBAAA,EAAa;IAAwB,OAAA,EAAA,CAAA,CAAiB,CAAC,EAAa,KAAK;;GAI7G,OAAO,EAAa;EAElB,GAAA,EAAA,EAAY,EAAa,IAAI,CAAA,GAAA,IAAA,CAAA,EAG1B,GAAA,GAAA,IAAA,EAAA,QAAa,KADrB,EAAA,GAAA,EAMM,OAAA;;GAJJ,OAAM;GACL,OAAO,EAAA;EACT,GAAA,OACE,EAAG,EAAA,KAAa,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"CollaboratorBar-C5Xf6Mz9.js","names":[],"sources":["../../../src/cloud/components/CollaboratorBar.vue","../../../src/cloud/components/CollaboratorBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Collaborator } from \"@templatical/types\";\nimport { useCloudI18nStrict } from \"../../composables\";\nimport { Wifi, WifiOff } from \"@lucide/vue\";\nimport { computed } from \"vue\";\nimport { readableTextColor } from \"../../utils/readableTextColor\";\n\nconst props = defineProps<{\n  collaborators: Collaborator[];\n  isConnected: boolean;\n}>();\n\nconst { t: cloudT } = useCloudI18nStrict();\n\nconst maxVisible = 3;\n\nconst visibleCollaborators = computed(() =>\n  props.collaborators.slice(0, maxVisible),\n);\n\nconst overflowCollaborators = computed(() =>\n  props.collaborators.slice(maxVisible),\n);\n\nconst overflowCount = computed(() => overflowCollaborators.value.length);\n\nconst overflowNames = computed(() =>\n  overflowCollaborators.value.map((c) => c.name).join(\"\\n\"),\n);\n\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length >= 2) {\n    return (\n      parts[0].charAt(0) + parts[parts.length - 1].charAt(0)\n    ).toUpperCase();\n  }\n  return name.charAt(0).toUpperCase();\n}\n</script>\n\n<template>\n  <div class=\"tpl-collaborator-bar tpl:flex tpl:items-center tpl:gap-2\">\n    <!-- Connection indicator -->\n    <div\n      class=\"tpl:flex tpl:items-center tpl:gap-1 tpl:text-[11px]\"\n      :style=\"{\n        color: isConnected ? 'var(--tpl-success)' : 'var(--tpl-text-muted)',\n      }\"\n      :title=\"\n        isConnected\n          ? cloudT.collaboration.connected\n          : cloudT.collaboration.disconnected\n      \"\n    >\n      <Wifi v-if=\"isConnected\" :size=\"12\" :stroke-width=\"2\" />\n      <WifiOff v-else :size=\"12\" :stroke-width=\"2\" />\n    </div>\n\n    <!-- Avatar stack -->\n    <div\n      v-if=\"collaborators.length > 0\"\n      class=\"tpl:flex tpl:items-center tpl:-space-x-1.5\"\n    >\n      <div\n        v-for=\"collaborator in visibleCollaborators\"\n        :key=\"collaborator.id\"\n        class=\"tpl-collaborator-avatar tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[10px] tpl:font-bold tpl:transition-transform tpl:duration-150 tpl:hover:z-10 tpl:hover:scale-110 tpl:border-[var(--tpl-bg)]\"\n        :style=\"{\n          backgroundColor: collaborator.color,\n          color: readableTextColor(collaborator.color),\n        }\"\n        :title=\"collaborator.name\"\n      >\n        {{ getInitials(collaborator.name) }}\n      </div>\n      <div\n        v-if=\"overflowCount > 0\"\n        class=\"tpl:relative tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:border-2 tpl:text-[9px] tpl:font-bold tpl:border-[var(--tpl-bg)] tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]\"\n        :title=\"overflowNames\"\n      >\n        +{{ overflowCount }}\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;iCAcM,IAAa;;;;;;;EAPnB,IAAM,IAAQ,GAKR,EAAE,GAAG,MAAW,EAAmB,GAInC,IAAuB,QAC3B,EAAM,cAAc,MAAM,GAAG,CAAU,CACzC,GAEM,IAAwB,QAC5B,EAAM,cAAc,MAAM,CAAU,CACtC,GAEM,IAAgB,QAAe,EAAsB,MAAM,MAAM,GAEjE,IAAgB,QACpB,EAAsB,MAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAC1D;EAEA,SAAS,EAAY,GAAsB;GACzC,IAAM,IAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK;GAMrC,OALI,EAAM,UAAU,KAEhB,EAAM,EAAE,CAAC,OAAO,CAAC,IAAI,EAAM,EAAM,SAAS,EAAE,CAAC,OAAO,CAAC,EAAA,CACrD,YAAY,IAET,EAAK,OAAO,CAAC,CAAC,CAAC,YAAY;EACpC;oBAIE,EAAA,GAAA,EA0CM,OA1CN,GA0CM,CAxCJ,EAaM,OAAA;GAZJ,OAAM;GACL,OAAK,EAAA,EAAmB,OAAA,EAAA,cAAW,uBAAA,wBAAA,CAAA;GAGnC,OAAgB,EAAA,cAAwB,EAAA,CAAA,CAAM,CAAC,cAAc,YAAsB,EAAA,CAAA,CAAM,CAAC,cAAc;EAM7F,GAAA,CAAA,EAAA,eAAZ,EAAA,GAAA,EAAwD,EAAA,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EACnD,CAAA,MAAA,EAAA,GAAA,EAA+C,EAAA,CAAA,GAAA;;GAA9B,MAAM;GAAK,gBAAc;EAKpC,CAAA,EAAA,GAAA,IAAA,CAAA,GAAA,EAAA,cAAc,SAAM,KAD5B,EAAA,GAAA,EAuBM,OAvBN,GAuBM,EAnBJ,EAAA,EAAA,GAAA,EAWM,GAAA,MAAA,EAVmB,EAAA,QAAhB,OADT,EAAA,GAAA,EAWM,OAAA;GATH,KAAK,EAAa;GACnB,OAAM;GACL,OAAK,EAAA;IAA+B,iBAAA,EAAa;IAAwB,OAAA,EAAA,CAAA,CAAiB,CAAC,EAAa,KAAK;;GAI7G,OAAO,EAAa;EAElB,GAAA,EAAA,EAAY,EAAa,IAAI,CAAA,GAAA,IAAA,CAAA,EAG1B,GAAA,GAAA,IAAA,EAAA,QAAa,KADrB,EAAA,GAAA,EAMM,OAAA;;GAJJ,OAAM;GACL,OAAO,EAAA;EACT,GAAA,OACE,EAAG,EAAA,KAAa,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/cdn/chunks/{ColorPicker-BXH44v2H.js → ColorPicker-W_UyiVGc.js}

@@ -1,11 +1,11 @@
-import { M as e, P as t, T as n, V as r, Z as i, c as a, d as o, f as s, g as c, h as l, it as u, l as ee, m as te, n as ne, ot as d, p as f, st as p, u as re, x as m, y as h } from "./draggable-Z4XXmbPC.js";
-import { t as ie } from "./dist-H51neg3K.js";
-import { U as ae, V as oe, u as se } from "./keys-DsoX52o_.js";
-import { t as ce } from "./useI18n-BvcEYzrI.js";
-import { a as le, i as g, n as ue, r as de, t as fe } from "./usePopoverPosition-ig-71caO.js";
-import { n as pe } from "./icons-C_kRN0_C.js";
+import { M as e, P as t, T as n, V as r, Z as i, c as a, ct as o, d as s, f as c, g as l, h as u, it as d, l as ee, m as te, n as ne, p as f, st as p, u as re, x as m, y as h } from "./draggable-DCs9qL-b.js";
+import { t as ie } from "./dist-B2HKGHnc.js";
+import { U as ae, V as oe, u as se } from "./keys-Cmc2Yl3D.js";
+import { t as ce } from "./useI18n-UMs0F71x.js";
+import { a as le, i as ue, n as de, r as g, t as fe } from "./usePopoverPosition-cf8Y-ynK.js";
+import { n as pe } from "./icons-CvYN6zrM.js";
 //#region src/constants/styleConstants.ts
-var _ = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", v = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", y = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", b = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", me = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", x = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", S = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", C = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", w = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", T = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", E = [
+var _ = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", v = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", y = "tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)] placeholder:tpl:text-[var(--tpl-text-dim)]", b = "tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]", x = "tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-xs tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none focus:tpl:border-[var(--tpl-primary)] focus:tpl:shadow-[var(--tpl-ring)]", S = "tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)]", C = "tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]", w = "tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:duration-150 tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]", T = "tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-150 tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]", E = "tpl-btn tpl:inline-flex tpl:items-center tpl:gap-1.5 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:px-3.5 tpl:py-2 tpl:text-sm tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-primary)] hover:tpl:text-[var(--tpl-bg)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50", D = [
 	"10px",
 	"12px",
 	"14px",
@@ -18,7 +18,7 @@ var _ = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-te
 	"36px",
 	"48px",
 	"64px"
-], D = [
+], O = [
 	"1",
 	"1.2",
 	"1.4",
@@ -27,7 +27,7 @@ var _ = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-te
 	"1.8",
 	"2",
 	"2.5"
-], O = [
+], k = [
 	{
 		label: "Normal",
 		value: "normal"
@@ -56,9 +56,9 @@ var _ = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-te
 		label: "3px",
 		value: "3px"
 	}
-], k = "#000000", A = "#ffffff", j = "#ffff00", M = "#f2f2f2", N = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, P = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+], A = "#000000", j = "#ffffff", me = "#ffff00", M = "#f2f2f2", N = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, P = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);
-var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var F = (e) => U(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
 	r: parseInt(e[0] + e[0], 16),
 	g: parseInt(e[1] + e[1], 16),
 	b: parseInt(e[2] + e[2], 16),
@@ -68,7 +68,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
 	a: e.length === 8 ? P(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
-}), L = (e) => he(B(e)), R = ({ h: e, s: t, v: n, a: r }) => {
+}), L = (e) => H(B(e)), R = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
 		h: P(e),
@@ -112,10 +112,10 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 }, V = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
-}, he = ({ r: e, g: t, b: n, a: r }) => {
+}, H = ({ r: e, g: t, b: n, a: r }) => {
 	let i = r < 1 ? V(P(r * 255)) : "";
 	return "#" + V(e) + V(t) + V(n) + i;
-}, ge = ({ r: e, g: t, b: n, a: r }) => {
+}, U = ({ r: e, g: t, b: n, a: r }) => {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
 		h: P(60 * (o < 0 ? o + 6 : o)),
@@ -123,57 +123,57 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		v: P(i / 255 * 100),
 		a: r
 	};
-}, H = (e, t) => {
+}, W = (e, t) => {
 	if (e === t) return !0;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
-}, U = (e, t) => e.toLowerCase() === t.toLowerCase() || H(I(e), I(t)), W = {}, G = (e) => {
-	let t = W[e];
-	return t || (t = document.createElement("template"), t.innerHTML = e, W[e] = t), t;
-}, K = (e, t, n) => {
+}, he = (e, t) => e.toLowerCase() === t.toLowerCase() || W(I(e), I(t)), G = {}, K = (e) => {
+	let t = G[e];
+	return t || (t = document.createElement("template"), t.innerHTML = e, G[e] = t), t;
+}, q = (e, t, n) => {
 	e.dispatchEvent(new CustomEvent(t, {
 		bubbles: !0,
 		detail: n
 	}));
-}, q = !1, J = (e) => "touches" in e, _e = (e) => q && !J(e) ? !1 : (q ||= J(e), !0), Y = (e, t) => {
-	let n = J(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
-	K(e.el, "move", e.getMove({
+}, J = !1, Y = (e) => "touches" in e, ge = (e) => J && !Y(e) ? !1 : (J ||= Y(e), !0), X = (e, t) => {
+	let n = Y(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
+	q(e.el, "move", e.getMove({
 		x: N((n.pageX - (r.left + window.pageXOffset)) / r.width),
 		y: N((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
-}, ve = (e, t) => {
+}, _e = (e, t) => {
 	let n = t.keyCode;
-	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), K(e.el, "move", e.getMove({
+	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), q(e.el, "move", e.getMove({
 		x: n === 39 ? .01 : n === 37 ? -.01 : n === 34 ? .05 : n === 33 ? -.05 : n === 35 ? 1 : n === 36 ? -1 : 0,
 		y: n === 40 ? .01 : n === 38 ? -.01 : 0
 	}, !0)));
-}, X = class {
+}, ve = class {
 	constructor(e, t, n, r) {
-		let i = G(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
+		let i = K(`<div role="slider" tabindex="0" part="${t}" ${n}><div part="${t}-pointer"></div></div>`);
 		e.appendChild(i.content.cloneNode(!0));
 		let a = e.querySelector(`[part=${t}]`);
 		a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
 	}
 	set dragging(e) {
 		let t = e ? document.addEventListener : document.removeEventListener;
-		t(q ? "touchmove" : "mousemove", this), t(q ? "touchend" : "mouseup", this);
+		t(J ? "touchmove" : "mousemove", this), t(J ? "touchend" : "mouseup", this);
 	}
 	handleEvent(e) {
 		switch (e.type) {
 			case "mousedown":
 			case "touchstart":
-				if (e.preventDefault(), !_e(e) || !q && e.button != 0) return;
-				this.el.focus(), Y(this, e), this.dragging = !0;
+				if (e.preventDefault(), !ge(e) || !J && e.button != 0) return;
+				this.el.focus(), X(this, e), this.dragging = !0;
 				break;
 			case "mousemove":
 			case "touchmove":
-				e.preventDefault(), Y(this, e);
+				e.preventDefault(), X(this, e);
 				break;
 			case "mouseup":
 			case "touchend":
 				this.dragging = !1;
 				break;
-			case "keydown": ve(this, e);
+			case "keydown": _e(this, e);
 		}
 	}
 	style(e) {
@@ -181,7 +181,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
 		});
 	}
-}, ye = class extends X {
+}, ye = class extends ve {
 	constructor(e) {
 		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
 	}
@@ -199,7 +199,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	getMove(e, t) {
 		return { h: t ? N(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
-}, be = class extends X {
+}, be = class extends ve {
 	constructor(e) {
 		super(e, "saturation", "aria-label=\"Color\"", !0);
 	}
@@ -246,7 +246,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 	}
 	constructor() {
 		super();
-		let e = G(`<style>${this[Ee].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		let e = K(`<style>${this[Ee].join("")}</style>`), t = this.attachShadow({ mode: "open" });
 		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[Te] = this[De].map((e) => new e(t));
 	}
 	connectedCallback() {
@@ -266,7 +266,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		};
 		this[$](n);
 		let r;
-		!H(n, t) && !this[Z](r = this.colorModel.fromHsva(n)) && (this[Q] = r, K(this, "color-changed", { value: r }));
+		!W(n, t) && !this[Z](r = this.colorModel.fromHsva(n)) && (this[Q] = r, q(this, "color-changed", { value: r }));
 	}
 	[Z](e) {
 		return this.color && this.colorModel.equal(e, this.color);
@@ -283,7 +283,7 @@ var F = (e) => ge(I(e)), I = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
 		v: n,
 		a: 1
 	}),
-	equal: U,
+	equal: he,
 	fromAttr: (e) => e
 }, Ae = class extends Oe {
 	get colorModel() {
@@ -349,24 +349,24 @@ var je = [
 	},
 	emits: ["update:modelValue"],
 	setup(m, { emit: _ }) {
-		let v = m, y = _, { t: b } = ce(), x = i(!1), S = i(), C = i(), w = i(!1);
-		ie(S, () => {
-			x.value = !1;
-		}, { ignore: [C] });
-		let T = s(() => !v.modelValue), E = s(() => g(v.modelValue)), D = s(() => g(v.modelValue || v.seedColor)), O = s(() => !v.disabled && !T.value), k = n(se, le), A = s(() => [...new Set(v.presets ?? k.presets)]), j = s(() => v.allowCustom ?? k.allowCustom), M = s(() => A.value.length > 0), N = s(() => j.value || !M.value), P = s(() => de(v.modelValue));
+		let v = m, y = _, { t: b } = ce(), S = i(!1), C = i(), w = i(), T = i(!1);
+		ie(C, () => {
+			S.value = !1;
+		}, { ignore: [w] });
+		let E = c(() => !v.modelValue), D = c(() => ue(v.modelValue)), O = c(() => ue(v.modelValue || v.seedColor)), k = c(() => !v.disabled && !E.value), A = n(se, le), j = c(() => [...new Set(v.presets ?? A.presets)]), me = c(() => v.allowCustom ?? A.allowCustom), M = c(() => j.value.length > 0), N = c(() => me.value || !M.value), P = c(() => g(v.modelValue));
 		function F(e) {
-			return P.value !== "" && de(e) === P.value;
+			return P.value !== "" && g(e) === P.value;
 		}
 		function I(e) {
 			y("update:modelValue", e);
 		}
-		let L = s(() => M.value && !N.value);
+		let L = c(() => M.value && !N.value);
 		function R(e) {
 			return L.value ? e + 1 : e;
 		}
-		let z = s(() => {
-			if (L.value && T.value) return 0;
-			let e = A.value.findIndex((e) => F(e));
+		let z = c(() => {
+			if (L.value && E.value) return 0;
+			let e = j.value.findIndex((e) => F(e));
 			return e === -1 ? 0 : R(e);
 		});
 		function B() {
@@ -375,7 +375,7 @@ var je = [
 		function V(e) {
 			return R(e) === z.value ? 0 : -1;
 		}
-		function he(e) {
+		function H(e) {
 			if (![
 				"ArrowRight",
 				"ArrowDown",
@@ -385,83 +385,83 @@ var je = [
 			let t = Array.from(e.currentTarget.querySelectorAll("[role=\"radio\"]")), n = e.target.closest("[role=\"radio\"]"), r = n ? t.indexOf(n) : -1;
 			r !== -1 && (t[(r + (e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus(), e.preventDefault());
 		}
-		function ge(e) {
-			w.value = !0, y("update:modelValue", e.detail.value);
+		function U(e) {
+			T.value = !0, y("update:modelValue", e.detail.value);
 		}
-		function H() {
-			w.value = !1;
+		function W() {
+			T.value = !1;
 		}
-		function U() {
-			!w.value && T.value && y("update:modelValue", D.value);
+		function he() {
+			!T.value && E.value && y("update:modelValue", O.value);
 		}
-		function W(e) {
+		function G(e) {
 			y("update:modelValue", e.target.value);
 		}
-		function G() {
+		function K() {
 			y("update:modelValue", "");
 		}
-		let K = ue(), { toLocal: q } = fe(), J = n(oe, null), _e = n(ae, null), Y = i({
+		let q = de(), { toLocal: J } = fe(), Y = n(oe, null), ge = n(ae, null), X = i({
 			top: 0,
 			left: 0
 		});
-		function ve() {
+		function _e() {
 			if (!v.disabled) {
-				if (!x.value) {
-					let e = C.value?.getBoundingClientRect();
+				if (!S.value) {
+					let e = w.value?.getBoundingClientRect();
 					if (e) {
 						let t = e.bottom + 8 + 240 <= window.innerHeight ? e.bottom + 8 : Math.max(8, e.top - 240 - 8);
-						Y.value = q({
+						X.value = J({
 							top: t,
 							left: e.left
 						});
 					}
 				}
-				x.value = !x.value;
+				S.value = !S.value;
 			}
 		}
-		return (n, i) => (e(), c("div", { class: d(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", m.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+		return (n, i) => (e(), l("div", { class: p(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", m.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
 			f("button", {
 				ref_key: "swatchRef",
-				ref: C,
+				ref: w,
 				type: "button",
 				disabled: m.disabled,
-				"aria-label": m.ariaLabel || u(b).colorPicker.pickColor,
+				"aria-label": m.ariaLabel || d(b).colorPicker.pickColor,
 				title: m.ariaLabel || void 0,
-				"aria-expanded": x.value,
-				class: d([
+				"aria-expanded": S.value,
+				class: p([
 					"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)]",
 					m.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
-					x.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !m.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
+					S.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !m.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
 					m.size === "sm" ? "tpl:size-8" : "tpl:size-10"
 				]),
-				onClick: ve
+				onClick: _e
 			}, [f("span", {
-				class: d(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": T.value }]),
-				style: p(T.value ? void 0 : { backgroundColor: E.value })
+				class: p(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": E.value }]),
+				style: o(E.value ? void 0 : { backgroundColor: D.value })
 			}, null, 6)], 10, je),
-			!m.swatchOnly && N.value ? (e(), c("div", Me, [f("input", {
+			!m.swatchOnly && N.value ? (e(), l("div", Me, [f("input", {
 				type: "text",
-				class: d([u(me), "tpl:w-full"]),
-				style: p(O.value ? { paddingRight: "2.25rem" } : void 0),
-				value: E.value,
-				placeholder: m.placeholder || u(b).colorPicker.notSet,
+				class: p([d(x), "tpl:w-full"]),
+				style: o(k.value ? { paddingRight: "2.25rem" } : void 0),
+				value: D.value,
+				placeholder: m.placeholder || d(b).colorPicker.notSet,
 				disabled: m.disabled,
-				"aria-label": u(b).colorPicker.hexValue,
-				onInput: W
-			}, null, 46, Ne), O.value ? (e(), c("button", {
+				"aria-label": d(b).colorPicker.hexValue,
+				onInput: G
+			}, null, 46, Ne), k.value ? (e(), l("button", {
 				key: 0,
 				type: "button",
-				"aria-label": u(b).colorPicker.clear,
-				title: u(b).colorPicker.clear,
+				"aria-label": d(b).colorPicker.clear,
+				title: d(b).colorPicker.clear,
 				class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)]",
-				onClick: G
-			}, [h(u(pe), {
+				onClick: K
+			}, [h(d(pe), {
 				size: 14,
 				"stroke-width": 1.5
-			})], 8, Pe)) : l("", !0)])) : l("", !0),
-			(e(), te(o, {
-				to: u(K),
-				disabled: !u(K)
+			})], 8, Pe)) : u("", !0)])) : u("", !0),
+			(e(), te(s, {
+				to: d(q),
+				disabled: !d(q)
 			}, [h(ne, {
 				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
@@ -470,35 +470,35 @@ var je = [
 				"leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
 				"leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
 			}, {
-				default: r(() => [x.value ? (e(), c("div", {
+				default: r(() => [S.value ? (e(), l("div", {
 					key: 0,
 					ref_key: "popoverRef",
-					ref: S,
-					"data-tpl-theme": u(_e),
+					ref: C,
+					"data-tpl-theme": d(ge),
 					class: "tpl-color-popover tpl:absolute tpl:z-modal tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg",
-					style: p({
-						top: `${Y.value.top}px`,
-						left: `${Y.value.left}px`,
-						...u(J)
+					style: o({
+						top: `${X.value.top}px`,
+						left: `${X.value.left}px`,
+						...d(Y)
 					})
 				}, [
-					M.value ? (e(), c("div", {
+					M.value ? (e(), l("div", {
 						key: 0,
 						role: "radiogroup",
-						"aria-label": u(b).colorPicker.presetColors,
-						class: d(["tpl:flex tpl:flex-wrap tpl:gap-1.5", N.value && "tpl:mb-2"]),
-						onKeydown: he
-					}, [L.value ? (e(), c("button", {
+						"aria-label": d(b).colorPicker.presetColors,
+						class: p(["tpl:flex tpl:flex-wrap tpl:gap-1.5", N.value && "tpl:mb-2"]),
+						onKeydown: H
+					}, [L.value ? (e(), l("button", {
 						key: 0,
 						type: "button",
 						role: "radio",
-						"aria-label": u(b).colorPicker.clear,
-						title: u(b).colorPicker.clear,
-						"aria-checked": T.value,
+						"aria-label": d(b).colorPicker.clear,
+						title: d(b).colorPicker.clear,
+						"aria-checked": E.value,
 						tabindex: B(),
-						class: d(["tpl-color-swatch-empty tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", T.value ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "hover:tpl:border-[var(--tpl-text-dim)]"]),
-						onClick: G
-					}, null, 10, Le)) : l("", !0), (e(!0), c(re, null, t(A.value, (t, n) => (e(), c("button", {
+						class: p(["tpl-color-swatch-empty tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", E.value ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "hover:tpl:border-[var(--tpl-text-dim)]"]),
+						onClick: K
+					}, null, 10, Le)) : u("", !0), (e(!0), l(re, null, t(j.value, (t, n) => (e(), l("button", {
 						key: t,
 						type: "button",
 						role: "radio",
@@ -506,47 +506,47 @@ var je = [
 						title: t,
 						"aria-checked": F(t),
 						tabindex: V(n),
-						style: p({ backgroundColor: t }),
-						class: d(["tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", F(t) ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "hover:tpl:border-[var(--tpl-text-dim)]"]),
+						style: o({ backgroundColor: t }),
+						class: p(["tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:focus-visible:ring-2 tpl:focus-visible:ring-[var(--tpl-primary)] tpl:focus-visible:ring-offset-1 tpl:focus-visible:ring-offset-[var(--tpl-bg-elevated)]", F(t) ? "tpl:ring-2 tpl:ring-[var(--tpl-primary)] tpl:ring-offset-1 tpl:ring-offset-[var(--tpl-bg-elevated)]" : "hover:tpl:border-[var(--tpl-text-dim)]"]),
 						onClick: (e) => I(t)
-					}, null, 14, Re))), 128))], 42, Ie)) : l("", !0),
-					N.value ? (e(), c("hex-color-picker", {
+					}, null, 14, Re))), 128))], 42, Ie)) : u("", !0),
+					N.value ? (e(), l("hex-color-picker", {
 						key: 1,
-						color: D.value,
-						"aria-label": u(b).colorPicker.pickColor,
-						onColorChanged: ge,
-						onPointerdown: H,
-						onPointerup: U,
-						onKeydown: i[0] ||= a((e) => x.value = !1, ["escape"])
-					}, null, 40, ze)) : l("", !0),
-					m.swatchOnly && N.value ? (e(), c("div", Be, [f("input", {
+						color: O.value,
+						"aria-label": d(b).colorPicker.pickColor,
+						onColorChanged: U,
+						onPointerdown: W,
+						onPointerup: he,
+						onKeydown: i[0] ||= a((e) => S.value = !1, ["escape"])
+					}, null, 40, ze)) : u("", !0),
+					m.swatchOnly && N.value ? (e(), l("div", Be, [f("input", {
 						type: "text",
-						class: d([u(me), "tpl:w-full"]),
-						style: p(O.value ? { paddingRight: "2.25rem" } : void 0),
-						value: E.value,
-						placeholder: m.placeholder || u(b).colorPicker.notSet,
+						class: p([d(x), "tpl:w-full"]),
+						style: o(k.value ? { paddingRight: "2.25rem" } : void 0),
+						value: D.value,
+						placeholder: m.placeholder || d(b).colorPicker.notSet,
 						disabled: m.disabled,
-						"aria-label": u(b).colorPicker.hexValue,
-						onChange: W,
+						"aria-label": d(b).colorPicker.hexValue,
+						onChange: G,
 						onKeydown: i[1] ||= a(ee((e) => e.target.blur(), ["prevent"]), ["enter"])
-					}, null, 46, Ve), O.value ? (e(), c("button", {
+					}, null, 46, Ve), k.value ? (e(), l("button", {
 						key: 0,
 						type: "button",
-						"aria-label": u(b).colorPicker.clear,
-						title: u(b).colorPicker.clear,
+						"aria-label": d(b).colorPicker.clear,
+						title: d(b).colorPicker.clear,
 						class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)]",
-						onClick: G
-					}, [h(u(pe), {
+						onClick: K
+					}, [h(d(pe), {
 						size: 14,
 						"stroke-width": 1.5
-					})], 8, He)) : l("", !0)])) : l("", !0)
-				], 12, Fe)) : l("", !0)]),
+					})], 8, He)) : u("", !0)])) : u("", !0)
+				], 12, Fe)) : u("", !0)]),
 				_: 1
 			})], 8, ["to", "disabled"]))
 		], 2));
 	}
 });
 //#endregion
-export { S as _, k as a, D as c, T as d, v as f, w as g, _ as h, M as i, C as l, b as m, A as n, E as o, y as p, j as r, O as s, Ue as t, x as u };
+export { C as _, A as a, O as c, E as d, v as f, T as g, _ as h, M as i, w as l, b as m, j as n, D as o, y as p, me as r, k as s, Ue as t, S as u };
 
-//# sourceMappingURL=ColorPicker-BXH44v2H.js.map
+//# sourceMappingURL=ColorPicker-W_UyiVGc.js.map