@luzmo/analytics-components-kit 1.0.1-alpha.40 → 1.0.1-alpha.42

package/components/droppable-slot/index.js

@@ -21,9 +21,9 @@ import { a as C } from "../get-css-variable-YlLiVgo8.js";
 import { l as S } from "../localized-decorator-DNr1P1m0.js";
 import { m as f, g as k, t as w, s as L } from "../set-locale-DbEAMqUs.js";
 import { h as _ } from "../task-PQaVY8Iw.js";
-import { a3 as v, ab as $, a6 as A } from "../luzmo-icons-DEoJcvoL.js";
-import "../index-Jmmy73Aq.js";
-import { l as D } from "../localize-BX7q0S0M.js";
+import { a7 as v, ac as $, aa as D } from "../luzmo-icons-B2K7AcCF.js";
+import "../index-BmshD32H.js";
+import { l as A } from "../localize-BX7q0S0M.js";
 import { x as g, r as E, n as p } from "../property-Dn4zSyxu.js";
 import { e as M } from "../query-Ddbd72Um.js";
 import { L as O } from "../focusable-BXhQz3_k.js";
@@ -45,11 +45,11 @@ const U = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo
   "Group by": () => f("Group by", { desc: "Group by label" })
 };
 var G = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (t, o, l, e) => {
-  for (var r = e > 1 ? void 0 : e ? j(o, l) : o, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (r = (e ? s(o, l, r) : s(r)) || r);
+  for (var r = e > 1 ? void 0 : e ? j(o, l) : o, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (r = (e ? s(o, l, r) : s(r)) || r);
   return e && r && G(o, l, r), r;
 };
-let i = class extends T(O, {
+let a = class extends T(O, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -58,48 +58,48 @@ let i = class extends T(O, {
       task: async ([t]) => {
         if (t && t !== this._itemTypeLoaded) {
           const o = /* @__PURE__ */ Object.assign({
-            "../../item-definitions/area-chart/area-chart-slots.config.ts": () => import("../area-chart-slots.config-P7xa-pHi.js"),
-            "../../item-definitions/bar-chart/bar-chart-slots.config.ts": () => import("../bar-chart-slots.config-MQAjNXqV.js"),
-            "../../item-definitions/box-plot/box-plot-slots.config.ts": () => import("../box-plot-slots.config-BRhnF2FE.js"),
+            "../../item-definitions/area-chart/area-chart-slots.config.ts": () => import("../area-chart-slots.config-DoytjTpw.js"),
+            "../../item-definitions/bar-chart/bar-chart-slots.config.ts": () => import("../bar-chart-slots.config-Dn0IV43j.js"),
+            "../../item-definitions/box-plot/box-plot-slots.config.ts": () => import("../box-plot-slots.config-FI5Id-7p.js"),
             "../../item-definitions/bubble-chart/bubble-chart-slots.config.ts": () => import("../bubble-chart-slots.config-Bbh94VgZ.js"),
             "../../item-definitions/bullet-chart/bullet-chart-slots.config.ts": () => import("../bullet-chart-slots.config-BlWTleBt.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-slots.config.ts": () => import("../choropleth-map-slots.config-B-uJTj4q.js"),
-            "../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts": () => import("../circle-pack-chart-slots.config-xwVdRiwS.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-slots.config.ts": () => import("../choropleth-map-slots.config-DStOyVgQ.js"),
+            "../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts": () => import("../circle-pack-chart-slots.config-lV4uNMcp.js"),
             "../../item-definitions/circular-gauge/circular-gauge-slots.config.ts": () => import("../circular-gauge-slots.config-DA-ZAc5d.js"),
-            "../../item-definitions/column-chart/column-chart-slots.config.ts": () => import("../column-chart-slots.config-DAdAk17k.js"),
-            "../../item-definitions/combination-chart/combination-chart-slots.config.ts": () => import("../combination-chart-slots.config-CqKLFKCZ.js"),
+            "../../item-definitions/column-chart/column-chart-slots.config.ts": () => import("../column-chart-slots.config-epF0y5yo.js"),
+            "../../item-definitions/combination-chart/combination-chart-slots.config.ts": () => import("../combination-chart-slots.config-DRKSJyCC.js"),
             "../../item-definitions/conditional-number/conditional-number-slots.config.ts": () => import("../conditional-number-slots.config-L3t5pb1-.js"),
-            "../../item-definitions/date-filter/date-filter-slots.config.ts": () => import("../date-filter-slots.config-CxB8IF5B.js"),
-            "../../item-definitions/donut-chart/donut-chart-slots.config.ts": () => import("../donut-chart-slots.config-BEwhfq27.js"),
-            "../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts": () => import("../dropdown-filter-slots.config-B8J6ftCh.js"),
-            "../../item-definitions/evolution-number/evolution-number-slots.config.ts": () => import("../evolution-number-slots.config-CW21b2ua.js"),
-            "../../item-definitions/funnel-chart/funnel-chart-slots.config.ts": () => import("../funnel-chart-slots.config-BBhMS2qi.js"),
-            "../../item-definitions/heat-map/heat-map-slots.config.ts": () => import("../heat-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/date-filter/date-filter-slots.config.ts": () => import("../date-filter-slots.config-DIjChKTZ.js"),
+            "../../item-definitions/donut-chart/donut-chart-slots.config.ts": () => import("../donut-chart-slots.config-CHLEBSDg.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts": () => import("../dropdown-filter-slots.config-D2J9Z5aQ.js"),
+            "../../item-definitions/evolution-number/evolution-number-slots.config.ts": () => import("../evolution-number-slots.config-CSDEf5Lv.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-slots.config.ts": () => import("../funnel-chart-slots.config-B-72sm5j.js"),
+            "../../item-definitions/heat-map/heat-map-slots.config.ts": () => import("../heat-map-slots.config-CAj40INL.js"),
             "../../item-definitions/heat-table/heat-table-slots.config.ts": () => import("../heat-table-slots.config-DJkP72oT.js"),
-            "../../item-definitions/hexbin-map/hexbin-map-slots.config.ts": () => import("../hexbin-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-slots.config.ts": () => import("../hexbin-map-slots.config-CAj40INL.js"),
             "../../item-definitions/image/image-slots.config.ts": () => import("../image-slots.config-IpwUxDyU.js"),
-            "../../item-definitions/line-chart/line-chart-slots.config.ts": () => import("../line-chart-slots.config-P7xa-pHi.js"),
-            "../../item-definitions/marker-map/marker-map-slots.config.ts": () => import("../marker-map-slots.config-cdD8XTmI.js"),
+            "../../item-definitions/line-chart/line-chart-slots.config.ts": () => import("../line-chart-slots.config-DoytjTpw.js"),
+            "../../item-definitions/marker-map/marker-map-slots.config.ts": () => import("../marker-map-slots.config-CAj40INL.js"),
             "../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts": () => import("../ohlc-chart-slots.config-Cvy5n1xv.js"),
-            "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts": () => import("../parallel-coordinates-plot-slots.config-CQW2CJW6.js"),
-            "../../item-definitions/pivot-table/pivot-table-slots.config.ts": () => import("../pivot-table-slots.config-BH5fOJre.js"),
-            "../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts": () => import("../pyramid-chart-slots.config-Cm9bQsXT.js"),
-            "../../item-definitions/radar-chart/radar-chart-slots.config.ts": () => import("../radar-chart-slots.config-Dpmytmc3.js"),
-            "../../item-definitions/regular-table/regular-table-slots.config.ts": () => import("../regular-table-slots.config-EUS-V9lL.js"),
-            "../../item-definitions/route-map/route-map-slots.config.ts": () => import("../route-map-slots.config-DYCcaQZi.js"),
-            "../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts": () => import("../sankey-diagram-slots.config-BSTBEZDe.js"),
-            "../../item-definitions/scatter-plot/scatter-plot-slots.config.ts": () => import("../scatter-plot-slots.config-BuWYqDWK.js"),
-            "../../item-definitions/search-filter/search-filter-slots.config.ts": () => import("../search-filter-slots.config-DmiVXOva.js"),
-            "../../item-definitions/slicer-filter/slicer-filter-slots.config.ts": () => import("../slicer-filter-slots.config-CHQ0ZXga.js"),
-            "../../item-definitions/slider-filter/slider-filter-slots.config.ts": () => import("../slider-filter-slots.config-BN3K1rnl.js"),
+            "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts": () => import("../parallel-coordinates-plot-slots.config-BjRcJdWM.js"),
+            "../../item-definitions/pivot-table/pivot-table-slots.config.ts": () => import("../pivot-table-slots.config-CGU7IyDG.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts": () => import("../pyramid-chart-slots.config-lfxmIAy_.js"),
+            "../../item-definitions/radar-chart/radar-chart-slots.config.ts": () => import("../radar-chart-slots.config-CuQvda0y.js"),
+            "../../item-definitions/regular-table/regular-table-slots.config.ts": () => import("../regular-table-slots.config-eQ8HccjY.js"),
+            "../../item-definitions/route-map/route-map-slots.config.ts": () => import("../route-map-slots.config-B9dcwOXi.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts": () => import("../sankey-diagram-slots.config-DmqnP_mH.js"),
+            "../../item-definitions/scatter-plot/scatter-plot-slots.config.ts": () => import("../scatter-plot-slots.config-DjURFO07.js"),
+            "../../item-definitions/search-filter/search-filter-slots.config.ts": () => import("../search-filter-slots.config-CCEWnbiJ.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-slots.config.ts": () => import("../slicer-filter-slots.config-AOwwW5Ut.js"),
+            "../../item-definitions/slider-filter/slider-filter-slots.config.ts": () => import("../slider-filter-slots.config-D7cv_Ky4.js"),
             "../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts": () => import("../speedometer-chart-slots.config-DA-ZAc5d.js"),
-            "../../item-definitions/spike-map/spike-map-slots.config.ts": () => import("../spike-map-slots.config-CuqpgkvN.js"),
-            "../../item-definitions/strip-plot/strip-plot-slots.config.ts": () => import("../strip-plot-slots.config-Co8ghEv8.js"),
-            "../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts": () => import("../sunburst-chart-slots.config-xwVdRiwS.js"),
-            "../../item-definitions/symbol-map/symbol-map-slots.config.ts": () => import("../symbol-map-slots.config-C5CKaVED.js"),
+            "../../item-definitions/spike-map/spike-map-slots.config.ts": () => import("../spike-map-slots.config-Bq0WfdI4.js"),
+            "../../item-definitions/strip-plot/strip-plot-slots.config.ts": () => import("../strip-plot-slots.config-B1OLcL4K.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts": () => import("../sunburst-chart-slots.config-lV4uNMcp.js"),
+            "../../item-definitions/symbol-map/symbol-map-slots.config.ts": () => import("../symbol-map-slots.config-DT5lvWh_.js"),
             "../../item-definitions/text/text-slots.config.ts": () => import("../text-slots.config-Hy5yNIAX.js"),
             "../../item-definitions/treemap-chart/treemap-chart-slots.config.ts": () => import("../treemap-chart-slots.config-xLD22K9V.js"),
-            "../../item-definitions/venn-diagram/venn-diagram-slots.config.ts": () => import("../venn-diagram-slots.config-DPmj71cR.js"),
+            "../../item-definitions/venn-diagram/venn-diagram-slots.config.ts": () => import("../venn-diagram-slots.config-BPxkBFb6.js"),
             "../../item-definitions/video/video-slots.config.ts": () => import("../video-slots.config-IpwUxDyU.js"),
             "../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts": () => import("../wordcloud-chart-slots.config-BS4sOOHt.js")
           });
@@ -137,8 +137,8 @@ let i = class extends T(O, {
     this._cleanupDroppable || (this._cleanupDroppable = C({
       element: this,
       onDrop: (o) => {
-        var a, s, c, d;
-        const l = { ...(a = o.source) == null ? void 0 : a.data }, e = {
+        var i, s, c, d;
+        const l = { ...(i = o.source) == null ? void 0 : i.data }, e = {
           ...(l == null ? void 0 : l.label) ?? { en: "Untitled" }
         }, r = l == null ? void 0 : l.type;
         if (r === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), r === "datetime" && ((c = (s = o == null ? void 0 : o.source) == null ? void 0 : s.element) != null && c.hasAttribute("sublevel"))) {
@@ -157,16 +157,23 @@ let i = class extends T(O, {
             e[h] = `${e[h]} ${m[u - 1]}`;
           l.label = e;
         }
-        this.slotContents = (d = this.slotConfiguration) != null && d.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
+        this.slotContents = (d = this.slotConfiguration) != null && d.canAcceptMultipleDataItems ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
       },
       canDrop: ({ source: o }) => {
-        var e, r, a, s, c, d, m, u, b, h, z;
+        var e, r, i, s, c, d, m, u, b, h, z;
         if (![
           "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
           "LUZMO-DRAGGABLE-DATA-ITEM"
-        ].includes((e = o.element) == null ? void 0 : e.tagName) || !((r = this.slotConfiguration) != null && r.canAcceptFormula) && ((a = o == null ? void 0 : o.data) != null && a.formulaId))
+        ].includes((e = o.element) == null ? void 0 : e.tagName) || !((r = this.slotConfiguration) != null && r.canAcceptFormula) && ((i = o == null ? void 0 : o.data) != null && i.formulaId))
           return !1;
-        const l = ((c = (s = this.slotConfiguration) == null ? void 0 : s.acceptableColumnTypes) == null ? void 0 : c.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
+        const l = ((c = (s = this.slotConfiguration) == null ? void 0 : s.acceptableDataItemTypes) == null ? void 0 : c.length) > 0 ? this.slotConfiguration.acceptableDataItemTypes : [
+          "datetime",
+          "hierarchy",
+          "numeric",
+          "array[datetime]",
+          "array[numeric]",
+          "array[hierarchy]"
+        ];
         return (d = o == null ? void 0 : o.data) != null && d.type && !l.includes((m = o == null ? void 0 : o.data) == null ? void 0 : m.type) ? !1 : !((u = o == null ? void 0 : o.data) != null && u.subtype && ((h = (b = this.slotConfiguration) == null ? void 0 : b.acceptableColumnSubtypes) == null ? void 0 : h.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
           (z = o == null ? void 0 : o.data) == null ? void 0 : z.subtype
         ));
@@ -190,10 +197,10 @@ let i = class extends T(O, {
   // we update the label outside the lit render method to not lose focus when typing in the display settings bc of rerender
   // we use a copy of slotContents '_currentSlotContents' to not trigger a rerender when the slotContents change from the slot-menu
   createFullLabel() {
-    var e, r, a, s, c, d, m, u, b;
+    var e, r, i, s, c, d, m, u, b;
     let t = "";
-    const o = y[(e = this.slotConfiguration) == null ? void 0 : e.label] ? y[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (a = this.slotConfiguration) == null ? void 0 : a.label;
-    ((s = this._currentSlotContents) == null ? void 0 : s.length) === 1 ? t = D((d = (c = this._currentSlotContents) == null ? void 0 : c[0]) == null ? void 0 : d.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (t = `${this._currentSlotContents.length} items`);
+    const o = y[(e = this.slotConfiguration) == null ? void 0 : e.label] ? y[(r = this.slotConfiguration) == null ? void 0 : r.label]() : (i = this.slotConfiguration) == null ? void 0 : i.label;
+    ((s = this._currentSlotContents) == null ? void 0 : s.length) === 1 ? t = A((d = (c = this._currentSlotContents) == null ? void 0 : c[0]) == null ? void 0 : d.label, this.language) ?? "Untitled" : ((m = this._currentSlotContents) == null ? void 0 : m.length) > 1 && (t = `${this._currentSlotContents.length} items`);
     let l = "";
     this.label ? l = this.label : o && (l = o), l = l || "Untitled", ((u = this._currentSlotContents) == null ? void 0 : u.length) > 0 && (l += ((b = this._currentSlotContents) == null ? void 0 : b.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${t}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = l);
   }
@@ -218,7 +225,7 @@ let i = class extends T(O, {
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete ? "" : g`<div @click=${this.emptySlotContents}>
-                    ${v(A)}
+                    ${v(D)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -237,7 +244,7 @@ let i = class extends T(O, {
                 content-language=${this.language}
                 slot-type=${(e = this.slotConfiguration) == null ? void 0 : e.type}
                 .slotContents=${this._currentSlotContents}
-                variant="popup"
+                variant=${this.menu === "draggable" ? "draggable" : "popup"}
                 .size=${this.size}
                 @slot-contents-changed=${this._onSlotMenuChanges}
               ></luzmo-slot-menu>
@@ -253,7 +260,7 @@ let i = class extends T(O, {
           const o = t.find(
             (l) => l.name === this.slotName
           );
-          o && (this.slotConfiguration = o);
+          o && !this.slotConfiguration && (this.slotConfiguration = o);
         }
         return this.droppableSlotMarkup();
       },
@@ -266,44 +273,44 @@ let i = class extends T(O, {
     });
   }
 };
-i.styles = E(U);
+a.styles = E(U);
 n([
   p({ type: String, reflect: !0, attribute: "item-type" })
-], i.prototype, "itemType", 2);
+], a.prototype, "itemType", 2);
 n([
   p({ type: String, reflect: !0, attribute: "slot-name" })
-], i.prototype, "slotName", 2);
+], a.prototype, "slotName", 2);
 n([
   p({ type: Object })
-], i.prototype, "slotConfiguration", 2);
+], a.prototype, "slotConfiguration", 2);
 n([
   p({ type: Object })
-], i.prototype, "slotContents", 2);
+], a.prototype, "slotContents", 2);
 n([
   p({ type: String, reflect: !0 })
-], i.prototype, "label", 2);
+], a.prototype, "label", 2);
 n([
   p({ type: String, reflect: !0 })
-], i.prototype, "language", 2);
+], a.prototype, "language", 2);
 n([
   p({ type: String, reflect: !0 })
-], i.prototype, "menu", 2);
+], a.prototype, "menu", 2);
 n([
   p({ type: String, reflect: !0 })
-], i.prototype, "placement", 2);
+], a.prototype, "placement", 2);
 n([
   p({ type: Boolean, reflect: !0, attribute: "hide-delete" })
-], i.prototype, "hideDelete", 2);
+], a.prototype, "hideDelete", 2);
 n([
   p({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
-], i.prototype, "hideConfiguration", 2);
+], a.prototype, "hideConfiguration", 2);
 n([
   M(".droppable-slot-label")
-], i.prototype, "_droppableSlotLabelElement", 2);
-i = n([
+], a.prototype, "_droppableSlotLabelElement", 2);
+a = n([
   S()
-], i);
-customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", i);
+], a);
+customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", a);
 export {
-  i as LuzmoDroppableSlot
+  a as LuzmoDroppableSlot
 };

package/components/edit-option-action-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 m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-DAsjNJNI.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-DSQyBS9Z.cjs");const n=require("../property-BCb4Kybn.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-B7owFMOO.cjs"),v="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.E,alignTop:o.P,alignLeft:o.G,alignCenter:o.N,alignRight:o.q,ban:o.a1,borderSolid:o.b2,borderDashed:o.S2,borderDotted:o.k2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.f1,underline:o.x1,rows:o.P1,columns:o.E1,table:o.V1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
+"use strict";var m=Object.getPrototypeOf;var b=Reflect.get;var d=(c,t,e)=>b(m(c),e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../luzmo-icons-CP__dRRM.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-DSQyBS9Z.cjs");const n=require("../property-BCb4Kybn.cjs"),z=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-ByphLI4J.cjs"),v="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var h=Object.defineProperty,i=(c,t,e,l)=>{for(var r=void 0,s=c.length-1,p;s>=0;s--)(p=c[s])&&(r=p(t,e,r)||r);return r&&h(t,e,r),r};const f={alignBottom:o.U,alignMiddle:o.E,alignTop:o.P,alignLeft:o.G,alignCenter:o.N,alignRight:o.q,ban:o.a1,borderSolid:o.b2,borderDashed:o.S2,borderDotted:o.k2,compress:o.Y,expand:o._,arrowsExpand:o.c1,arrowsHorizontal:o.J,arrowsVertical:o.j,italic:o.w1,bold:o.f1,underline:o.x1,rows:o.P1,columns:o.E1,table:o.V1},a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(){var e,l,r;const t=this.selects==="multiple"?(e=this.actionGroup)==null?void 0:e.selected:(r=(l=this.actionGroup)==null?void 0:l.selected)==null?void 0:r[0];this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}}))}_generateButtonContents(t){return typeof t=="string"?n.x`${t}`:t.iconName||t.icon?n.x`
         <luzmo-icon
           slot="icon"
           .size=${this.size}

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

@@ -20,13 +20,13 @@
 var d = Object.getPrototypeOf;
 var p = Reflect.get;
 var z = (r, o, t) => p(d(r), t, o);
-import { c as g, d as f, e as h, g as v, i as x, j as y, o as w, J as k, r as $, y as C, C as q, G as S, I as E, K as _, N as B, R as N, T as j, $ as P, a0 as T, a1 as A, a2 as H } from "../luzmo-icons-DEoJcvoL.js";
+import { i as g, j as f, o as h, r as v, y as x, C as y, G as w, J as k, I as $, K as C, N as q, R as S, T as E, $ as _, a0 as B, a1 as N, a2 as j, a3 as P, a4 as T, a5 as A, a6 as H } from "../luzmo-icons-B2K7AcCF.js";
 import "../index-rQxtPaJl.js";
 import "../index-BHJH1eGn.js";
 import "../index-BC1LV3vH.js";
 import { r as R, x as u, n as i } from "../property-Dn4zSyxu.js";
 import { e as U } from "../query-Ddbd72Um.js";
-import { L as V } from "../edit-option-base-Cw2iO2Av.js";
+import { L as V } from "../edit-option-base-BQc4gXup.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");

package/components/{edit-option-base-Cw2iO2Av.js → edit-option-base-BQc4gXup.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import "./index-CsDgk_sj.js";
-import "./index-Jmmy73Aq.js";
+import "./index-BmshD32H.js";
 import { r as m, E as p, x as n, n as e } from "./property-Dn4zSyxu.js";
 import { L as h } from "./focusable-BXhQz3_k.js";
 import { S as u } from "./sized-mixin-BR_Ii7le.js";

package/components/{edit-option-base-B7owFMOO.cjs → edit-option-base-ByphLI4J.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";require("./index-j8UKjHqY.cjs");require("./index-CAJRL5rT.cjs");const t=require("./property-BCb4Kybn.cjs"),c=require("./focusable-BTJYY_Mf.cjs"),d=require("./sized-mixin-BNtmplgF.cjs"),u=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var h=Object.defineProperty,o=(s,a,l,g)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&h(a,l,i),i};const r=class r extends d.SizedMixin(c.LuzmoElement,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
+"use strict";require("./index-j8UKjHqY.cjs");require("./index-CYeQkVeJ.cjs");const t=require("./property-BCb4Kybn.cjs"),c=require("./focusable-BTJYY_Mf.cjs"),d=require("./sized-mixin-BNtmplgF.cjs"),u=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var h=Object.defineProperty,o=(s,a,l,g)=>{for(var i=void 0,n=s.length-1,p;n>=0;n--)(p=s[n])&&(i=p(a,l,i)||i);return i&&h(a,l,i),i};const r=class r extends d.SizedMixin(c.LuzmoElement,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(a){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:l}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:l}}))}a.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return t.x`
       <div class="luzmo-edit-option">
         ${this.label?t.x`
               <luzmo-field-label

package/components/edit-option-color-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 ha=Object.getPrototypeOf;var da=Reflect.get;var or=(r,o,e)=>da(ha(r),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base-D76d76ww-tT6yr8eb.cjs"),mt=require("../directive-helpers-Cm6gitnu-BeggOiwf.cjs"),P=require("../if-defined-DOaE2coe-Cvlu5s9n.cjs"),So=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),Fe=require("../focusable-BxtpnzWp-CkK9AeMt.cjs"),er=require("../async-directive-BfcqVjDp-C8C45jl6.cjs"),le=require("../streaming-listener-CP-JE6Fa-DMzr1X1m.cjs"),ma=require("../text-field-BIADXoLC-B8w9TVmS.cjs"),Le=require("../index-CcDZIqpD.cjs");require("../index-DtohCwyO.cjs");require("../index-BoXbQm2o.cjs");const rr=require("../when-CDK1Tt5Y-BN3qcTK0.cjs"),pa=require("../observe-slot-text-BPfIQQtz-DHOh38Ve.cjs"),ga=require("../roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");require("../index-CT2vEcpn.cjs");const io=require("../property-BCb4Kybn.cjs"),fa=require("../query-D5qWDopr.cjs"),ba=require("../edit-option-base-B7owFMOO.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";var ha=Object.getPrototypeOf;var da=Reflect.get;var or=(r,o,e)=>da(ha(r),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../base-D76d76ww-tT6yr8eb.cjs"),mt=require("../directive-helpers-Cm6gitnu-BeggOiwf.cjs"),P=require("../if-defined-DOaE2coe-Cvlu5s9n.cjs"),So=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),Fe=require("../focusable-BxtpnzWp-CkK9AeMt.cjs"),er=require("../async-directive-BfcqVjDp-C8C45jl6.cjs"),le=require("../streaming-listener-CP-JE6Fa-DMzr1X1m.cjs"),ma=require("../text-field-BIADXoLC-B8w9TVmS.cjs"),Le=require("../index-CUvucmA0.cjs");require("../index-DtohCwyO.cjs");require("../index-BoXbQm2o.cjs");const rr=require("../when-CDK1Tt5Y-BN3qcTK0.cjs"),pa=require("../observe-slot-text-BPfIQQtz-DHOh38Ve.cjs"),ga=require("../roving-tabindex-DOg4z6ZU-DmyYPRYY.cjs");require("../index-CHFwXYcm.cjs");const io=require("../property-BCb4Kybn.cjs"),fa=require("../query-D5qWDopr.cjs"),ba=require("../edit-option-base-ByphLI4J.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

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

@@ -28,16 +28,16 @@ import { r as De } from "../focusable-BxtpnzWp-DJQkL8Zv.js";
 import { w as yl, a as xl } from "../async-directive-BfcqVjDp-BCT-lA4F.js";
 import { l as ft, u as bt } from "../streaming-listener-CP-JE6Fa-9MH0gENR.js";
 import { i as kl } from "../text-field-BIADXoLC-B9oE05VF.js";
-import { p as Cl, d as Ml, a as $l } from "../index-Boxjo5I0.js";
+import { p as Cl, d as Ml, a as $l } from "../index-DUF6bALI.js";
 import "../index-CskV_bXp.js";
 import "../index-CTVNGPeT.js";
 import { o as lr } from "../when-CDK1Tt5Y-C6ViXC43.js";
 import { a as Sl } from "../observe-slot-text-BPfIQQtz-v6B-1BYh.js";
 import { m as _l } from "../roving-tabindex-DOg4z6ZU-dufnVmvL.js";
-import "../index-Ciad94jH.js";
+import "../index-Bdy8Bz-n.js";
 import { x as El, n as vo } from "../property-Dn4zSyxu.js";
 import { e as Al } from "../query-Ddbd72Um.js";
-import { L as Rl } from "../edit-option-base-Cw2iO2Av.js";
+import { L as Rl } from "../edit-option-base-BQc4gXup.js";
 const bl = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");

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 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-Tx5oQjbt.cjs");const l=require("../property-BCb4Kybn.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-B7owFMOO.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`
+"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-Tx5oQjbt.cjs");const l=require("../property-BCb4Kybn.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-ByphLI4J.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

@@ -23,7 +23,7 @@ var c = (r, e, u) => d(s(r), u, e);
 import "../index-CbuHBIDB.js";
 import { x as f, n as t } from "../property-Dn4zSyxu.js";
 import { e as g } from "../query-Ddbd72Um.js";
-import { L as p } from "../edit-option-base-Cw2iO2Av.js";
+import { L as p } from "../edit-option-base-BQc4gXup.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 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-BCb4Kybn.cjs"),h=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-B7owFMOO.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`
+"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-BCb4Kybn.cjs"),h=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-ByphLI4J.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}

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

@@ -23,7 +23,7 @@ var s = (r, t, u) => d(a(r), u, t);
 import "../index-Desl7GJ0.js";
 import { x as f, n as l } from "../property-Dn4zSyxu.js";
 import { e as p } from "../query-Ddbd72Um.js";
-import { L as b } from "../edit-option-base-Cw2iO2Av.js";
+import { L as b } from "../edit-option-base-BQc4gXup.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=(i,e,l)=>c(h(i),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CT2vEcpn.cjs");require("../index-CaVIv7B9.cjs");const s=require("../property-BCb4Kybn.cjs"),d=require("../edit-option-base-B7owFMOO.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`
+"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-CHFwXYcm.cjs");require("../index-EXO-Hsj2.cjs");const s=require("../property-BCb4Kybn.cjs"),d=require("../edit-option-base-ByphLI4J.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>
         `)}

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-Ciad94jH.js";
-import "../index-sCesmw8l.js";
+import "../index-Bdy8Bz-n.js";
+import "../index-CDpuEf8W.js";
 import { x as n, n as t } from "../property-Dn4zSyxu.js";
-import { L as f } from "../edit-option-base-Cw2iO2Av.js";
+import { L as f } from "../edit-option-base-BQc4gXup.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-cHKqEi5-.cjs");const e=require("../property-BCb4Kybn.cjs"),k=require("../edit-option-base-B7owFMOO.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-cHKqEi5-.cjs");const e=require("../property-BCb4Kybn.cjs"),k=require("../edit-option-base-ByphLI4J.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

@@ -22,7 +22,7 @@ var h = Reflect.get;
 var a = (i, r, o) => h(z(i), o, r);
 import "../index-DE3d0E0P.js";
 import { r as f, x as c, n as d } from "../property-Dn4zSyxu.js";
-import { L as v } from "../edit-option-base-Cw2iO2Av.js";
+import { L as v } from "../edit-option-base-BQc4gXup.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,12 +17,12 @@
  * 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-DAsjNJNI.cjs");require("../index-CBOAQ3-E.cjs");const s=require("../property-BCb4Kybn.cjs"),$=require("../state-BxZEcclm.cjs"),x=require("../edit-option-base-B7owFMOO.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-CP__dRRM.cjs");require("../index-CBOAQ3-E.cjs");const s=require("../property-BCb4Kybn.cjs"),$=require("../state-BxZEcclm.cjs"),x=require("../edit-option-base-ByphLI4J.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}
         >
-          ${g.p3(g.R1)}
+          ${g.y3(g.R1)}
         </div>`:!this.canSync&&!((n=this.positions)!=null&&n.includes("center"))&&t==="center"?s.x`<div class="no-sync-center"></div>`:s.x`<div class="position">
         <luzmo-number-field
           position=${t}

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 { a3 as k, a4 as S } from "../luzmo-icons-DEoJcvoL.js";
+import { a7 as k, a8 as S } from "../luzmo-icons-B2K7AcCF.js";
 import "../index-Desl7GJ0.js";
 import { r as C, x as p, n as m } from "../property-Dn4zSyxu.js";
 import { r as $ } from "../state-vVJlsarL.js";
-import { L as V } from "../edit-option-base-Cw2iO2Av.js";
+import { L as V } from "../edit-option-base-BQc4gXup.js";
 const w = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const d = document.createElement("style");

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=(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-BCb4Kybn.cjs"),v=require("../query-D5qWDopr.cjs"),y=require("../edit-option-base-B7owFMOO.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`
+"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-BCb4Kybn.cjs"),v=require("../query-D5qWDopr.cjs"),y=require("../edit-option-base-ByphLI4J.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}>
           ${r}
         </luzmo-action-button>

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

@@ -24,7 +24,7 @@ import "../index-rQxtPaJl.js";
 import "../index-BHJH1eGn.js";
 import { x as m, n as i } from "../property-Dn4zSyxu.js";
 import { e as b } from "../query-Ddbd72Um.js";
-import { L as g } from "../edit-option-base-Cw2iO2Av.js";
+import { L as g } from "../edit-option-base-BQc4gXup.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 Ve=Object.getPrototypeOf;var Pe=Reflect.get;var Bt=(o,t,i)=>Pe(Ve(o),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("../base-D76d76ww-tT6yr8eb.cjs"),_=require("../property-BCb4Kybn.cjs"),Ae=require("../edit-option-base-B7owFMOO.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";var Ve=Object.getPrototypeOf;var Pe=Reflect.get;var Bt=(o,t,i)=>Pe(Ve(o),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("../base-D76d76ww-tT6yr8eb.cjs"),_=require("../property-BCb4Kybn.cjs"),Ae=require("../edit-option-base-ByphLI4J.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

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

@@ -22,7 +22,7 @@ var At = Reflect.get;
 var Be = (o, e, i) => At(Vt(o), i, e);
 import { m as Mt, I as Ot, R as Dt, a as Lt, z as W } from "../base-D76d76ww-BGkuhs54.js";
 import { x as Ht, n as B } from "../property-Dn4zSyxu.js";
-import { L as jt } from "../edit-option-base-Cw2iO2Av.js";
+import { L as jt } from "../edit-option-base-BQc4gXup.js";
 const Pt = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");