@luzmo/analytics-components-kit 1.0.1-alpha.91 → 1.0.1-alpha.96

package/components/edit-item/index.js

@@ -20,10 +20,10 @@
 import { Task as f } from "@lit/task";
 import "@luzmo/lucero/accordion";
 import "@luzmo/lucero/divider";
-import { html as e, unsafeCSS as u } from "lit";
-import { property as m } from "lit/decorators.js";
-import { L as h } from "../focusable-BS2pbY7w.js";
-import { g as b } from "../index-haa7WNrl.js";
+import { html as m, unsafeCSS as u } from "lit";
+import { property as a } from "lit/decorators.js";
+import { L as h } from "../focusable-DCIFkpiW.js";
+import { g as b } from "../index-CdIUfo-L.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const i = document.createElement("style");
@@ -31,83 +31,83 @@ import { g as b } from "../index-haa7WNrl.js";
   }
 })();
 const g = ":host{font-size:var(--luzmo-edit-item-font-size, var(--luzmo-font-size))}:host luzmo-divider{display:block;margin:var(--luzmo-edit-item-divider-vertical-margin, calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0}:host luzmo-edit-option{display:block;margin:var(--luzmo-edit-option-divider-vertical-margin, var(--luzmo-spacing-4)) 0}:host([size=s]){font-size:var(--luzmo-edit-item-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-item-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-item-font-size-xl, var(--luzmo-font-size-xl))}";
