@templatical/editor 0.15.1 → 0.16.1

package/README.md

@@ -12,7 +12,7 @@ The visual editor for [Templatical](https://github.com/templatical/sdk) — an o
 - 🎨 **27 design tokens** — full theming via `--tpl-user-*` CSS variables, dark mode, custom fonts
 - 🔌 **Framework-agnostic** — works in React, Vue, Svelte, Angular, vanilla
 - 📦 **JSON in, MJML out** — portable templates, render with any email provider
-- 🌍 **Bilingual** — English + German built in
+- 🌍 **Multilingual** — English, German, Portuguese, Spanish & Catalan built in
 - 🔒 **TypeScript strict** — full type safety end to end
 
 ## Install

package/dist/{AiChatSidebar-BIKvYREk.js → AiChatSidebar-EaPCeDXr.js}

@@ -1,18 +1,18 @@
-import { A as e, Et as t, I as n, O as r, Ot as i, R as ee, Y as a, _ as o, c as s, d as c, h as l, l as u, m as d, nt as f, r as p, u as m, w as te, x as ne, z as re } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { a as h, t as g } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { m as ie, p as ae } from "./dist-CTT6WYJ6.js";
-import { L as _, S as oe, c as se, m as ce, r as le } from "./keys-Cv8-8GsD.js";
-import { t as v } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as ue } from "./circle-alert-C8xmpMsK.js";
-import { t as de } from "./loader-circle-BLmicnPG.js";
-import { t as fe } from "./send-DjPdq69F.js";
-import { t as y } from "./sparkles-M4azPVSP.js";
-import { t as pe } from "./trash-2-C-81rkLS.js";
-import { t as me } from "./x-CQSvXnGR.js";
-import { t as b } from "./LoadingTrack-DsecR8Rw.js";
+import { A as e, Et as t, I as n, O as r, Ot as i, R as ee, Y as a, _ as o, c as s, d as c, h as l, l as u, m as d, nt as f, r as p, u as m, w as te, x as ne, z as re } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as h, t as g } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { m as ie, p as ae } from "./dist-DYv_Pttj.js";
+import { L as _, S as oe, c as se, m as ce, r as le } from "./keys-BbDgCU6K.js";
+import { t as v } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as ue } from "./circle-alert-CjcAORUw.js";
+import { t as de } from "./loader-circle-DFU0HPAa.js";
+import { t as fe } from "./send-BMyisUim.js";
+import { t as y } from "./sparkles-DV7Dman6.js";
+import { t as pe } from "./trash-2-B6M659Ey.js";
+import { t as me } from "./x-CG_NV3nP.js";
+import { t as b } from "./LoadingTrack-KIcREPlS.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as S } from "./useAliveFlag-CECL_OUb.js";
-import { i as C } from "./cloud-BQusL53H.js";
+import { t as S } from "./useAliveFlag-C43EhZFY.js";
+import { i as C } from "./cloud-BogxOeZu.js";
 var w = v("redo-2", [["path", {
 	d: "m15 14 5-5-5-5",
 	key: "12vg1m"

package/dist/{AiFeatureMenu-CU6kTMTf.js → AiFeatureMenu-Rb8G3EBo.js}

@@ -1,11 +1,11 @@
-import { A as e, Dt as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, l as c, r as l, s as u } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import "./useEditorCore-DJeOXVxQ.js";
-import { L as d, t as f } from "./keys-Cv8-8GsD.js";
-import { t as p } from "./image-up-BwBCmQ4P.js";
-import { t as m } from "./shield-check-Bqluu8FS.js";
-import { t as h } from "./sparkles-M4azPVSP.js";
+import { A as e, Dt as t, N as n, O as r, Ot as i, _ as a, c as o, d as s, l as c, r as l, s as u } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import "./useEditorCore-CV1ct_17.js";
+import { L as d, t as f } from "./keys-BbDgCU6K.js";
+import { t as p } from "./image-up-Bj_nes3f.js";
+import { t as m } from "./shield-check-C49M20le.js";
+import { t as h } from "./sparkles-DV7Dman6.js";
 import { t as g } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as _ } from "./useCloudI18n-AKCy98qD.js";
+import { n as _ } from "./useCloudI18n-WbfVWq5k.js";
 //#region src/cloud/components/AiFeatureMenu.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	class: "tpl-ai-feature-menu tpl:w-[280px] tpl:overflow-hidden tpl:rounded-[var(--tpl-radius)] tpl:py-1 tpl:bg-[var(--tpl-bg-elevated)] tpl:border tpl:border-[var(--tpl-border)] tpl:shadow-[var(--tpl-shadow-lg)]",

package/dist/{BlockIssueBadge-B3xVgMTh.js → BlockIssueBadge-CZYgn-qg.js}

@@ -1,8 +1,8 @@
-import { Et as e, O as t, _ as n, d as r, l as i, nt as a, s as o, u as s, x as c } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { N as l } from "./keys-Cv8-8GsD.js";
-import { t as u } from "./useI18n-C-TDeJBt.js";
-import { t as d } from "./circle-alert-C8xmpMsK.js";
-import { t as f } from "./triangle-alert-BuRWnynk.js";
+import { Et as e, O as t, _ as n, d as r, l as i, nt as a, s as o, u as s, x as c } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { N as l } from "./keys-BbDgCU6K.js";
+import { t as u } from "./useI18n-eR1yVW0v.js";
+import { t as d } from "./circle-alert-CjcAORUw.js";
+import { t as f } from "./triangle-alert-D1lzx6ds.js";
 //#region src/components/canvas/BlockIssueBadge.vue?vue&type=script&setup=true&lang.ts
 var p = ["title", "aria-label"], m = /* @__PURE__ */ n({
 	__name: "BlockIssueBadge",

package/dist/{CloudEditor-DRPxvUEj.js → CloudEditor-D88gLBXp.js}

@@ -1,26 +1,26 @@
-import { A as e, D as t, Dt as n, E as r, Et as i, I as a, K as o, O as s, Ot as c, R as l, Y as u, Z as d, _ as f, c as p, d as m, g as h, h as g, k as _, l as v, m as y, nt as b, p as x, r as S, s as C, u as w, z as T } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { c as E, o as D, t as O } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
+import { A as e, D as t, Dt as n, E as r, Et as i, I as a, K as o, O as s, Ot as c, R as l, Y as u, Z as d, _ as f, c as p, d as m, g as h, h as g, k as _, l as v, m as y, nt as b, p as x, r as S, s as C, u as w, z as T } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { c as E, o as D, t as O } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
 import { t as k } from "./timeouts-Bmi_yePw.js";
-import { O as A, a as j } from "./dist-BibU4HNl.js";
-import { I as M, b as ee, t as N, w as P } from "./useEditorCore-DJeOXVxQ.js";
-import { m as F } from "./dist-CTT6WYJ6.js";
-import { t as I } from "./dist-BEWiuOMi.js";
-import { D as L, M as R, c as z, j as te, l as ne, r as B, s as re, t as ie } from "./keys-Cv8-8GsD.js";
-import { t as V } from "./useI18n-C-TDeJBt.js";
-import { t as H } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as U } from "./check-rl7ok6uJ.js";
-import { t as W } from "./circle-alert-C8xmpMsK.js";
-import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-B2OrgEnn.js";
-import { t as he } from "./clock-BW4JuDCN.js";
-import { t as J } from "./loader-circle-BLmicnPG.js";
-import { t as ge } from "./message-circle-C9hHMQCI.js";
-import { t as _e } from "./send-DjPdq69F.js";
-import { t as Y } from "./sparkles-M4azPVSP.js";
-import { t as X } from "./triangle-alert-BuRWnynk.js";
+import { O as A, a as j } from "./dist-DoRIUsfz.js";
+import { L as M, T as N, b as ee, t as P } from "./useEditorCore-CV1ct_17.js";
+import { m as F } from "./dist-DYv_Pttj.js";
+import { t as I } from "./dist-CFOQvhSC.js";
+import { D as L, M as R, c as z, j as te, l as ne, r as B, s as re, t as ie } from "./keys-BbDgCU6K.js";
+import { t as V } from "./useI18n-eR1yVW0v.js";
+import { t as H } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as U } from "./check-D1zYtCPK.js";
+import { t as W } from "./circle-alert-CjcAORUw.js";
+import { a as G, c as ae, d as oe, f as K, i as q, l as se, n as ce, o as le, p as ue, r as de, s as fe, t as pe, u as me } from "./styles-B-yhoJnH.js";
+import { t as he } from "./clock-5lWLadUn.js";
+import { t as J } from "./loader-circle-DFU0HPAa.js";
+import { t as ge } from "./message-circle-BEBsCHnk.js";
+import { t as _e } from "./send-BMyisUim.js";
+import { t as Y } from "./sparkles-DV7Dman6.js";
+import { t as X } from "./triangle-alert-D1lzx6ds.js";
 import { t as Z } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as Q } from "./useCloudI18n-AKCy98qD.js";
-import { d as $ } from "./styleConstants-lGobwiLH.js";
-import { _ as ve, a as ye, c as be, d as xe, f as Se, g as Ce, h as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Me, v as Ne, y as Pe } from "./cloud-BQusL53H.js";
+import { n as Q } from "./useCloudI18n-WbfVWq5k.js";
+import { d as $ } from "./ColorPicker-CAgMCX3A.js";
+import { _ as ve, a as ye, c as be, d as xe, f as Se, g as Ce, h as we, l as Te, m as Ee, n as De, o as Oe, p as ke, r as Ae, s as je, t as Me, v as Ne, y as Pe } from "./cloud-BogxOeZu.js";
 var Fe = H("save", [
 	["path", {
 		d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
@@ -271,7 +271,7 @@ function Ve(e) {
 	}), a(() => x.lockedBlocks.value, (e) => {
 		v.value = e;
 	}, { immediate: !0 }), je(y, x));
-	let S = C(() => !!t.collaboration?.enabled && g.hasFeature("collaboration")), w = N({
+	let S = C(() => !!t.collaboration?.enabled && g.hasFeature("collaboration")), w = P({
 		editor: y,
 		config: {
 			uiTheme: t.uiTheme,
@@ -331,7 +331,7 @@ function Ve(e) {
 		getMediaConfig: () => g.config.value?.media ?? null,
 		onError: t.onError
 	});
-	P({
+	N({
 		onBlockMove: y.moveBlock,
 		onBlockAdd: y.addBlock
 	});
@@ -628,7 +628,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 	},
 	emits: ["save"],
 	setup(e) {
-		let t = h(() => import("./CollaboratorBar-DMSjd3HZ.js")), r = h(() => import("./SnapshotHistory-cfxmOsJu.js")), a = h(() => import("./AiFeatureMenu-CU6kTMTf.js")), { t: o, format: u } = Q();
+		let t = h(() => import("./CollaboratorBar-dxCD8jSi.js")), r = h(() => import("./SnapshotHistory-m7brKV7C.js")), a = h(() => import("./AiFeatureMenu-Rb8G3EBo.js")), { t: o, format: u } = Q();
 		return (d, f) => (s(), m("header", tt, [
 			p("div", nt, [e.featureFlags.templateLimit.value === null ? w("", !0) : (s(), m("span", rt, c(b(u)(b(o).header.templatesUsed, {
 				used: e.featureFlags.templateCount.value,
@@ -790,7 +790,7 @@ var Ge = ["aria-label"], Ke = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
 		"module-insert"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = h(() => import("./AiChatSidebar-BIKvYREk.js")), i = h(() => import("./CommentsSidebar-D_tSGvTX.js")), a = h(() => import("./DesignReferenceSidebar-DWYK9nTk.js")), o = h(() => import("./TemplateScoringPanel-CZ62rGHz.js")), c = h(() => import("./TestEmailModal-sr1MaMVX.js")), l = h(() => import("./SaveModuleDialog-Cy2XyjYT.js")), d = h(() => import("./ModuleBrowserModal-BOzleijA.js")), f = h(async () => {
+		let r = h(() => import("./AiChatSidebar-EaPCeDXr.js")), i = h(() => import("./CommentsSidebar-DDKiFsSq.js")), a = h(() => import("./DesignReferenceSidebar-D6TfC176.js")), o = h(() => import("./TemplateScoringPanel-C8VOC6gn.js")), c = h(() => import("./TestEmailModal-BE9sFEIl.js")), l = h(() => import("./SaveModuleDialog-DPo3Raon.js")), d = h(() => import("./ModuleBrowserModal-l4_RCC8m.js")), f = h(async () => {
 			try {
 				return (await import("@templatical/media-library")).MediaLibraryModal;
 			} catch {

package/dist/{CollaboratorBar-DMSjd3HZ.js → CollaboratorBar-dxCD8jSi.js}

@@ -1,7 +1,7 @@
-import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import "./useEditorCore-DJeOXVxQ.js";
-import { t as f } from "./createLucideIcon-Dx-EjR9r.js";
-import { n as p } from "./useCloudI18n-AKCy98qD.js";
+import { A as e, Dt as t, O as n, Ot as r, _ as i, c as a, d as o, l as s, nt as c, r as l, s as u, u as d } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import "./useEditorCore-CV1ct_17.js";
+import { t as f } from "./createLucideIcon-Bh9xOmlW.js";
+import { n as p } from "./useCloudI18n-WbfVWq5k.js";
 import { t as m } from "./readableTextColor-f8Kykfnh.js";
 var h = f("wifi-off", [
 	["path", {

package/dist/ColorPicker-CAgMCX3A.js

@@ -0,0 +1,442 @@
+import { Dt as e, Et as t, O as n, R as r, Y as i, _ as a, c as o, d as s, h as c, i as l, l as ee, nt as u, s as d, u as f, x as p } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { s as te, t as ne } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { t as re } from "./dist-CFOQvhSC.js";
+import { I as ie, P as ae } from "./keys-BbDgCU6K.js";
+import { t as oe } from "./useI18n-eR1yVW0v.js";
+import { t as se } from "./x-CG_NV3nP.js";
+import { t as ce } from "./usePopoverRoot-C1j0D7cc.js";
+//#region src/constants/styleConstants.ts
+var m = "tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]", h = "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)]", g = "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)]", _ = "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)]", le = "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)]", v = "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)]", y = "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)]", b = "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)]", x = "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)]", S = "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", C = [
+	"10px",
+	"12px",
+	"14px",
+	"16px",
+	"18px",
+	"20px",
+	"24px",
+	"28px",
+	"32px",
+	"36px",
+	"48px",
+	"64px"
+], w = [
+	"1",
+	"1.2",
+	"1.4",
+	"1.5",
+	"1.6",
+	"1.8",
+	"2",
+	"2.5"
+], T = [
+	{
+		label: "Normal",
+		value: "normal"
+	},
+	{
+		label: "-0.5px",
+		value: "-0.5px"
+	},
+	{
+		label: "0.5px",
+		value: "0.5px"
+	},
+	{
+		label: "1px",
+		value: "1px"
+	},
+	{
+		label: "1.5px",
+		value: "1.5px"
+	},
+	{
+		label: "2px",
+		value: "2px"
+	},
+	{
+		label: "3px",
+		value: "3px"
+	}
+], E = "#000000", D = "#ffffff", O = "#ffff00", k = "#f2f2f2", A = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, j = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+360 / (Math.PI * 2);
+var M = (e) => fe(N(e)), N = (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),
+	a: e.length === 4 ? j(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+	r: parseInt(e.substring(0, 2), 16),
+	g: parseInt(e.substring(2, 4), 16),
+	b: parseInt(e.substring(4, 6), 16),
+	a: e.length === 8 ? j(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), P = (e) => de(ue(e)), F = ({ h: e, s: t, v: n, a: r }) => {
+	let i = (200 - t) * n / 100;
+	return {
+		h: j(e),
+		s: j(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: j(i / 2),
+		a: j(r, 2)
+	};
+}, I = (e) => {
+	let { h: t, s: n, l: r } = F(e);
+	return `hsl(${t}, ${n}%, ${r}%)`;
+}, ue = ({ h: e, s: t, v: n, a: r }) => {
+	e = e / 360 * 6, t /= 100, n /= 100;
+	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
+	return {
+		r: j([
+			n,
+			o,
+			a,
+			a,
+			s,
+			n
+		][c] * 255),
+		g: j([
+			s,
+			n,
+			n,
+			o,
+			a,
+			a
+		][c] * 255),
+		b: j([
+			a,
+			a,
+			s,
+			n,
+			n,
+			o
+		][c] * 255),
+		a: j(r, 2)
+	};
+}, L = (e) => {
+	let t = e.toString(16);
+	return t.length < 2 ? "0" + t : t;
+}, de = ({ r: e, g: t, b: n, a: r }) => {
+	let i = r < 1 ? L(j(r * 255)) : "";
+	return "#" + L(e) + L(t) + L(n) + i;
+}, fe = ({ 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: j(60 * (o < 0 ? o + 6 : o)),
+		s: j(i ? a / i * 100 : 0),
+		v: j(i / 255 * 100),
+		a: r
+	};
+}, R = (e, t) => {
+	if (e === t) return !0;
+	for (let n in e) if (e[n] !== t[n]) return !1;
+	return !0;
+}, pe = (e, t) => e.toLowerCase() === t.toLowerCase() || R(N(e), N(t)), z = {}, B = (e) => {
+	let t = z[e];
+	return t || (t = document.createElement("template"), t.innerHTML = e, z[e] = t), t;
+}, V = (e, t, n) => {
+	e.dispatchEvent(new CustomEvent(t, {
+		bubbles: !0,
+		detail: n
+	}));
+}, H = !1, U = (e) => "touches" in e, W = (e) => H && !U(e) ? !1 : (H ||= U(e), !0), G = (e, t) => {
+	let n = U(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
+	V(e.el, "move", e.getMove({
+		x: A((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: A((n.pageY - (r.top + window.pageYOffset)) / r.height)
+	}));
+}, me = (e, t) => {
+	let n = t.keyCode;
+	n > 40 || e.xy && n < 37 || n < 33 || (t.preventDefault(), V(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)));
+}, K = class {
+	constructor(e, t, n, r) {
+		let i = B(`<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(H ? "touchmove" : "mousemove", this), t(H ? "touchend" : "mouseup", this);
+	}
+	handleEvent(e) {
+		switch (e.type) {
+			case "mousedown":
+			case "touchstart":
+				if (e.preventDefault(), !W(e) || !H && e.button != 0) return;
+				this.el.focus(), G(this, e), this.dragging = !0;
+				break;
+			case "mousemove":
+			case "touchmove":
+				e.preventDefault(), G(this, e);
+				break;
+			case "mouseup":
+			case "touchend":
+				this.dragging = !1;
+				break;
+			case "keydown":
+				me(this, e);
+				break;
+		}
+	}
+	style(e) {
+		e.forEach((e, t) => {
+			for (let n in e) this.nodes[t].style.setProperty(n, e[n]);
+		});
+	}
+}, he = class extends K {
+	constructor(e) {
+		super(e, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", !1);
+	}
+	update({ h: e }) {
+		this.h = e, this.style([{
+			left: `${e / 360 * 100}%`,
+			color: I({
+				h: e,
+				s: 100,
+				v: 100,
+				a: 1
+			})
+		}]), this.el.setAttribute("aria-valuenow", `${j(e)}`);
+	}
+	getMove(e, t) {
+		return { h: t ? A(this.h + e.x * 360, 0, 360) : 360 * e.x };
+	}
+}, ge = class extends K {
+	constructor(e) {
+		super(e, "saturation", "aria-label=\"Color\"", !0);
+	}
+	update(e) {
+		this.hsva = e, this.style([{
+			top: `${100 - e.v}%`,
+			left: `${e.s}%`,
+			color: I(e)
+		}, { "background-color": I({
+			h: e.h,
+			s: 100,
+			v: 100,
+			a: 1
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${j(e.s)}%, Brightness ${j(e.v)}%`);
+	}
+	getMove(e, t) {
+		return {
+			s: t ? A(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? A(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+		};
+	}
+}, _e = ":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)}", ve = "[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}", ye = "[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}", q = Symbol("same"), J = Symbol("color"), Y = Symbol("hsva"), X = Symbol("update"), Z = Symbol("parts"), Q = Symbol("css"), $ = Symbol("sliders"), be = class extends HTMLElement {
+	static get observedAttributes() {
+		return ["color"];
+	}
+	get [Q]() {
+		return [
+			_e,
+			ve,
+			ye
+		];
+	}
+	get [$]() {
+		return [ge, he];
+	}
+	get color() {
+		return this[J];
+	}
+	set color(e) {
+		if (!this[q](e)) {
+			let t = this.colorModel.toHsva(e);
+			this[X](t), this[J] = e;
+		}
+	}
+	constructor() {
+		super();
+		let e = B(`<style>${this[Q].join("")}</style>`), t = this.attachShadow({ mode: "open" });
+		t.appendChild(e.content.cloneNode(!0)), t.addEventListener("move", this), this[Z] = this[$].map((e) => new e(t));
+	}
+	connectedCallback() {
+		if (this.hasOwnProperty("color")) {
+			let e = this.color;
+			delete this.color, this.color = e;
+		} else this.color ||= this.colorModel.defaultColor;
+	}
+	attributeChangedCallback(e, t, n) {
+		let r = this.colorModel.fromAttr(n);
+		this[q](r) || (this.color = r);
+	}
+	handleEvent(e) {
+		let t = this[Y], n = {
+			...t,
+			...e.detail
+		};
+		this[X](n);
+		let r;
+		!R(n, t) && !this[q](r = this.colorModel.fromHsva(n)) && (this[J] = r, V(this, "color-changed", { value: r }));
+	}
+	[q](e) {
+		return this.color && this.colorModel.equal(e, this.color);
+	}
+	[X](e) {
+		this[Y] = e, this[Z].forEach((t) => t.update(e));
+	}
+}, xe = {
+	defaultColor: "#000",
+	toHsva: M,
+	fromHsva: ({ h: e, s: t, v: n }) => P({
+		h: e,
+		s: t,
+		v: n,
+		a: 1
+	}),
+	equal: pe,
+	fromAttr: (e) => e
+}, Se = class extends be {
+	get colorModel() {
+		return xe;
+	}
+}, Ce = class extends Se {};
+customElements.define("hex-color-picker", Ce);
+//#endregion
+//#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var we = [
+	"disabled",
+	"aria-label",
+	"aria-expanded"
+], Te = {
+	key: 0,
+	class: "tpl:relative tpl:flex-1"
+}, Ee = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label"
+], De = ["aria-label", "title"], Oe = ["data-tpl-theme"], ke = ["color", "aria-label"], Ae = /* @__PURE__ */ a({
+	__name: "ColorPicker",
+	props: {
+		modelValue: {},
+		placeholder: { default: "" },
+		seedColor: { default: "#ffffff" },
+		swatchOnly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: m }) {
+		let h = a, g = m, { t: _ } = oe(), v = i(!1), y = i(), b = i(), x = i(!1);
+		re(y, () => {
+			v.value = !1;
+		}, { ignore: [b] });
+		let S = d(() => !h.modelValue), C = d(() => h.modelValue || h.seedColor), w = d(() => !h.swatchOnly && !h.disabled && !S.value);
+		function T(e) {
+			x.value = !0, g("update:modelValue", e.detail.value);
+		}
+		function E() {
+			x.value = !1;
+		}
+		function D() {
+			!x.value && S.value && g("update:modelValue", C.value);
+		}
+		function O(e) {
+			g("update:modelValue", e.target.value);
+		}
+		function k() {
+			g("update:modelValue", "");
+		}
+		let A = ce(), j = p(ae, null), M = p(ie, null), N = i({
+			top: 0,
+			left: 0
+		});
+		function P() {
+			if (!h.disabled) {
+				if (!v.value) {
+					let e = b.value?.getBoundingClientRect();
+					if (e) {
+						let t = e.bottom + 8 + 240 <= window.innerHeight;
+						N.value = {
+							top: t ? e.bottom + 8 : Math.max(8, e.top - 240 - 8),
+							left: e.left
+						};
+					}
+				}
+				v.value = !v.value;
+			}
+		}
+		return (i, d) => (n(), s("div", { class: t(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", a.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+			o("button", {
+				ref_key: "swatchRef",
+				ref: b,
+				type: "button",
+				disabled: a.disabled,
+				"aria-label": u(_).colorPicker.pickColor,
+				"aria-expanded": v.value,
+				class: t([
+					"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)]",
+					a.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
+					v.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !a.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
+					"tpl:size-10"
+				]),
+				onClick: P
+			}, [o("span", {
+				class: t(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": S.value }]),
+				style: e(S.value ? void 0 : { backgroundColor: a.modelValue })
+			}, null, 6)], 10, we),
+			a.swatchOnly ? f("", !0) : (n(), s("div", Te, [o("input", {
+				type: "text",
+				class: t([u(le), "tpl:w-full"]),
+				style: e(w.value ? { paddingRight: "2.25rem" } : void 0),
+				value: a.modelValue,
+				placeholder: a.placeholder || u(_).colorPicker.notSet,
+				disabled: a.disabled,
+				"aria-label": u(_).colorPicker.hexValue,
+				onInput: O
+			}, null, 46, Ee), w.value ? (n(), s("button", {
+				key: 0,
+				type: "button",
+				"aria-label": u(_).colorPicker.clear,
+				title: u(_).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: k
+			}, [c(u(se), {
+				size: 14,
+				"stroke-width": 1.5
+			})], 8, De)) : f("", !0)])),
+			(n(), ee(l, {
+				to: u(A),
+				disabled: !u(A)
+			}, [c(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",
+				"enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
+				"leave-active-class": "tpl:transition-all tpl:duration-[80ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
+				"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(() => [v.value ? (n(), s("div", {
+					key: 0,
+					ref_key: "popoverRef",
+					ref: y,
+					"data-tpl-theme": u(M),
+					class: "tpl-color-popover tpl:fixed 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: e({
+						top: `${N.value.top}px`,
+						left: `${N.value.left}px`,
+						...u(j)
+					})
+				}, [o("hex-color-picker", {
+					color: C.value,
+					"aria-label": u(_).colorPicker.pickColor,
+					onColorChanged: T,
+					onPointerdown: E,
+					onPointerup: D,
+					onKeydown: d[0] ||= te((e) => v.value = !1, ["escape"])
+				}, null, 40, ke)], 12, Oe)) : f("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
+	}
+});
+//#endregion
+export { y as _, E as a, w as c, S as d, h as f, x as g, m as h, k as i, b as l, _ as m, D as n, C as o, g as p, O as r, T as s, Ae as t, v as u };

package/dist/{CommentsSidebar-D_tSGvTX.js → CommentsSidebar-DDKiFsSq.js}

@@ -1,17 +1,17 @@
-import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-l0XAqiyv.js";
-import { a as v, t as y } from "./runtime-dom.esm-bundler-BzuoCyNp.js";
-import { L as b, l as ne, m as re, r as ie } from "./keys-Cv8-8GsD.js";
-import { t as ae } from "./useI18n-C-TDeJBt.js";
-import { t as x } from "./createLucideIcon-Dx-EjR9r.js";
-import { t as oe } from "./check-rl7ok6uJ.js";
-import { t as se } from "./chevron-down-BKe__NOD.js";
-import { t as S } from "./loader-circle-BLmicnPG.js";
-import { t as C } from "./message-circle-C9hHMQCI.js";
-import { t as w } from "./send-DjPdq69F.js";
-import { t as T } from "./trash-2-C-81rkLS.js";
-import { t as E } from "./x-CQSvXnGR.js";
+import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as ee, nt as p, r as m, s as h, u as g, w as te, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
+import { a as v, t as y } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
+import { L as b, l as ne, m as re, r as ie } from "./keys-BbDgCU6K.js";
+import { t as ae } from "./useI18n-eR1yVW0v.js";
+import { t as x } from "./createLucideIcon-Bh9xOmlW.js";
+import { t as oe } from "./check-D1zYtCPK.js";
+import { t as se } from "./chevron-down-ByXpufZD.js";
+import { t as S } from "./loader-circle-DFU0HPAa.js";
+import { t as C } from "./message-circle-BEBsCHnk.js";
+import { t as w } from "./send-BMyisUim.js";
+import { t as T } from "./trash-2-B6M659Ey.js";
+import { t as E } from "./x-CG_NV3nP.js";
 import { t as D } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as ce } from "./useCloudI18n-AKCy98qD.js";
+import { n as ce } from "./useCloudI18n-WbfVWq5k.js";
 import { t as le } from "./formatRelativeTime-CtUU-QZ8.js";
 var ue = x("chevron-up", [["path", {
 	d: "m18 15-6-6-6 6",