@luzmo/analytics-components-kit 1.0.1-alpha.6 → 1.0.1-alpha.7

package/components/edit-option-color-picker/index.js

@@ -20,23 +20,23 @@
 var Co = Object.getPrototypeOf;
 var $o = Reflect.get;
 var oo = (r, o, e) => $o(Co(r), e, o);
-import { h as R, R as s, k as D, H as m, r as uo, x as Eo, n as F } from "../property-CXJD1jOW.js";
-import { n as ho } from "../directive-helpers-nlQRAaQt-arNFWD5u.js";
-import { m as I, d as C } from "../if-defined-BSAr_4u4-CVDyXUmc.js";
-import { m as X } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
-import { luzmoIcon as J, luzmoDash as _o, luzmoAngleUp as Ao, luzmoAngleDown as Mo } from "@luzmo/icons";
-import { w as Ho, a as Po } from "../async-directive-DWRUSKKF-CNTJHpgh.js";
-import { l as mo, u as po } from "../language-resolution-8yZa5r_P-CLZhU076.js";
-import { i as Ro } from "../text-field-CvKSS59x-BzSqtt2_.js";
-import { p as Fo, d as To, a as Bo } from "../index-DUlH3hbL.js";
-import "../index-CHLcEawI.js";
-import "../index-Dkom_Qy5.js";
+import { h as R, R as s, k as O, H as m, r as uo, x as Eo, n as F } from "../property-B2F7x7Cz.js";
+import { n as ho } from "../directive-helpers-nlQRAaQt-I6T4KZKW.js";
+import { m as U, d as C } from "../if-defined-BSAr_4u4-4Ys8VE7T.js";
+import { m as X } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { O as J, n as _o, b as Ao, T as Mo } from "../luzmo-icons-BE2T8vWu.js";
+import { w as Ho, a as Po } from "../async-directive-DWRUSKKF-CmOVMf6V.js";
+import { l as mo, u as po } from "../language-resolution-8yZa5r_P-Bn0bYosv.js";
+import { i as Ro } from "../text-field-CvKSS59x-Dn0_1HO7.js";
+import { p as Fo, d as To, a as Bo } from "../index-CXIT0cYY.js";
+import "../index-BVX_ozT9.js";
+import "../index-DnozlYag.js";
 import { o as eo } from "../when-CDK1Tt5Y-C6ViXC43.js";
-import { a as Uo } from "../observe-slot-text-ggb4kKgY-yUxhPbbJ.js";
-import { m as Io } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
-import "../index-FSUV_4nO.js";
-import { e as No } from "../query-Ddbd72Um.js";
-import { L as Do } from "../edit-option-base-w3UBiCoU.js";
+import { a as No } from "../observe-slot-text-ggb4kKgY-o5QFWUeA.js";
+import { m as Uo } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
+import "../index-BBrer3_5.js";
+import { e as Io } from "../query-Ddbd72Um.js";
+import { L as Oo } from "../edit-option-base-qePiIQWd.js";
 const So = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -61,13 +61,13 @@ So();
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const Oo = ':host{inline-size:var(--luzmo-color-loupe-width, 48px);block-size:var(--luzmo-color-loupe-height, 64px);transform:translateY(var(--luzmo-color-loupe-animation-distance, 8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x, 0) var(--luzmo-color-loupe-drop-shadow-y, 2px) var(--luzmo-color-loupe-drop-shadow-blur, 8px) var(--luzmo-color-loupe-drop-shadow-color, rgba(0, 0, 0, .25)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size, 16px) - var(--luzmo-color-handle-outer-border-width, 1px) + var(--luzmo-color-loupe-offset, 12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2)}:host:dir(rtl),:host([dir=rtl]){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color, rgba(0, 0, 0, .1));stroke-width:var(--luzmo-color-loupe-inner-border-width, 1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color, white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width, 2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width, 2px) + 2px) / 2))}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color, rgb(230, 230, 230))}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color, rgb(255, 255, 255))}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill, url(#checkerboard-primary))}@media (forced-colors: active){:host{--highcontrast-colorloupe-outer-border-color: CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{position:absolute;top:2px;left:2px;block-size:100%;inline-size:100%}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}';
+const Do = ':host{inline-size:var(--luzmo-color-loupe-width, 48px);block-size:var(--luzmo-color-loupe-height, 64px);transform:translateY(var(--luzmo-color-loupe-animation-distance, 8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x, 0) var(--luzmo-color-loupe-drop-shadow-y, 2px) var(--luzmo-color-loupe-drop-shadow-blur, 8px) var(--luzmo-color-loupe-drop-shadow-color, rgba(0, 0, 0, .25)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size, 16px) - var(--luzmo-color-handle-outer-border-width, 1px) + var(--luzmo-color-loupe-offset, 12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2)}:host:dir(rtl),:host([dir=rtl]){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color, rgba(0, 0, 0, .1));stroke-width:var(--luzmo-color-loupe-inner-border-width, 1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color, white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width, 2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width, 2px) + 2px) / 2))}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color, rgb(230, 230, 230))}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color, rgb(255, 255, 255))}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill, url(#checkerboard-primary))}@media (forced-colors: active){:host{--highcontrast-colorloupe-outer-border-color: CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{position:absolute;top:2px;left:2px;block-size:100%;inline-size:100%}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}';
 var Lo = Object.defineProperty, go = (r, o, e, t) => {
   for (var l = void 0, i = r.length - 1, a; i >= 0; i--)
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Lo(o, e, l), l;
 };
