@luzmo/analytics-components-kit 1.0.1-alpha.31 → 1.0.1-alpha.32

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

@@ -20,24 +20,24 @@
 var Co = Object.getPrototypeOf;
 var $o = Reflect.get;
 var oo = (r, o, e) => $o(Co(r), e, o);
-import { a as R, D as s, z as I, R as m, m as X } from "../base-D76d76ww-D0dTUBua.js";
-import { n as uo } from "../directive-helpers-Bx_ey3Gk-Csi4AxXe.js";
-import { m as U, d as C } from "../if-defined-D-1p2bLN-Bn-33APC.js";
-import { S as J, g as Eo, v as _o, s as Ao } from "../luzmo-icons-BLN3xVgr-Tz5XXgbL.js";
-import { w as Mo, a as Ho } from "../async-directive-C_bp5UcZ-B5_19oN_.js";
-import { l as ho, u as mo } from "../streaming-listener-C8Ctj0Q6-lanbGKR9.js";
-import { i as Po } from "../text-field-C0pFjPG1-B4TRivuD.js";
-import { p as Ro, d as Fo, a as To } from "../index-BXMPi13W.js";
-import { r as po } from "../focusable-BNESohBR-DYvAZYXL.js";
-import "../index-fl13NYnO.js";
-import "../index-Brg_sVUg.js";
+import { a as R, z as s, I as D, R as m, m as X } from "../base-D76d76ww-BGkuhs54.js";
+import { n as uo } from "../directive-helpers-Cm6gitnu-CeYtlPO9.js";
+import { m as N, d as C } from "../if-defined-DOaE2coe-CNT45Xcl.js";
+import { D as J, g as Eo, v as _o, s as Ao } from "../luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { w as Mo, a as Ho } from "../async-directive-BfcqVjDp-BCT-lA4F.js";
+import { l as ho, u as mo } from "../streaming-listener-CP-JE6Fa-9MH0gENR.js";
+import { i as Po } from "../text-field-BIADXoLC-B9oE05VF.js";
+import { p as Ro, d as Fo, a as To } from "../index-BCBLJ-ei.js";
+import { r as po } from "../focusable-BxtpnzWp-DJQkL8Zv.js";
+import "../index-CskV_bXp.js";
+import "../index-CTVNGPeT.js";
 import { o as eo } from "../when-CDK1Tt5Y-C6ViXC43.js";
-import { a as Bo } from "../observe-slot-text-CVKLDesL-CXUeCmXW.js";
-import { m as No } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
-import "../index-Rjoe8cIs.js";
-import { x as Uo, n as F } from "../focusable-Dw_pMNQL.js";
-import { e as Do } from "../query-Ddbd72Um.js";
-import { L as Io } from "../edit-option-base-DOezOLDd.js";
+import { a as Bo } from "../observe-slot-text-BPfIQQtz-v6B-1BYh.js";
+import { m as Io } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
+import "../index-Cb5l6iK_.js";
+import { x as No, n as F } from "../property-CxtZroGf.js";
+import { e as Uo } from "../query-Ddbd72Um.js";
+import { L as Do } from "../edit-option-base-DeQjGX4i.js";
 const So = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -68,7 +68,7 @@ var Lo = Object.defineProperty, go = (r, o, e, t) => {
     (a = r[i]) && (l = a(o, e, l) || l);
   return l && Lo(o, e, l), l;
 };