-var z = Object.defineProperty, p = (d, i, o, n) => {
-  for (var t = void 0, l = d.length - 1, s; l >= 0; l--)
-    (s = d[l]) && (t = s(i, o, t) || t);
-  return t && z(i, o, t), t;
+var z = Object.defineProperty, l = (d, i, e, n) => {
+  for (var o = void 0, r = d.length - 1, s; r >= 0; r--)
+    (s = d[r]) && (o = s(i, e, o) || o);
+  return o && z(i, e, o), o;
 };
 const c = class c extends h {
   constructor() {
     super(...arguments), this._loadItemConfig = new f(this, {
       task: async ([
         i,
-        o,
+        e,
         n,
-        t
+        o
       ]) => {
-        let l = !1;
+        let r = !1;
         if (i && i !== this._itemTypeLoaded && !n) {
           const s = /* @__PURE__ */ Object.assign({
-            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-u8itidsi.js"),
-            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-DIirbAJ0.js"),
-            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-BWROiguA.js"),
-            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("../bubble-chart-options.config-4QD8VPhU.js"),
-            "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("../bullet-chart-options.config-3bH7uekx.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("../choropleth-map-options.config-CMxx3ORp.js"),
+            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-_J0sG4NF.js"),
+            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-D1mb5TDl.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-xu_i6ms7.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("../bubble-chart-options.config-BacgXkJ_.js"),
+            "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("../bullet-chart-options.config-CDPpX1yc.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("../choropleth-map-options.config-B_W9-rhe.js"),
             "../../item-definitions/circle-pack-chart/circle-pack-chart-options.config.ts": () => import("../circle-pack-chart-options.config-DEYL3DMK.js"),
-            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("../circular-gauge-options.config-DhIKn44k.js"),
-            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-D5-yR7iq.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("../circular-gauge-options.config-DAIjz4Rl.js"),
+            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-B5SjBVdy.js"),
             "../../item-definitions/combination-chart/combination-chart-options.config.ts": () => import("../combination-chart-options.config-CApdgFvv.js"),
-            "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("../conditional-number-options.config-DPYsdML5.js"),
-            "../../item-definitions/date-comparison-filter/date-comparison-filter-options.config.ts": () => import("../date-comparison-filter-options.config-CSwGyuBg.js"),
-            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("../date-filter-options.config-BTVyHRkp.js"),
-            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-3ZqX8Cbb.js"),
-            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-CGJTtgAX.js"),
-            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("../evolution-number-options.config-BIPO_4n3.js"),
-            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("../funnel-chart-options.config-CrJy2U7_.js"),
-            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("../heat-map-options.config-CmL87j1j.js"),
-            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("../heat-table-options.config-BrCYAgYD.js"),
-            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("../hexbin-map-options.config-BguV1w8q.js"),
+            "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("../conditional-number-options.config-BCEpSK9J.js"),
+            "../../item-definitions/date-comparison-filter/date-comparison-filter-options.config.ts": () => import("../date-comparison-filter-options.config-JA_yYpJa.js"),
+            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("../date-filter-options.config-DBRxlTWy.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-BulUEiaH.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-D9dvPypF.js"),
+            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("../evolution-number-options.config-DzkfeoIN.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("../funnel-chart-options.config-C_VjTOvD.js"),
+            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("../heat-map-options.config-BnLWe8jS.js"),
+            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("../heat-table-options.config-CUsDdgUr.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("../hexbin-map-options.config-F-7uCqxb.js"),
             "../../item-definitions/image/image-options.config.ts": () => import("../image-options.config-CBfeq5Zw.js"),
             "../../item-definitions/item-options.config.ts": () => import("../item-options-configs.js"),
-            "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("../line-chart-options.config-BhirTGqD.js"),
-            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("../marker-map-options.config-Bx17jmiq.js"),
+            "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("../line-chart-options.config-DB3IsXXr.js"),
+            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("../marker-map-options.config-DPJ955tt.js"),
             "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("../ohlc-chart-options.config-D9npwajt.js"),
             "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-options.config.ts": () => import("../parallel-coordinates-plot-options.config-DxB4kd58.js"),
-            "../../item-definitions/pivot-table/pivot-table-options.config.ts": () => import("../pivot-table-options.config-CFc7y0IT.js"),
-            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("../pyramid-chart-options.config-2Waxb11l.js"),
-            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("../radar-chart-options.config-CPN5fOl8.js"),
-            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("../regular-table-options.config-CFKCJQK1.js"),
-            "../../item-definitions/route-map/route-map-options.config.ts": () => import("../route-map-options.config-CyolTJfK.js"),
-            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-Ldjk84ro.js"),
-            "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("../scatter-plot-options.config-CfxEfkQ1.js"),
-            "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-C0syQmP4.js"),
-            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-DmOe3440.js"),
-            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-B1M8RcDs.js"),
+            "../../item-definitions/pivot-table/pivot-table-options.config.ts": () => import("../pivot-table-options.config-DNK_AIG7.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("../pyramid-chart-options.config-CcVMatYx.js"),
+            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("../radar-chart-options.config-CUZn_3Fd.js"),
+            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("../regular-table-options.config-BoLZsBry.js"),
+            "../../item-definitions/route-map/route-map-options.config.ts": () => import("../route-map-options.config-CN86T7c0.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-tVLKy_Zn.js"),
+            "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("../scatter-plot-options.config-Corlzno1.js"),
+            "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-BE3JhR-F.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-3JZZcw5C.js"),
+            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-DH4SS8wH.js"),
             "../../item-definitions/spacer/spacer-options.config.ts": () => import("../spacer-options.config-IpwUxDyU.js"),
-            "../../item-definitions/speedometer-chart/speedometer-chart-options.config.ts": () => import("../speedometer-chart-options.config-CzOmuEF8.js"),
-            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("../spike-map-options.config-Cbt1YUw6.js"),
+            "../../item-definitions/speedometer-chart/speedometer-chart-options.config.ts": () => import("../speedometer-chart-options.config-SL581yOa.js"),
+            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("../spike-map-options.config-C5KewecZ.js"),
             "../../item-definitions/strip-plot/strip-plot-options.config.ts": () => import("../strip-plot-options.config-Bdr8yQJu.js"),
-            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("../sunburst-chart-options.config-_dyLQxPJ.js"),
-            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("../symbol-map-options.config-BORL1NSU.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("../sunburst-chart-options.config-CNauGQJv.js"),
+            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("../symbol-map-options.config-DdDA4aa7.js"),
             "../../item-definitions/text/text-options.config.ts": () => import("../text-options.config-BWaJoeG2.js"),
-            "../../item-definitions/treemap-chart/treemap-chart-options.config.ts": () => import("../treemap-chart-options.config-B9i9qIm_.js"),
+            "../../item-definitions/treemap-chart/treemap-chart-options.config.ts": () => import("../treemap-chart-options.config-D5AJaF_u.js"),
             "../../item-definitions/venn-diagram/venn-diagram-options.config.ts": () => import("../venn-diagram-options.config-CGUMA930.js"),
-            "../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-UX-9MDfS.js"),
-            "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("../wordcloud-chart-options.config-BoB_KuhA.js")
+            "../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-Dk36zJ1B.js"),
+            "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("../wordcloud-chart-options.config-w2NUIWVA.js")
           });
           if (s[`../../item-definitions/${i}/${i}-options.config.ts`])
             try {
-              const a = await s[`../../item-definitions/${i}/${i}-options.config.ts`]();
-              this._optionsConfiguration = a?.default ?? [];
-            } catch (a) {
-              this._optionsConfiguration = [], console.error(a);
+              const t = await s[`../../item-definitions/${i}/${i}-options.config.ts`]();
+              this._optionsConfiguration = (t == null ? void 0 : t.default) ?? [];
+            } catch (t) {
+              this._optionsConfiguration = [], console.error(t);
             }
           else
             this._optionsConfiguration = [];
-          this._isCustomOptionsConfiguration = !1, l = !0;
+          this._isCustomOptionsConfiguration = !1, r = !0;
         } else n ? (this._isCustomOptionsConfiguration = !0, this._optionsConfiguration = n) : this._optionsConfiguration = [];
-        if (o && (o !== this._languageLoaded || l) && !t) {
+        if (e && (e !== this._languageLoaded || r) && !o) {
           const s = /* @__PURE__ */ Object.assign({
             "../../item-definitions/area-chart/i18n/area-chart-options.de.ts": () => import("../area-chart-options.de-FcVE2Ywe.js"),
             "../../item-definitions/area-chart/i18n/area-chart-options.en.ts": () => import("../area-chart-options.en-Cz5aXeVe.js"),
@@ -330,14 +330,14 @@ const c = class c extends h {
             "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.fr.ts": () => import("../wordcloud-chart-options.fr-DNK5Ouc5.js"),
             "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.nl.ts": () => import("../wordcloud-chart-options.nl-CcgmqL7I.js")
           });
-          if (s[`../../item-definitions/${i}/i18n/${i}-options.${o}.ts`])
+          if (s[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`])
             try {
-              const a = await s[`../../item-definitions/${i}/i18n/${i}-options.${o}.ts`]();
-              this._translations = a?.default ?? {};
-            } catch (a) {
-              this._translations = {}, console.warn("Translation file not found", a);
+              const t = await s[`../../item-definitions/${i}/i18n/${i}-options.${e}.ts`]();
+              this._translations = (t == null ? void 0 : t.default) ?? {};
+            } catch (t) {
+              this._translations = {}, console.warn("Translation file not found", t);
             }
-        } else t ? this._translations = t : this._translations = {};
+        } else o ? this._translations = o : this._translations = {};
         return {
           config: this._optionsConfiguration,
           translations: this._translations
@@ -351,40 +351,41 @@ const c = class c extends h {
       ]
     }), this.language = "en", this.options = {}, this.slots = {}, this.theme = {}, this.size = "m", this._optionsConfiguration = [], this._translations = {}, this.renderAllGroups = (i) => {
       if (!Array.isArray(i))
-        return e``;
-      const o = i?.map((n) => {
-        if (n?.children)
+        return m``;
+      const e = i == null ? void 0 : i.map((n) => {
+        if (n != null && n.children)
           return this.renderGroup(n);
       });
-      return i && i.length > 0 ? e`<luzmo-accordion
+      return i && i.length > 0 ? m`<luzmo-accordion
           variant="highlight"
           .size=${this.size}
           density="compact"
           allow-multiple
           no-content-padding
           header-case="uppercase"
-          >${o}</luzmo-accordion
-        >` : e``;
+          >${e}</luzmo-accordion
+        >` : m``;
     }, this.renderGroup = (i) => {
-      if (typeof i?.visibleIf == "function" && !i.visibleIf({
+      var n, o, r;
+      if (typeof (i == null ? void 0 : i.visibleIf) == "function" && !i.visibleIf({
         options: this.options,
         slots: this.slots,
         theme: this.theme
       }))
-        return e``;
-      const o = (n) => n?.map((t) => {
-        if (typeof t?.visibleIf == "function" && !t.visibleIf({
+        return m``;
+      const e = (s) => s == null ? void 0 : s.map((t) => {
+        if (typeof (t == null ? void 0 : t.visibleIf) == "function" && !t.visibleIf({
           options: this.options,
           slots: this.slots,
           theme: this.theme
         }))
-          return e``;
-        if (t?.control)
-          return this.renderOptionControl(t?.key);
-        if (t?.type === "divider")
+          return m``;
+        if (t != null && t.control)
+          return this.renderOptionControl(t == null ? void 0 : t.key);
+        if ((t == null ? void 0 : t.type) === "divider")
           return this.renderDivider();
-        if (t?.type === "group")
-          return e`<luzmo-accordion
+        if ((t == null ? void 0 : t.type) === "group")
+          return m`<luzmo-accordion
             variant="highlight-child"
             .size=${this.size}
             density="compact"
@@ -394,36 +395,38 @@ const c = class c extends h {
             >${this.renderGroup(t)}</luzmo-accordion
           >`;
       });
-      return e`<luzmo-accordion-item
-      label=${this._translations?.groups?.[i.key]?.label ?? i.key}
+      return m`<luzmo-accordion-item
+      label=${((r = (o = (n = this._translations) == null ? void 0 : n.groups) == null ? void 0 : o[i.key]) == null ? void 0 : r.label) ?? i.key}
       ?open=${i.open}
     >
-      ${o(i.children)}
+      ${e(i.children)}
     </luzmo-accordion-item>`;
     }, this.changedOptions = (i) => {
-      const o = i?.detail?.options;
-      this.options = i?.detail?.options, i.preventDefault(), i.stopPropagation(), this.dispatchEvent(
+      var n, o;
+      const e = (n = i == null ? void 0 : i.detail) == null ? void 0 : n.options;
+      this.options = (o = i == null ? void 0 : i.detail) == null ? void 0 : o.options, i.preventDefault(), i.stopPropagation(), this.dispatchEvent(
         new CustomEvent("options-changed", {
           bubbles: !0,
           composed: !0,
           cancelable: !0,
           detail: {
-            options: o
+            options: e
           }
         })
       );
     }, this.renderOptionControl = (i) => {
-      let o, n;
-      return this._isCustomOptionsConfiguration && (o = b(
+      var o, r;
+      let e, n;
+      return this._isCustomOptionsConfiguration && (e = b(
         i,
         this.customOptionsConfiguration,
         !0
-      ), n = this._translations?.options?.[i]), e`<luzmo-edit-option
+      ), n = (r = (o = this._translations) == null ? void 0 : o.options) == null ? void 0 : r[i]), m`<luzmo-edit-option
       class="control"
       .itemType=${this.itemType}
       .optionKey=${i}
       .options=${this.options}
-      .customOptionConfiguration=${o}
+      .customOptionConfiguration=${e}
       .customTranslations=${n}
       .slots=${this.slots}
       .theme=${this.theme}
@@ -431,43 +434,43 @@ const c = class c extends h {
       .language=${this.language}
       @options-changed=${this.changedOptions}
     ></luzmo-edit-option>`;
-    }, this.renderDivider = () => e`<luzmo-divider></luzmo-divider>`;
+    }, this.renderDivider = () => m`<luzmo-divider></luzmo-divider>`;
   }
   render() {
     return this._loadItemConfig.render({
-      pending: () => e`<p>Loading...</p>`,
+      pending: () => m`<p>Loading...</p>`,
       complete: (i) => this.renderAllGroups(i.config),
-      error: (i) => (console.error(i), e``)
+      error: (i) => (console.error(i), m``)
     });
   }
 };
 c.styles = u(g);
-let r = c;
-p([
-  m({ type: String, reflect: !0 })
-], r.prototype, "language");
-p([
-  m({ type: String, reflect: !0, attribute: "item-type" })
-], r.prototype, "itemType");
-p([
-  m({ type: Object })
-], r.prototype, "options");
-p([
-  m({ type: Object })
-], r.prototype, "slots");
-p([
-  m({ type: Object, reflect: !1 })
-], r.prototype, "customOptionsConfiguration");
-p([
-  m({ type: Object, reflect: !1 })
-], r.prototype, "customTranslations");
-p([
-  m({ type: Object })
-], r.prototype, "theme");
-p([
-  m({ type: String, reflect: !0 })
-], r.prototype, "size");
-customElements.get("luzmo-edit-item") || customElements.define("luzmo-edit-item", r);
+let p = c;
+l([
+  a({ type: String, reflect: !0 })
+], p.prototype, "language");
+l([
+  a({ type: String, reflect: !0, attribute: "item-type" })
+], p.prototype, "itemType");
+l([
+  a({ type: Object })
+], p.prototype, "options");
+l([
+  a({ type: Object })
+], p.prototype, "slots");
+l([
+  a({ type: Object, reflect: !1 })
+], p.prototype, "customOptionsConfiguration");
+l([
+  a({ type: Object, reflect: !1 })
+], p.prototype, "customTranslations");
+l([
+  a({ type: Object })
+], p.prototype, "theme");
+l([
+  a({ type: String, reflect: !0 })
+], p.prototype, "size");
+customElements.get("luzmo-edit-item") || customElements.define("luzmo-edit-item", p);
 export {
-  r as LuzmoEditItem
+  p as LuzmoEditItem
 };

package/components/edit-option/index.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u } from "../index-haa7WNrl.js";
+import { L as u } from "../index-CdIUfo-L.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

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

@@ -17,56 +17,57 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var d = Object.getPrototypeOf;
-var s = Reflect.get;
-var z = (n, o, l) => s(d(n), l, o);
-import { luzmoTable as p, luzmoColumns as b, luzmoRows as g, luzmoUnderline as f, luzmoBold as h, luzmoItalic as v, luzmoArrowsVertical as x, luzmoArrowsHorizontal as y, luzmoArrowsExpand as w, luzmoExpand as k, luzmoCompress as $, luzmoBorderDotted as C, luzmoBorderDashed as A, luzmoBorderSolid as B, luzmoBan as S, luzmoAlignRight as q, luzmoAlignCenter as E, luzmoAlignLeft as _, luzmoAlignTop as T, luzmoAlignMiddle as D, luzmoAlignBottom as H } from "@luzmo/icons";
+var s = Object.getPrototypeOf;
+var p = Reflect.get;
+var d = (n, o, t) => p(s(n), t, o);
+import { luzmoTable as b, luzmoColumns as g, luzmoRows as f, luzmoUnderline as h, luzmoBold as v, luzmoItalic as x, luzmoArrowsVertical as y, luzmoArrowsHorizontal as w, luzmoArrowsExpand as k, luzmoExpand as $, luzmoCompress as C, luzmoBorderDotted as A, luzmoBorderDashed as B, luzmoBorderSolid as S, luzmoBan as q, luzmoAlignRight as E, luzmoAlignCenter as _, luzmoAlignLeft as T, luzmoAlignTop as D, luzmoAlignMiddle as H, luzmoAlignBottom as R } from "@luzmo/icons";
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/action-group";
 import "@luzmo/lucero/icon";
-import { unsafeCSS as R, html as e } from "lit";
-import { property as c, query as M } from "lit/decorators.js";
-import { L as N } from "../edit-option-base-Bh29-Cak.js";
+import { unsafeCSS as M, html as e } from "lit";
+import { property as c, query as N } from "lit/decorators.js";
+import { L as U } from "../edit-option-base-DIc7iC-b.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");
     o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
   }
 })();