-const bo = class extends D {
+const bo = class extends O {
   constructor() {
     super(...arguments), this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
   }
@@ -113,7 +113,7 @@ const bo = class extends D {
     `;
   }
 };
-bo.styles = R(Oo);
+bo.styles = R(Do);
 let zo = bo;
 go([
   s({ type: Boolean, reflect: !0 })
@@ -151,7 +151,7 @@ var Ko = Object.defineProperty, W = (r, o, e, t) => {
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Ko(o, e, l), l;
 };
-const fo = class extends D {
+const fo = class extends O {
   constructor() {
     super(...arguments), this.disabled = !1, this.focused = !1, this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
   }
@@ -175,23 +175,23 @@ const fo = class extends D {
   }
 };
 fo.styles = R(qo);
-let O = fo;
+let D = fo;
 W([
   s({ type: Boolean, reflect: !0 })
-], O.prototype, "disabled");
+], D.prototype, "disabled");
 W([
   s({ type: Boolean, reflect: !0 })
-], O.prototype, "focused");
+], D.prototype, "focused");
 W([
   s({ type: Boolean, reflect: !0 })
-], O.prototype, "open");
+], D.prototype, "open");
 W([
   s({ type: String })
-], O.prototype, "color");
-customElements.get("luzmo-color-handle") || customElements.define("luzmo-color-handle", O);
+], D.prototype, "color");
+customElements.get("luzmo-color-handle") || customElements.define("luzmo-color-handle", D);
 const Vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LuzmoColorHandle: O
+  LuzmoColorHandle: D
 }, Symbol.toStringTag, { value: "Module" }));
 /*! * Lucero - The design system for Luzmo.
  * 
@@ -230,7 +230,7 @@ function vo(r) {
 function q(r) {
   return Number(r) <= 1 ? `${Number(r) * 100}%` : r;
 }
-function U(r) {
+function N(r) {
   return r.length === 1 ? "0" + r : String(r);
 }
 function Yo(r, o, e) {
@@ -307,18 +307,18 @@ function Go(r, o, e) {
 }
 function lo(r, o, e, t) {
   const l = [
-    U(Math.round(r).toString(16)),
-    U(Math.round(o).toString(16)),
-    U(Math.round(e).toString(16))
+    N(Math.round(r).toString(16)),
+    N(Math.round(o).toString(16)),
+    N(Math.round(e).toString(16))
   ];
   return t && l[0].startsWith(l[0].charAt(1)) && l[1].startsWith(l[1].charAt(1)) && l[2].startsWith(l[2].charAt(1)) ? l[0].charAt(0) + l[1].charAt(0) + l[2].charAt(0) : l.join("");
 }
 function Jo(r, o, e, t, l) {
   const i = [
-    U(Math.round(r).toString(16)),
-    U(Math.round(o).toString(16)),
-    U(Math.round(e).toString(16)),
-    U(oe(t))
+    N(Math.round(r).toString(16)),
+    N(Math.round(o).toString(16)),
+    N(Math.round(e).toString(16)),
+    N(oe(t))
   ];
   return l && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) && i[3].startsWith(i[3].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
@@ -1121,7 +1121,7 @@ var ne = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, z = (r, o,
     (a = r[i]) && (l = (t ? a(o, e, l) : a(l)) || l);
   return t && l && ne(o, e, l), l;
 };
-class g extends D {
+class g extends O {
   constructor() {
     super(...arguments), this.disabled = !1, this.focused = !1, this.labelX = "saturation", this.labelY = "luminosity", this.isLTR = !0, this.languageResolver = new mo(this), this.colorController = new xo(this, {
       extractColorFromState: () => ({
@@ -1300,7 +1300,7 @@ class g extends D {
     o.button === 0 && (o.stopPropagation(), o.preventDefault(), this.handle.dispatchEvent(new PointerEvent("pointerdown", o)), this.handlePointermove(o));
   }
   render() {
-    const { width: o = 0, height: e = 0 } = this.boundingClientRect || {}, t = Ho() || Po(), l = "Color Picker", i = I(t ? void 0 : "2d slider"), a = this.labelX, n = this.labelY, c = new Intl.NumberFormat(this.languageResolver.language, {
+    const { width: o = 0, height: e = 0 } = this.boundingClientRect || {}, t = Ho() || Po(), l = "Color Picker", i = U(t ? void 0 : "2d slider"), a = this.labelX, n = this.labelY, c = new Intl.NumberFormat(this.languageResolver.language, {
       style: "percent",
       unitDisplay: "narrow"
     }).format(this.x), d = new Intl.NumberFormat(this.languageResolver.language, {
@@ -1317,7 +1317,7 @@ class g extends D {
       </div>
 
       <luzmo-color-handle
-        tabindex=${I(this.focused ? void 0 : "0")}
+        tabindex=${U(this.focused ? void 0 : "0")}
         @focus=${this.forwardFocus}
         ?focused=${this.focused}
         class="handle"
@@ -1336,7 +1336,7 @@ class g extends D {
 
       <fieldset
         class="fieldset"
-        aria-label=${I(t ? l : void 0)}
+        aria-label=${U(t ? l : void 0)}
       >
         <div role="presentation">
           <input
@@ -1739,7 +1739,7 @@ let f = class extends uo {
         </div>
       </div>
       <luzmo-color-handle
-        tabindex=${I(this.focused ? void 0 : "0")}
+        tabindex=${U(this.focused ? void 0 : "0")}
         @focus=${this.forwardFocus}
         ?focused=${this.focused}
         class="handle"
@@ -1760,8 +1760,8 @@ let f = class extends uo {
         class="slider"
         min="0"
         max=${this.mode === "opacity" ? "100" : "360"}
-        aria-orientation=${I(this.vertical ? "vertical" : void 0)}
-        orient=${I(this.vertical ? "vertical" : void 0)}
+        aria-orientation=${U(this.vertical ? "vertical" : void 0)}
+        orient=${U(this.vertical ? "vertical" : void 0)}
         step=${this.step}
         aria-label=${this.label}
         .value=${String(
@@ -1944,7 +1944,7 @@ let $ = class extends X(uo, {
     return m`
       <div
         class="opacity-checkerboard fill"
-        style=${I(
+        style=${U(
       this.color ? `--picked-color: ${this.color}` : void 0
     )}
       >
@@ -2000,17 +2000,17 @@ E([
   s()
 ], $.prototype, "value", 1);
 const ye = ":host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular, var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact, var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious, var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact: 2px;--swatch-group-spacing-regular: 4px;--swatch-group-spacing-spacious: 8px}";
-var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, N = (r, o, e, t) => {
+var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, I = (r, o, e, t) => {
   for (var l = t > 1 ? void 0 : t ? ke(o, e) : o, i = r.length - 1, a; i >= 0; i--)
     (a = r[i]) && (l = (t ? a(o, e, l) : a(l)) || l);
   return t && l && we(o, e, l), l;
 };
-class T extends X(D, {
+class T extends X(O, {
   validSizes: ["xs", "s", "m", "l"],
   noDefaultSize: !0
 }) {
   constructor() {
-    super(), this._selected = [], this.selectedSet = /* @__PURE__ */ new Set(), this.rovingTabindexController = new Io(this, {
+    super(), this._selected = [], this.selectedSet = /* @__PURE__ */ new Set(), this.rovingTabindexController = new Uo(this, {
       focusInIndex: (o) => {
         let e = -1;
         const t = o.findIndex((l, i) => (!o[e] && !l.disabled && (e = i), l.selected && !l.disabled));
@@ -2025,7 +2025,7 @@ class T extends X(D, {
       }), this.selectedSet.forEach((e) => {
         o.has(e) || this.selectedSet.delete(e);
       }), this._selected = [...this.selectedSet], this.rovingTabindexController.clearElementCache();
-    }, new Uo(this, {
+    }, new No(this, {
       config: {
         attributes: !0,
         childList: !0,
@@ -2136,25 +2136,25 @@ class T extends X(D, {
     );
   }
 }
-N([
+I([
   s({ reflect: !0 })
 ], T.prototype, "border", 2);
-N([
+I([
   s({ reflect: !0 })
 ], T.prototype, "density", 2);
-N([
+I([
   s({ reflect: !0 })
 ], T.prototype, "rounding", 2);
-N([
+I([
   s({ type: Array })
 ], T.prototype, "selected", 1);
-N([
+I([
   s()
 ], T.prototype, "selects", 2);
-N([
+I([
   s({ reflect: !0 })
 ], T.prototype, "shape", 2);
-N([
+I([
   To({ flatten: !0 })
 ], T.prototype, "swatches", 2);
 customElements.get("luzmo-swatch") || customElements.define("luzmo-swatch", $);
@@ -2189,7 +2189,7 @@ var Se = Object.defineProperty, M = (r, o, e, t) => {
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Se(o, e, l), l;
 };
-const wo = class extends X(D) {
+const wo = class extends X(O) {
   constructor() {
     super(...arguments), this.color = "rgb(255, 0, 0)", this.noAlphaChannel = !1, this._alpha = 1, this._rgbColor = "rgb(255, 0, 0)", this._rgbaColor = "rgb(255, 0, 0, 1)", this._previousColor = "rgb(255, 0, 0)";
   }
@@ -2376,7 +2376,7 @@ var Ae = Object.defineProperty, _ = (r, o, e, t) => {
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Ae(o, e, l), l;
 };
-const ko = class extends X(D) {
+const ko = class extends X(O) {
   constructor() {
     super(...arguments), this.color = "rgb(255, 0, 0)", this.open = !1, this.disabled = !1, this.placement = "left-start", this.rounding = "full", this.swatches = [], this.noAlphaChannel = !1, this._renderMenu = !1;
   }
@@ -2480,7 +2480,7 @@ var Me = Object.defineProperty, H = (r, o, e, t) => {
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Me(o, e, l), l;
 };
-const L = class L extends Do {
+const L = class L extends Oo {
   constructor() {
     super(...arguments), this.value = "transparent", this.disabled = !1, this.noAlphaChannel = !1, this.swatches = [], this.rounding = "full", this.shape = "circle", this.placement = "left-start", this.debounce = 50;
   }
@@ -2542,7 +2542,7 @@ H([
   F({ type: Number, reflect: !0 })
 ], k.prototype, "debounce");
 H([
-  No("luzmo-color-picker")
+  Io("luzmo-color-picker")
 ], k.prototype, "colorPicker");
 customElements.get("luzmo-edit-option-color-picker") || customElements.define(
   "luzmo-edit-option-color-picker",

package/components/edit-option-multi-language-field/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var c=Object.getPrototypeOf;var p=Reflect.get;var d=(u,t,o)=>p(c(u),o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-f8GtjOLn.cjs");const l=require("../property-ChsOQ1Yj.cjs"),h=require("../query-D5qWDopr.cjs"),m=require("../edit-option-base-Ck3NFAli.cjs");var g=Object.defineProperty,i=(u,t,o,f)=>{for(var n=void 0,a=u.length-1,s;a>=0;a--)(s=u[a])&&(n=s(t,o,n)||n);return n&&g(t,o,n),n};const r=class r extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var t;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:((t=this.multiLangFieldElement)==null?void 0:t.value)??{}}}))},this.debounce??200)}renderController(){return l.x`
+"use strict";var c=Object.getPrototypeOf;var p=Reflect.get;var d=(u,t,o)=>p(c(u),o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-86cIx1Ql.cjs");const l=require("../property-0L4eB11h.cjs"),h=require("../query-D5qWDopr.cjs"),m=require("../edit-option-base-Boz7TNRZ.cjs");var g=Object.defineProperty,i=(u,t,o,f)=>{for(var n=void 0,a=u.length-1,s;a>=0;a--)(s=u[a])&&(n=s(t,o,n)||n);return n&&g(t,o,n),n};const r=class r extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var t;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:((t=this.multiLangFieldElement)==null?void 0:t.value)??{}}}))},this.debounce??200)}renderController(){return l.x`
       <luzmo-multi-language-field
         .value=${this.value}
         .language=${this.language??"en"}

package/components/edit-option-multi-language-field/index.js

@@ -20,10 +20,10 @@
 var s = Object.getPrototypeOf;
 var d = Reflect.get;
 var a = (e, l, i) => d(s(e), i, l);
-import "../index-C_Cxv6xn.js";
-import { x as f, n as t } from "../property-CXJD1jOW.js";
+import "../index-DVAsMiOm.js";
+import { x as f, n as t } from "../property-B2F7x7Cz.js";
 import { e as g } from "../query-Ddbd72Um.js";
-import { L as b } from "../edit-option-base-w3UBiCoU.js";
+import { L as b } from "../edit-option-base-qePiIQWd.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");

package/components/edit-option-number-field/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var f=Object.getPrototypeOf;var d=Reflect.get;var a=(s,i,u)=>d(f(s),u,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-EkTLplXl.cjs");const t=require("../property-ChsOQ1Yj.cjs"),m=require("../query-D5qWDopr.cjs"),c=require("../edit-option-base-Ck3NFAli.cjs");var h=Object.defineProperty,o=(s,i,u,b)=>{for(var r=void 0,l=s.length-1,p;l>=0;l--)(p=s[l])&&(r=p(i,u,r)||r);return r&&h(i,u,r),r};const n=class n extends c.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const i=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,u=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return t.x`
+"use strict";var f=Object.getPrototypeOf;var d=Reflect.get;var a=(s,i,u)=>d(f(s),u,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-iYpAy-Kg.cjs");const t=require("../property-0L4eB11h.cjs"),m=require("../query-D5qWDopr.cjs"),c=require("../edit-option-base-Boz7TNRZ.cjs");var h=Object.defineProperty,o=(s,i,u,b)=>{for(var r=void 0,l=s.length-1,p;l>=0;l--)(p=s[l])&&(r=p(i,u,r)||r);return r&&h(i,u,r),r};const n=class n extends c.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const i=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,u=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return t.x`
       <luzmo-number-field
         .value=${i??u??0}
         .size=${this.size}

package/components/edit-option-number-field/index.js

@@ -20,10 +20,10 @@
 var a = Object.getPrototypeOf;
 var d = Reflect.get;
 var s = (r, t, u) => d(a(r), u, t);
-import "../index-aLxc3xA_.js";
-import { x as f, n as l } from "../property-CXJD1jOW.js";
+import "../index-B3ve6cAj.js";
+import { x as f, n as l } from "../property-B2F7x7Cz.js";
 import { e as p } from "../query-Ddbd72Um.js";
-import { L as b } from "../edit-option-base-w3UBiCoU.js";
+import { L as b } from "../edit-option-base-qePiIQWd.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");

package/components/edit-option-picker/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var p=(r,e,o)=>c(h(r),o,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-BxFGd_xp.cjs");require("../index-C_xCeCrL.cjs");const n=require("../property-ChsOQ1Yj.cjs"),d=require("../edit-option-base-Ck3NFAli.cjs");var m=Object.defineProperty,i=(r,e,o,f)=>{for(var s=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(s=u(e,o,s)||s);return s&&m(e,o,s),s};const l=class l extends d.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(e.detail):e.detail}}))}generateMenuItems(){return n.x`
+"use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var p=(r,e,o)=>c(h(r),o,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-D8qmoauu.cjs");require("../index-BrEDK88k.cjs");const n=require("../property-0L4eB11h.cjs"),d=require("../edit-option-base-Boz7TNRZ.cjs");var m=Object.defineProperty,i=(r,e,o,f)=>{for(var s=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(s=u(e,o,s)||s);return s&&m(e,o,s),s};const l=class l extends d.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(e.detail):e.detail}}))}generateMenuItems(){return n.x`
       ${Object.entries(this.values).map(([e,o])=>n.x`
           <luzmo-menu-item value=${e}> ${o} </luzmo-menu-item>
         `)}

package/components/edit-option-picker/index.js

@@ -20,10 +20,10 @@
 var z = Object.getPrototypeOf;
 var d = Reflect.get;
 var s = (l, o, r) => d(z(l), r, o);
-import "../index-FSUV_4nO.js";
-import "../index-Pmv-d4iw.js";
-import { x as c, n as t } from "../property-CXJD1jOW.js";
-import { L as f } from "../edit-option-base-w3UBiCoU.js";
+import "../index-BBrer3_5.js";
+import "../index-B5Wvyv9s.js";
+import { x as c, n as t } from "../property-B2F7x7Cz.js";
+import { L as f } from "../edit-option-base-qePiIQWd.js";
 const p = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const l = document.createElement("style");

package/components/edit-option-positions-number-field/index.cjs

@@ -17,19 +17,19 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@luzmo/icons");require("../index-EkTLplXl.cjs");const i=require("../property-ChsOQ1Yj.cjs"),f=require("../state-DLrsMPet.cjs"),v=require("../edit-option-base-Ck3NFAli.cjs"),g=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var z=Object.defineProperty,u=(p,e,o,n)=>{for(var t=void 0,s=p.length-1,l;s>=0;s--)(l=p[s])&&(t=l(e,o,t)||t);return t&&z(e,o,t),t};class r extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.positions=["top","right","bottom","left"],this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[i.r$1(g)]}_calculateSyncedValue(){var o;let e;return(o=this.positions)==null||o.forEach(n=>{var t,s,l;e=typeof e=="number"&&((t=this.values)!=null&&t[n])?Math.min(e,(s=this.values)==null?void 0:s[n]):(l=this.values)==null?void 0:l[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){const o=e.target.getAttribute("position"),n=e.target.value;let t={};if(!(!o||typeof n!="number")){if(this.canSync&&this.sync&&o==="center"){this.syncedValue=n;for(const s of this.positions??[])t[s]=n}else t={...this.values,[o]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var a;const s=Object.keys(this.values??{}),l=Object.keys(t);let c=!0;s.length!==l.length&&(c=!1);for(const d of s)((a=this.values)==null?void 0:a[d])!==t[d]&&(c=!1);c||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...t}}})),this.values=t)},this.debounce??200)}}_renderNumberField(e){var o,n,t,s,l,c,a,d,h,m,y;return(o=this.positions)!=null&&o.includes(e)||e==="center"?this.canSync&&(this.sync&&e!=="center"||!this.sync&&e==="center")?i.x`<div
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../luzmo-icons-XsFsTAl3.cjs");require("../index-iYpAy-Kg.cjs");const i=require("../property-0L4eB11h.cjs"),f=require("../state-BFA93Sye.cjs"),v=require("../edit-option-base-Boz7TNRZ.cjs"),g=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var z=Object.defineProperty,u=(p,e,o,n)=>{for(var t=void 0,s=p.length-1,l;s>=0;s--)(l=p[s])&&(t=l(e,o,t)||t);return t&&z(e,o,t),t};class r extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.positions=["top","right","bottom","left"],this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[i.r$1(g)]}_calculateSyncedValue(){var o;let e;return(o=this.positions)==null||o.forEach(n=>{var t,s,l;e=typeof e=="number"&&((t=this.values)!=null&&t[n])?Math.min(e,(s=this.values)==null?void 0:s[n]):(l=this.values)==null?void 0:l[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){const o=e.target.getAttribute("position"),n=e.target.value;let t={};if(!(!o||typeof n!="number")){if(this.canSync&&this.sync&&o==="center"){this.syncedValue=n;for(const s of this.positions??[])t[s]=n}else t={...this.values,[o]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var c;const s=Object.keys(this.values??{}),l=Object.keys(t);let a=!0;s.length!==l.length&&(a=!1);for(const d of s)((c=this.values)==null?void 0:c[d])!==t[d]&&(a=!1);a||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...t}}})),this.values=t)},this.debounce??200)}}_renderNumberField(e){var o,n,t,s,l,a,c,d,h,m,y;return(o=this.positions)!=null&&o.includes(e)||e==="center"?this.canSync&&(this.sync&&e!=="center"||!this.sync&&e==="center")?i.x`<div
           class="sync-button ${this.sync?"":"sync"}"
           position=${e}
           @click=${this.toggleSync}
         >
-          ${b.luzmoIcon(b.luzmoLockOutline)}
+          ${b.O2(b.$1)}
         </div>`:!this.canSync&&!((n=this.positions)!=null&&n.includes("center"))&&e==="center"?i.x`<div class="no-sync-center"></div>`:i.x`<div class="position">
         <luzmo-number-field
           position=${e}
           .value=${this.sync&&this.canSync?this.syncedValue??0:((t=this.values)==null?void 0:t[e])??((l=(s=this.positionConfiguration)==null?void 0:s[e])==null?void 0:l.default)??0}
           .disabled=${this.disabled}
           .size=${this.size}
-          .min=${((a=(c=this.positionConfiguration)==null?void 0:c[e])==null?void 0:a.min)??0}
+          .min=${((c=(a=this.positionConfiguration)==null?void 0:a[e])==null?void 0:c.min)??0}
           .max=${((h=(d=this.positionConfiguration)==null?void 0:d[e])==null?void 0:h.max)??100}
           .step=${((y=(m=this.positionConfiguration)==null?void 0:m[e])==null?void 0:y.step)??1}
           .invalid=${this.invalid}

package/components/edit-option-positions-number-field/index.js

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { luzmoIcon as g, luzmoLockOutline as y } from "@luzmo/icons";
-import "../index-aLxc3xA_.js";
-import { a as v, x as m, n as u } from "../property-CXJD1jOW.js";
-import { r as x } from "../state-DwFtyqCc.js";
-import { L as w } from "../edit-option-base-w3UBiCoU.js";
+import { O as g, $ as y } from "../luzmo-icons-BE2T8vWu.js";
+import "../index-B3ve6cAj.js";
+import { a as v, x as m, n as u } from "../property-B2F7x7Cz.js";
+import { r as x } from "../state-Joaryhrg.js";
+import { L as w } from "../edit-option-base-qePiIQWd.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const c = document.createElement("style");
@@ -30,10 +30,10 @@ const b = () => {
 };
 b();
 const k = ":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";
-var S = Object.defineProperty, s = (c, o, t, i) => {
+var $ = Object.defineProperty, s = (c, o, t, i) => {
   for (var e = void 0, r = c.length - 1, l; r >= 0; r--)
     (l = c[r]) && (e = l(o, t, e) || e);
-  return e && S(o, t, e), e;
+  return e && $(o, t, e), e;
 };
 class n extends w {
   constructor() {

package/components/edit-option-radio-button-group/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(u,e,t)=>h(d(u),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-DLrQ4hc5.cjs");require("../index-CKbGBBId.cjs");const i=require("../property-ChsOQ1Yj.cjs"),f=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-Ck3NFAli.cjs");var y=Object.defineProperty,n=(u,e,t,r)=>{for(var s=void 0,l=u.length-1,p;l>=0;l--)(p=u[l])&&(s=p(e,t,s)||s);return s&&y(e,t,s),s};const a=class a extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>i.x`
+"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(u,e,t)=>h(d(u),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");const i=require("../property-0L4eB11h.cjs"),f=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-Boz7TNRZ.cjs");var y=Object.defineProperty,n=(u,e,t,r)=>{for(var s=void 0,l=u.length-1,p;l>=0;l--)(p=u[l])&&(s=p(e,t,s)||s);return s&&y(e,t,s),s};const a=class a extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>i.x`
         <luzmo-action-button value=${t} ?disabled=${this.disabled}>
           ${r}
         </luzmo-action-button>

package/components/edit-option-radio-button-group/index.js

@@ -20,11 +20,11 @@
 var z = Object.getPrototypeOf;
 var p = Reflect.get;
 var d = (t, o, e) => p(z(t), e, o);
-import "../index-dJXOanPE.js";
-import "../index-BuW8doNV.js";
-import { x as s, n as i } from "../property-CXJD1jOW.js";
+import "../index-CdCtJpK9.js";
+import "../index-Bee1uunR.js";
+import { x as s, n as i } from "../property-B2F7x7Cz.js";
 import { e as b } from "../query-Ddbd72Um.js";
-import { L as g } from "../edit-option-base-w3UBiCoU.js";
+import { L as g } from "../edit-option-base-qePiIQWd.js";
 const f = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");

package/components/edit-option-slider/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var Ce=Object.getPrototypeOf;var Ve=Reflect.get;var qt=(o,t,i)=>Ve(Ce(o),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../property-ChsOQ1Yj.cjs"),Pe=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs"),Ae=require("../edit-option-base-Ck3NFAli.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";var Ce=Object.getPrototypeOf;var Ve=Reflect.get;var qt=(o,t,i)=>Ve(Ce(o),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../property-0L4eB11h.cjs"),Pe=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),Ae=require("../edit-option-base-Boz7TNRZ.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/edit-option-slider/index.js

@@ -20,9 +20,9 @@
 var Vt = Object.getPrototypeOf;
 var At = Reflect.get;
 var Be = (o, e, i) => At(Vt(o), i, e);
-import { k as Ot, H as Mt, h as Dt, R as W, x as Lt, n as B } from "../property-CXJD1jOW.js";
-import { m as Ht } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
-import { L as jt } from "../edit-option-base-w3UBiCoU.js";
+import { k as Ot, H as Mt, h as Dt, R as W, x as Lt, n as B } from "../property-B2F7x7Cz.js";
+import { m as Ht } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { L as jt } from "../edit-option-base-qePiIQWd.js";
 const Pt = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/edit-option-switch/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var m=Object.getPrototypeOf;var v=Reflect.get;var n=(o,r,c)=>v(m(o),c,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../property-ChsOQ1Yj.cjs"),g=require("../sized-mixin-BxMraZLS-w9I35lP7.cjs"),z=require("../checkbox-mixin-BFGTmw17-lIHmn1jk.cjs"),f=require("../edit-option-base-Ck3NFAli.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";var m=Object.getPrototypeOf;var v=Reflect.get;var n=(o,r,c)=>v(m(o),c,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../property-0L4eB11h.cjs"),g=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),z=require("../checkbox-mixin-BFGTmw17-CCjGd0nS.cjs"),f=require("../edit-option-base-Boz7TNRZ.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

package/components/edit-option-switch/index.js

@@ -20,10 +20,10 @@
 var z = Object.getPrototypeOf;
 var v = Reflect.get;
 var n = (o, r, l) => v(z(o), l, r);
-import { r as p, h as u, H as x, R as m, a as k, x as y, n as s } from "../property-CXJD1jOW.js";
-import { m as H } from "../sized-mixin-BxMraZLS-Dc6r-Wg4.js";
-import { k as B } from "../checkbox-mixin-BFGTmw17-BR4ufh0S.js";
-import { L as T } from "../edit-option-base-w3UBiCoU.js";
+import { r as p, h as u, H as x, R as m, a as k, x as y, n as s } from "../property-B2F7x7Cz.js";
+import { m as H } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { k as B } from "../checkbox-mixin-BFGTmw17-C34LMsgu.js";
+import { L as T } from "../edit-option-base-qePiIQWd.js";
 const f = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/edit-option-text-field/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var p=Object.getPrototypeOf;var c=Reflect.get;var d=(n,t,i)=>c(p(n),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-B0ZqIWfU.cjs");const l=require("../property-ChsOQ1Yj.cjs"),h=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-Ck3NFAli.cjs");var f=Object.defineProperty,o=(n,t,i,m)=>{for(var r=void 0,u=n.length-1,a;u>=0;u--)(a=n[u])&&(r=a(t,i,r)||r);return r&&f(t,i,r),r};const s=class s extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=""}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var i;const t=((i=this.textFieldElement)==null?void 0:i.value)??"";this._previousValue!==t&&(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}})),this._previousValue=t)},this.debounce??200)}renderController(){return l.x`
+"use strict";var p=Object.getPrototypeOf;var c=Reflect.get;var d=(n,t,i)=>c(p(n),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CdUTqQ3L.cjs");const l=require("../property-0L4eB11h.cjs"),h=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-Boz7TNRZ.cjs");var f=Object.defineProperty,o=(n,t,i,m)=>{for(var r=void 0,u=n.length-1,a;u>=0;u--)(a=n[u])&&(r=a(t,i,r)||r);return r&&f(t,i,r),r};const s=class s extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=""}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var i;const t=((i=this.textFieldElement)==null?void 0:i.value)??"";this._previousValue!==t&&(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}})),this._previousValue=t)},this.debounce??200)}renderController(){return l.x`
       <luzmo-text-field
         .value=${this.value??""}
         .disabled=${this.disabled}

package/components/edit-option-text-field/index.js

@@ -20,10 +20,10 @@
 var a = Object.getPrototypeOf;
 var d = Reflect.get;
 var s = (e, l, r) => d(a(e), r, l);
-import "../index-DiSrnT1e.js";
-import { x as f, n as m } from "../property-CXJD1jOW.js";
+import "../index-BUSWsm5N.js";
+import { x as f, n as m } from "../property-B2F7x7Cz.js";
 import { e as p } from "../query-Ddbd72Um.js";
-import { L as b } from "../edit-option-base-w3UBiCoU.js";
+import { L as b } from "../edit-option-base-qePiIQWd.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");