-const bo = class extends I {
+const bo = class extends D {
   constructor() {
     super(...arguments), this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
   }
@@ -152,7 +152,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 I {
+const fo = class extends D {
   constructor() {
     super(...arguments), this.disabled = !1, this.focused = !1, this.open = !1, this.color = "rgba(255, 0, 0, 0.5)";
   }
@@ -231,7 +231,7 @@ function vo(r) {
 function q(r) {
   return Number(r) <= 1 ? `${Number(r) * 100}%` : r;
 }
-function N(r) {
+function I(r) {
   return r.length === 1 ? "0" + r : String(r);
 }
 function Yo(r, o, e) {
@@ -308,18 +308,18 @@ function Go(r, o, e) {
 }
 function lo(r, o, e, t) {
   const l = [
-    N(Math.round(r).toString(16)),
-    N(Math.round(o).toString(16)),
-    N(Math.round(e).toString(16))
+    I(Math.round(r).toString(16)),
+    I(Math.round(o).toString(16)),
+    I(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 = [
-    N(Math.round(r).toString(16)),
-    N(Math.round(o).toString(16)),
-    N(Math.round(e).toString(16)),
-    N(oe(t))
+    I(Math.round(r).toString(16)),
+    I(Math.round(o).toString(16)),
+    I(Math.round(e).toString(16)),
+    I(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("");
 }
@@ -1122,7 +1122,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 I {
+class g extends D {
   constructor() {
     super(...arguments), this.disabled = !1, this.focused = !1, this.labelX = "saturation", this.labelY = "luminosity", this.isLTR = !0, this.languageResolver = new ho(this), this.colorController = new xo(this, {
       extractColorFromState: () => ({
@@ -1301,7 +1301,7 @@ class g extends I {
     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 = Mo() || Ho(), l = "Color Picker", i = U(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 = Mo() || Ho(), l = "Color Picker", i = N(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, {
@@ -1318,7 +1318,7 @@ class g extends I {
       </div>
 
       <luzmo-color-handle
-        tabindex=${U(this.focused ? void 0 : "0")}
+        tabindex=${N(this.focused ? void 0 : "0")}
         @focus=${this.forwardFocus}
         ?focused=${this.focused}
         class="handle"
@@ -1337,7 +1337,7 @@ class g extends I {
 
       <fieldset
         class="fieldset"
-        aria-label=${U(t ? l : void 0)}
+        aria-label=${N(t ? l : void 0)}
       >
         <div role="presentation">
           <input
@@ -1740,7 +1740,7 @@ let f = class extends po {
         </div>
       </div>
       <luzmo-color-handle
-        tabindex=${U(this.focused ? void 0 : "0")}
+        tabindex=${N(this.focused ? void 0 : "0")}
         @focus=${this.forwardFocus}
         ?focused=${this.focused}
         class="handle"
@@ -1761,8 +1761,8 @@ let f = class extends po {
         class="slider"
         min="0"
         max=${this.mode === "opacity" ? "100" : "360"}
-        aria-orientation=${U(this.vertical ? "vertical" : void 0)}
-        orient=${U(this.vertical ? "vertical" : void 0)}
+        aria-orientation=${N(this.vertical ? "vertical" : void 0)}
+        orient=${N(this.vertical ? "vertical" : void 0)}
         step=${this.step}
         aria-label=${this.label}
         .value=${String(
@@ -1945,7 +1945,7 @@ let $ = class extends X(po, {
     return m`
       <div
         class="opacity-checkerboard fill"
-        style=${U(
+        style=${N(
       this.color ? `--picked-color: ${this.color}` : void 0
     )}
       >
@@ -2001,17 +2001,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, D = (r, o, e, t) => {
+var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, U = (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(I, {
+class T extends X(D, {
   validSizes: ["xs", "s", "m", "l"],
   noDefaultSize: !0
 }) {
   constructor() {
-    super(), this._selected = [], this.selectedSet = /* @__PURE__ */ new Set(), this.rovingTabindexController = new No(this, {
+    super(), this._selected = [], this.selectedSet = /* @__PURE__ */ new Set(), this.rovingTabindexController = new Io(this, {
       focusInIndex: (o) => {
         let e = -1;
         const t = o.findIndex((l, i) => (!o[e] && !l.disabled && (e = i), l.selected && !l.disabled));
@@ -2137,25 +2137,25 @@ class T extends X(I, {
     );
   }
 }
-D([
+U([
   s({ reflect: !0 })
 ], T.prototype, "border", 2);
-D([
+U([
   s({ reflect: !0 })
 ], T.prototype, "density", 2);
-D([
+U([
   s({ reflect: !0 })
 ], T.prototype, "rounding", 2);
-D([
+U([
   s({ type: Array })
 ], T.prototype, "selected", 1);
-D([
+U([
   s()
 ], T.prototype, "selects", 2);
-D([
+U([
   s({ reflect: !0 })
 ], T.prototype, "shape", 2);
-D([
+U([
   Fo({ flatten: !0 })
 ], T.prototype, "swatches", 2);
 customElements.get("luzmo-swatch") || customElements.define("luzmo-swatch", $);
@@ -2190,7 +2190,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(I) {
+const wo = class extends X(D) {
   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)";
   }
@@ -2377,7 +2377,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(I) {
+const ko = class extends X(D) {
   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;
   }
@@ -2481,7 +2481,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 Io {
+const L = class L extends Do {
   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;
   }
@@ -2500,7 +2500,7 @@ const L = class L extends Io {
     }, this.debounce ?? 200);
   }
   renderController() {
-    return Uo`
+    return No`
       <luzmo-color-picker
         .color=${this.value}
         .size=${this.size}
@@ -2543,7 +2543,7 @@ H([
   F({ type: Number, reflect: !0 })
 ], k.prototype, "debounce");
 H([
-  Do("luzmo-color-picker")
+  Uo("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 d=Reflect.get;var p=(o,t,n)=>d(c(o),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-BkCJwWm3.cjs");const l=require("../focusable-Cu_m_GTh.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,i=(o,t,n,f)=>{for(var u=void 0,s=o.length-1,r;s>=0;s--)(r=o[s])&&(u=r(t,n,u)||u);return u&&m(t,n,u),u};const a=class a extends g.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,n;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(((t=this.multiLangFieldElement)==null?void 0:t.value)??{},this.language??"en"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return l.x`
+"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(o,t,n)=>c(d(o),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CeENkpNK.cjs");const l=require("../property-Dlf9S6Jz.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-CSJNbo2E.cjs");var m=Object.defineProperty,i=(o,t,n,f)=>{for(var u=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(u=s(t,n,u)||u);return u&&m(t,n,u),u};const a=class a extends g.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,n;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(((t=this.multiLangFieldElement)==null?void 0:t.value)??{},this.language??"en"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return l.x`
       <luzmo-multi-language-field
         .value=${t}
         .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 c = (r, e, u) => d(s(r), u, e);
-import "../index-BnbhRpm9.js";
-import { x as f, n as t } from "../focusable-Dw_pMNQL.js";
+import "../index-CnRQGFHT.js";
+import { x as f, n as t } from "../property-CxtZroGf.js";
 import { e as g } from "../query-Ddbd72Um.js";
-import { L as p } from "../edit-option-base-DOezOLDd.js";
+import { L as p } from "../edit-option-base-DeQjGX4i.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = 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 c=Object.getPrototypeOf;var d=Reflect.get;var p=(n,r,s)=>d(c(n),s,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-bZQXFqxv.cjs");const t=require("../focusable-Cu_m_GTh.cjs"),f=require("../query-D5qWDopr.cjs"),h=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,u=(n,r,s,b)=>{for(var i=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(i=a(r,s,i)||i);return i&&m(r,s,i),i};const o=class o extends h.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.toValue=="function"?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
+"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(n,r,s)=>c(d(n),s,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CBOAQ3-E.cjs");const t=require("../property-Dlf9S6Jz.cjs"),h=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-CSJNbo2E.cjs");var m=Object.defineProperty,u=(n,r,s,b)=>{for(var i=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(i=a(r,s,i)||i);return i&&m(r,s,i),i};const o=class o extends f.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.toValue=="function"?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
       <luzmo-number-field
         .value=${r??s??0}
         .size=${this.size}
@@ -29,4 +29,4 @@
         @change=${this._handleEvent}
       >
       </luzmo-number-field>
-    `}};o.styles=[p(o,o,"styles")];let e=o;u([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");u([t.n({type:Number,reflect:!0})],e.prototype,"min");u([t.n({type:Number,reflect:!0})],e.prototype,"max");u([t.n({type:Number,reflect:!0})],e.prototype,"default");u([t.n({type:Number,reflect:!0})],e.prototype,"value");u([t.n({type:Number,reflect:!0})],e.prototype,"step");u([t.n({type:String,reflect:!0})],e.prototype,"unit");u([t.n({type:Number,reflect:!0})],e.prototype,"debounce");u([t.n()],e.prototype,"parseValue");u([t.n()],e.prototype,"toValue");u([f.e("luzmo-number-field")],e.prototype,"numberField");customElements.get("luzmo-edit-option-number-field")||customElements.define("luzmo-edit-option-number-field",e);exports.LuzmoEditOptionNumberField=e;
+    `}};o.styles=[p(o,o,"styles")];let e=o;u([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");u([t.n({type:Number,reflect:!0})],e.prototype,"min");u([t.n({type:Number,reflect:!0})],e.prototype,"max");u([t.n({type:Number,reflect:!0})],e.prototype,"default");u([t.n({type:Number,reflect:!0})],e.prototype,"value");u([t.n({type:Number,reflect:!0})],e.prototype,"step");u([t.n({type:String,reflect:!0})],e.prototype,"unit");u([t.n({type:Number,reflect:!0})],e.prototype,"debounce");u([t.n()],e.prototype,"parseValue");u([t.n()],e.prototype,"toValue");u([h.e("luzmo-number-field")],e.prototype,"numberField");customElements.get("luzmo-edit-option-number-field")||customElements.define("luzmo-edit-option-number-field",e);exports.LuzmoEditOptionNumberField=e;

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-Bb8vxGZY.js";
-import { x as f, n as l } from "../focusable-Dw_pMNQL.js";
+import "../index-Desl7GJ0.js";
+import { x as f, n as l } from "../property-CxtZroGf.js";
 import { e as p } from "../query-Ddbd72Um.js";
-import { L as b } from "../edit-option-base-DOezOLDd.js";
+import { L as b } from "../edit-option-base-DeQjGX4i.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 c=Object.getPrototypeOf;var h=Reflect.get;var p=(r,e,l)=>h(c(r),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-D5rT-qy9.cjs");require("../index-CqynTbW1.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),d=require("../edit-option-base-jkkFevzT.cjs");var m=Object.defineProperty,a=(r,e,l,f)=>{for(var n=void 0,u=r.length-1,o;u>=0;u--)(o=r[u])&&(n=o(e,l,n)||n);return n&&m(e,l,n),n};const i=class i 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.toValue=="function"?this.toValue(e.detail):e.detail}}))}generateMenuItems(){return s.x`
+"use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var p=(i,e,l)=>c(h(i),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-Bafc5poK.cjs");require("../index-c2uKLWDt.cjs");const s=require("../property-Dlf9S6Jz.cjs"),d=require("../edit-option-base-CSJNbo2E.cjs");var m=Object.defineProperty,a=(i,e,l,f)=>{for(var n=void 0,u=i.length-1,o;u>=0;u--)(o=i[u])&&(n=o(e,l,n)||n);return n&&m(e,l,n),n};const r=class r 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.toValue=="function"?this.toValue(e.detail):e.detail}}))}generateMenuItems(){return s.x`
       ${Object.entries(this.values).map(([e,l])=>s.x`
           <luzmo-menu-item value=${e}> ${l} </luzmo-menu-item>
         `)}
@@ -32,4 +32,4 @@
       >
         ${this.generateMenuItems()}
       </luzmo-picker>
-    `}};i.styles=[p(i,i,"styles")];let t=i;a([s.n({type:Object})],t.prototype,"values");a([s.n({type:Boolean,reflect:!0})],t.prototype,"disabled");a([s.n()],t.prototype,"placement");a([s.n({type:String,reflect:!0})],t.prototype,"value");a([s.n()],t.prototype,"parseValue");a([s.n()],t.prototype,"toValue");a([s.n({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;
+    `}};r.styles=[p(r,r,"styles")];let t=r;a([s.n({type:Object})],t.prototype,"values");a([s.n({type:Boolean,reflect:!0})],t.prototype,"disabled");a([s.n()],t.prototype,"placement");a([s.n({type:String,reflect:!0})],t.prototype,"value");a([s.n()],t.prototype,"parseValue");a([s.n()],t.prototype,"toValue");a([s.n({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;

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-Rjoe8cIs.js";
-import "../index-DFnzlbHX.js";
-import { x as n, n as t } from "../focusable-Dw_pMNQL.js";
-import { L as f } from "../edit-option-base-DOezOLDd.js";
+import "../index-Cb5l6iK_.js";
+import "../index-BwsEWpIS.js";
+import { x as n, n as t } from "../property-CxtZroGf.js";
+import { L as f } from "../edit-option-base-DeQjGX4i.js";
 const p = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const l = document.createElement("style");

package/components/edit-option-position-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 m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-_McOOiwL.cjs");const e=require("../focusable-Cu_m_GTh.cjs"),k=require("../edit-option-base-jkkFevzT.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
+"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(r,o,i)=>h(m(r),i,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CSm0I7Gz.cjs");const e=require("../property-Dlf9S6Jz.cjs"),k=require("../edit-option-base-CSJNbo2E.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover, var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(r,o,i,s)=>{for(var p=void 0,a=r.length-1,l;a>=0;a--)(l=r[a])&&(p=l(o,i,p)||p);return p&&b(o,i,p),p};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(r=>r!=="center"),d=class d extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(o){var i;(i=this.positions)!=null&&i.includes(o)&&(this.value=o,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const o=g.map(i=>{var s;return e.x`
         <div
           class="position-item ${(s=this.positions)!=null&&s.includes(i)?"position-item-allowed":"position-item-not-allowed"} ${this.value===i?"selected":""}"
           @click=${this._handleClick.bind(this,i)}

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

@@ -20,9 +20,9 @@
 var z = Object.getPrototypeOf;
 var h = Reflect.get;
 var a = (i, r, o) => h(z(i), o, r);
-import "../index-CqFCIIIl.js";
-import { r as f, x as c, n as d } from "../focusable-Dw_pMNQL.js";
-import { L as v } from "../edit-option-base-DOezOLDd.js";
+import "../index-BbuNpVBr.js";
+import { r as f, x as c, n as d } from "../property-CxtZroGf.js";
+import { L as v } from "../edit-option-base-DeQjGX4i.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const i = document.createElement("style");

package/components/edit-option-positions-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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../luzmo-icons-BDClm1AE.cjs");require("../index-bZQXFqxv.cjs");const s=require("../focusable-Cu_m_GTh.cjs"),$=require("../state-QgHgNZLe.cjs"),x=require("../edit-option-base-jkkFevzT.cjs"),S=":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 V=Object.defineProperty,a=(f,t,i,n)=>{for(var e=void 0,o=f.length-1,r;o>=0;o--)(r=f[o])&&(e=r(t,i,e)||e);return e&&V(t,i,e),e};class u extends x.LuzmoEditOptionBase{constructor(){super(...arguments),this.canSync=!0,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[s.r(S)]}_calculateSyncedValue(){var n;let t;const i={};return(n=this.positions)==null||n.forEach(e=>{var o,r,l;i[e]=((o=this.values)==null?void 0:o[e])??((l=(r=this.positionConfiguration)==null?void 0:r[e])==null?void 0:l.default)??0,t=typeof t=="number"&&i[e]?Math.min(t,i[e]):i[e]}),t}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const t of this.positions??[])this.values[t]=this.syncedValue}}_handleEvent(t){const i=t.target.getAttribute("position"),n=t.target.value;let e={};if(!(!i||typeof n!="number")){if(this.canSync&&this.sync&&i==="center"){this.syncedValue=n;for(const o of this.positions??[])e[o]=n}else e={...this.values,[i]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var c;const o=Object.keys(this.values??{}),r=Object.keys(e);let l=!0;o.length!==r.length&&(l=!1);for(const d of o)((c=this.values)==null?void 0:c[d])!==e[d]&&(l=!1);l||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...e}}})),this.values=e)},this.debounce??200)}}_renderNumberField(t){var i,n,e,o,r,l,c,d,p,h,m;return(i=this.positions)!=null&&i.includes(t)||t==="center"?this.canSync&&(this.sync&&t!=="center"||!this.sync&&t==="center")?s.x`<div
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../luzmo-icons-Nyf1P71v.cjs");require("../index-CBOAQ3-E.cjs");const s=require("../property-Dlf9S6Jz.cjs"),$=require("../state-CrfOw8Zp.cjs"),x=require("../edit-option-base-CSJNbo2E.cjs"),S=":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 V=Object.defineProperty,a=(f,t,i,n)=>{for(var e=void 0,o=f.length-1,r;o>=0;o--)(r=f[o])&&(e=r(t,i,e)||e);return e&&V(t,i,e),e};class u extends x.LuzmoEditOptionBase{constructor(){super(...arguments),this.canSync=!0,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[s.r(S)]}_calculateSyncedValue(){var n;let t;const i={};return(n=this.positions)==null||n.forEach(e=>{var o,r,l;i[e]=((o=this.values)==null?void 0:o[e])??((l=(r=this.positionConfiguration)==null?void 0:r[e])==null?void 0:l.default)??0,t=typeof t=="number"&&i[e]?Math.min(t,i[e]):i[e]}),t}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const t of this.positions??[])this.values[t]=this.syncedValue}}_handleEvent(t){const i=t.target.getAttribute("position"),n=t.target.value;let e={};if(!(!i||typeof n!="number")){if(this.canSync&&this.sync&&i==="center"){this.syncedValue=n;for(const o of this.positions??[])e[o]=n}else e={...this.values,[i]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var c;const o=Object.keys(this.values??{}),r=Object.keys(e);let l=!0;o.length!==r.length&&(l=!1);for(const d of o)((c=this.values)==null?void 0:c[d])!==e[d]&&(l=!1);l||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...e}}})),this.values=e)},this.debounce??200)}}_renderNumberField(t){var i,n,e,o,r,l,c,d,p,h,m;return(i=this.positions)!=null&&i.includes(t)||t==="center"?this.canSync&&(this.sync&&t!=="center"||!this.sync&&t==="center")?s.x`<div
           class="sync-button ${this.sync?"":"sync"}"
           position=${t}
           @click=${this.toggleSync}

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 { f as k, $ } from "../luzmo-icons-U09GB75o.js";
-import "../index-Bb8vxGZY.js";
-import { r as S, x as p, n as m } from "../focusable-Dw_pMNQL.js";
-import { r as C } from "../state-e2n-fyrr.js";
-import { L as V } from "../edit-option-base-DOezOLDd.js";
+import { a3 as k, a4 as S } from "../luzmo-icons-CPucBq6e.js";
+import "../index-Desl7GJ0.js";
+import { r as $, x as p, n as m } from "../property-CxtZroGf.js";
+import { r as C } from "../state-BVYsk_HZ.js";
+import { L as V } from "../edit-option-base-DeQjGX4i.js";
 const w = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const d = document.createElement("style");
@@ -44,7 +44,7 @@ class s extends V {
     ];
   }
   static get styles() {
-    return [S(_)];
+    return [$(_)];
   }
   _calculateSyncedValue() {
     var r;
@@ -102,7 +102,7 @@ class s extends V {
           position=${o}
           @click=${this.toggleSync}
         >
-          ${k($)}
+          ${k(S)}
         </div>` : !this.canSync && !((r = this.positions) != null && r.includes("center")) && o === "center" ? p`<div class="no-sync-center"></div>` : p`<div class="position">
         <luzmo-number-field
           position=${o}

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

@@ -17,11 +17,11 @@
  * 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=(l,e,t)=>h(d(l),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CF84gqsb.cjs");require("../index-BKcvEgWr.cjs");const a=require("../focusable-Cu_m_GTh.cjs"),v=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-jkkFevzT.cjs");var y=Object.defineProperty,i=(l,e,t,u)=>{for(var o=void 0,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=p(e,t,o)||o);return o&&y(e,t,o),o};const r=class r extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,u])=>a.x`
+"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(l,e,t)=>h(d(l),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");const a=require("../property-Dlf9S6Jz.cjs"),v=require("../query-D5qWDopr.cjs"),y=require("../edit-option-base-CSJNbo2E.cjs");var f=Object.defineProperty,i=(l,e,t,r)=>{for(var o=void 0,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=p(e,t,o)||o);return o&&f(e,t,o),o};const u=class u extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>a.x`
         <luzmo-action-button value=${t} ?disabled=${this.disabled}>
-          ${u}
+          ${r}
         </luzmo-action-button>
-      `);return a.x` ${e} `}_handleEvent(){var e,t,u,o;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue((t=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:t[0]):(o=(u=this.actionGroup)==null?void 0:u.selected)==null?void 0:o[0]}}))}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,t=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return a.x`
+      `);return a.x` ${e} `}_handleEvent(){var e,t,r,o;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue((t=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:t[0]):(o=(r=this.actionGroup)==null?void 0:r.selected)==null?void 0:o[0]}}))}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,t=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return a.x`
       <luzmo-action-group
         compact
         selects="single"
@@ -33,4 +33,4 @@
       >
         ${this.generateRadioButtons()}
       </luzmo-action-group>
-    `}};r.styles=[c(r,r,"styles")];let s=r;i([a.n({type:Array})],s.prototype,"values");i([a.n({type:Boolean,reflect:!0})],s.prototype,"disabled");i([a.n({type:String})],s.prototype,"value");i([a.n({type:String})],s.prototype,"default");i([a.n()],s.prototype,"parseValue");i([a.n()],s.prototype,"toValue");i([v.e("luzmo-action-group")],s.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",s);exports.LuzmoEditOptionRadioButtonGroup=s;
+    `}};u.styles=[c(u,u,"styles")];let s=u;i([a.n({type:Array})],s.prototype,"values");i([a.n({type:Boolean,reflect:!0})],s.prototype,"disabled");i([a.n({type:String})],s.prototype,"value");i([a.n({type:String})],s.prototype,"default");i([a.n()],s.prototype,"parseValue");i([a.n()],s.prototype,"toValue");i([v.e("luzmo-action-group")],s.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",s);exports.LuzmoEditOptionRadioButtonGroup=s;

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-DZZMSlYS.js";
-import "../index-B9dQtvu7.js";
-import { x as m, n as i } from "../focusable-Dw_pMNQL.js";
+import "../index-rQxtPaJl.js";
+import "../index-BHJH1eGn.js";
+import { x as m, n as i } from "../property-CxtZroGf.js";
 import { e as b } from "../query-Ddbd72Um.js";
-import { L as g } from "../edit-option-base-DOezOLDd.js";
+import { L as g } from "../edit-option-base-DeQjGX4i.js";
 const f = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");