-const U = "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 V = Object.defineProperty, u = (n, o, l, I) => {
-  for (var r = void 0, a = n.length - 1, m; a >= 0; a--)
-    (m = n[a]) && (r = m(o, l, r) || r);
-  return r && V(o, l, r), r;
+const 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 j = Object.defineProperty, u = (n, o, t, a) => {
+  for (var l = void 0, m = n.length - 1, z; m >= 0; m--)
+    (z = n[m]) && (l = z(o, t, l) || l);
+  return l && j(o, t, l), l;
 };
-const j = {
-  alignBottom: H,
-  alignMiddle: D,
-  alignTop: T,
-  alignLeft: _,
-  alignCenter: E,
-  alignRight: q,
-  ban: S,
-  borderSolid: B,
-  borderDashed: A,
-  borderDotted: C,
-  compress: $,
-  expand: k,
-  arrowsExpand: w,
-  arrowsHorizontal: y,
-  arrowsVertical: x,
-  italic: v,
-  bold: h,
-  underline: f,
-  rows: g,
-  columns: b,
-  table: p
-}, i = class i extends N {
+const I = {
+  alignBottom: R,
+  alignMiddle: H,
+  alignTop: D,
+  alignLeft: T,
+  alignCenter: _,
+  alignRight: E,
+  ban: q,
+  borderSolid: S,
+  borderDashed: B,
+  borderDotted: A,
+  compress: C,
+  expand: $,
+  arrowsExpand: k,
+  arrowsHorizontal: w,
+  arrowsVertical: y,
+  italic: x,
+  bold: v,
+  underline: h,
+  rows: f,
+  columns: g,
+  table: b
+}, i = class i extends U {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
   _handleEvent() {
-    const o = this.selects === "multiple" ? this.actionGroup?.selected : this.actionGroup?.selected?.[0];
+    var t, a, l;
+    const o = this.selects === "multiple" ? (t = this.actionGroup) == null ? void 0 : t.selected : (l = (a = this.actionGroup) == null ? void 0 : a.selected) == null ? void 0 : l[0];
     this.dispatchEvent(
       new CustomEvent("option-changed", {
         bubbles: !0,
@@ -83,7 +84,7 @@ const j = {
         <luzmo-icon
           slot="icon"
           .size=${this.size}
-          .icon=${o.icon ?? j[o.iconName]}
+          .icon=${o.icon ?? I[o.iconName]}
           .label=${o.label ?? ""}
         ></luzmo-icon>
         ${o.buttonText ?? ""}
@@ -91,15 +92,15 @@ const j = {
   }
   _generateActionButtons() {
     return Object.entries(this.values).map(
-      ([o, l]) => e`
+      ([o, t]) => e`
         <luzmo-action-button value=${o} ?disabled=${this.disabled}>
-          ${this._generateButtonContents(l)}
-          ${l.label ? e`<luzmo-tooltip
+          ${this._generateButtonContents(t)}
+          ${t.label ? e`<luzmo-tooltip
                 self-managed
                 placement="top"
                 size=${this.size}
               >
-                ${l.label}
+                ${t.label}
               </luzmo-tooltip>` : ""}
         </luzmo-action-button>
       `
@@ -123,30 +124,30 @@ const j = {
     `;
   }
 };
-i.styles = [...z(i, i, "styles"), R(U)];
-let t = i;
+i.styles = [...d(i, i, "styles"), M(V)];
+let r = i;
 u([
   c({ type: Array })
-], t.prototype, "values");
+], r.prototype, "values");
 u([
   c({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled");
+], r.prototype, "disabled");
 u([
   c({ type: String })
-], t.prototype, "selects");
+], r.prototype, "selects");
 u([
   c({ type: Array })
-], t.prototype, "value");
+], r.prototype, "value");
 u([
   c({ type: Array })
-], t.prototype, "default");
+], r.prototype, "default");
 u([
-  M("luzmo-action-group")
-], t.prototype, "actionGroup");
+  N("luzmo-action-group")
+], r.prototype, "actionGroup");
 customElements.get("luzmo-edit-option-action-button-group") || customElements.define(
   "luzmo-edit-option-action-button-group",
-  t
+  r
 );
 export {
-  t as LuzmoEditOptionActionButtonGroup
+  r as LuzmoEditOptionActionButtonGroup
 };

package/components/{edit-option-base-Bh29-Cak.js → edit-option-base-DIc7iC-b.js}

@@ -21,7 +21,7 @@ import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/tooltip";
 import { unsafeCSS as h, nothing as p, html as n } from "lit";
 import { property as e } from "lit/decorators.js";
-import { L as m } from "./focusable-BS2pbY7w.js";
+import { L as m } from "./focusable-DCIFkpiW.js";
 import { S as u } from "./sized-mixin-cJbo3PKR.js";
 const b = ":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 g = Object.defineProperty, o = (d, a, l, z) => {

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

@@ -25,7 +25,7 @@ import "@luzmo/lucero/color-palette-group";
 import { unsafeCSS as b, html as d } from "lit";
 import { property as u } from "lit/decorators.js";
 import { g } from "../color-palettes-BqH2Fv19.js";
-import { L as h } from "../edit-option-base-Bh29-Cak.js";
+import { L as h } from "../edit-option-base-DIc7iC-b.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

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

@@ -1,23 +1,4 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";var u=Object.getPrototypeOf;var h=Reflect.get;var c=(i,l,p)=>h(u(i),p,l);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/color-picker");require("@luzmo/lucero/menu");const d=require("lit"),t=require("lit/decorators.js"),y=require("../edit-option-base-tFr8Qg2B.cjs");var m=Object.defineProperty,r=(i,l,p,f)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(l,p,o)||o);return o&&m(l,p,o),o};const s=class s extends y.LuzmoEditOptionBase{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}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return d.html`
+"use strict";var u=Object.getPrototypeOf;var h=Reflect.get;var c=(i,l,p)=>h(u(i),p,l);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/color-picker");require("@luzmo/lucero/menu");const d=require("lit"),t=require("lit/decorators.js"),y=require("../edit-option-base-VhTih9T1.cjs");var m=Object.defineProperty,r=(i,l,p,f)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(l,p,o)||o);return o&&m(l,p,o),o};const s=class s extends y.LuzmoEditOptionBase{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}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return d.html`
       <luzmo-color-picker
         .color=${this.value}
         .size=${this.size}

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

@@ -24,7 +24,7 @@ import "@luzmo/lucero/color-picker";
 import "@luzmo/lucero/menu";
 import { html as z } from "lit";
 import { property as r, query as p } from "lit/decorators.js";
-import { L as f } from "../edit-option-base-Bh29-Cak.js";
+import { L as f } from "../edit-option-base-DIc7iC-b.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const l = document.createElement("style");