@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

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

@@ -22,50 +22,49 @@ var p = Reflect.get;
 var d = (i, o, e) => p(z(i), e, o);
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/action-group";
-import { html as m } from "lit";
+import { html as s } from "lit";
 import { property as u, query as b } from "lit/decorators.js";
-import { L as f } from "../edit-option-base-DIc7iC-b.js";
+import { L as f } from "../edit-option-base-Bh29-Cak.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);
   }
 })();
-var g = Object.defineProperty, t = (i, o, e, a) => {
-  for (var r = void 0, s = i.length - 1, n; s >= 0; s--)
-    (n = i[s]) && (r = n(o, e, r) || r);
-  return r && g(o, e, r), r;
+var g = Object.defineProperty, r = (i, o, e, m) => {
+  for (var t = void 0, c = i.length - 1, n; c >= 0; c--)
+    (n = i[c]) && (t = n(o, e, t) || t);
+  return t && g(o, e, t), t;
 };
-const c = class c extends f {
+const a = class a extends f {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
   generateRadioButtons() {
     const o = Object.entries(this.values).map(
-      ([e, a]) => m`
+      ([e, m]) => s`
         <luzmo-action-button value=${e} ?disabled=${this.disabled}>
-          ${a}
+          ${m}
         </luzmo-action-button>
       `
     );
-    return m` ${o} `;
+    return s` ${o} `;
   }
   _handleEvent() {
-    var o, e, a, r;
     this.dispatchEvent(
       new CustomEvent("option-changed", {
         bubbles: !0,
         composed: !0,
         cancelable: !0,
         detail: {
-          value: typeof this.toValue == "function" ? this.toValue((e = (o = this.actionGroup) == null ? void 0 : o.selected) == null ? void 0 : e[0]) : (r = (a = this.actionGroup) == null ? void 0 : a.selected) == null ? void 0 : r[0]
+          value: typeof this.toValue == "function" ? this.toValue(this.actionGroup?.selected?.[0]) : this.actionGroup?.selected?.[0]
         }
       })
     );
   }
   renderController() {
     const o = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, e = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
-    return m`
+    return s`
       <luzmo-action-group
         compact
         selects="single"
@@ -80,27 +79,27 @@ const c = class c extends f {
     `;
   }
 };
-c.styles = [d(c, c, "styles")];
-let l = c;
-t([
+a.styles = [d(a, a, "styles")];
+let l = a;
+r([
   u({ type: Array })
 ], l.prototype, "values");
-t([
+r([
   u({ type: Boolean, reflect: !0 })
 ], l.prototype, "disabled");
-t([
+r([
   u({ type: String })
 ], l.prototype, "value");
-t([
+r([
   u({ type: String })
 ], l.prototype, "default");
-t([
+r([
   u()
 ], l.prototype, "parseValue");
-t([
+r([
   u()
 ], l.prototype, "toValue");
-t([
+r([
   b("luzmo-action-group")
 ], l.prototype, "actionGroup");
 customElements.get("luzmo-edit-option-radio-button-group") || customElements.define(

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 c=Object.getPrototypeOf;var d=Reflect.get;var n=(p,t,o)=>d(c(p),o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/slider");const h=require("lit"),r=require("lit/decorators.js"),y=require("../edit-option-base-VhTih9T1.cjs");var m=Object.defineProperty,s=(p,t,o,f)=>{for(var u=void 0,l=p.length-1,a;l>=0;l--)(a=p[l])&&(u=a(t,o,u)||u);return u&&m(t,o,u),u};const i=class i extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}_handleEvent(t){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(t.detail):t.detail}}))}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,o=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return h.html`
+"use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var n=(p,t,o)=>d(c(p),o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/slider");const h=require("lit"),r=require("lit/decorators.js"),y=require("../edit-option-base-tFr8Qg2B.cjs");var m=Object.defineProperty,s=(p,t,o,f)=>{for(var u=void 0,l=p.length-1,a;l>=0;l--)(a=p[l])&&(u=a(t,o,u)||u);return u&&m(t,o,u),u};const i=class i extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}_handleEvent(t){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(t.detail):t.detail}}))}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,o=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return h.html`
       <luzmo-slider
         id="luzmo-edit-option-control"
         .min=${this.min}

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

@@ -23,7 +23,7 @@ var s = (m, o, t) => d(n(m), t, o);
 import "@luzmo/lucero/slider";
 import { html as z } from "lit";
 import { property as l } from "lit/decorators.js";
-import { L as p } from "../edit-option-base-DIc7iC-b.js";
+import { L as p } from "../edit-option-base-Bh29-Cak.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var p=(e,t,s)=>d(c(e),s,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/switch");const f=require("lit"),i=require("lit/decorators.js"),h=require("../edit-option-base-VhTih9T1.cjs"),y=":host{--luzmo-switch-control-label-spacing: 0px}";var m=Object.defineProperty,u=(e,t,s,b)=>{for(var o=void 0,a=e.length-1,n;a>=0;a--)(n=e[a])&&(o=n(t,s,o)||o);return o&&m(t,s,o),o};const l=class l extends h.LuzmoEditOptionBase{_handleEvent(t){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(t.detail):t.detail}}))}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return f.html`
+"use strict";var c=Object.getPrototypeOf;var d=Reflect.get;var p=(e,t,s)=>d(c(e),s,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/switch");const f=require("lit"),i=require("lit/decorators.js"),h=require("../edit-option-base-tFr8Qg2B.cjs"),y=":host{--luzmo-switch-control-label-spacing: 0px}";var m=Object.defineProperty,u=(e,t,s,b)=>{for(var o=void 0,a=e.length-1,n;a>=0;a--)(n=e[a])&&(o=n(t,s,o)||o);return o&&m(t,s,o),o};const l=class l extends h.LuzmoEditOptionBase{_handleEvent(t){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(t.detail):t.detail}}))}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return f.html`
       <luzmo-switch
         id="luzmo-edit-option-control"
         thumb="overflow"

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

@@ -23,7 +23,7 @@ var a = (o, e, r) => z(s(o), r, e);
 import "@luzmo/lucero/switch";
 import { unsafeCSS as d, html as f } from "lit";
 import { property as m } from "lit/decorators.js";
-import { L as b } from "../edit-option-base-DIc7iC-b.js";
+import { L as b } from "../edit-option-base-Bh29-Cak.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(u,t,r)=>c(d(u),r,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/text-field");const h=require("lit"),o=require("lit/decorators.js"),v=require("../edit-option-base-VhTih9T1.cjs");var y=Object.defineProperty,l=(u,t,r,f)=>{for(var i=void 0,n=u.length-1,a;n>=0;n--)(a=u[n])&&(i=a(t,r,i)||i);return i&&y(t,r,i),i};const s=class s extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=""}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var r;const t=((r=this.textFieldElement)==null?void 0:r.value)??"";this._previousValue!==t&&(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}})),this._previousValue=t)},this.debounce??200)}renderController(){return h.html`
+"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(s,t,u)=>c(d(s),u,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/text-field");const h=require("lit"),i=require("lit/decorators.js"),v=require("../edit-option-base-tFr8Qg2B.cjs");var y=Object.defineProperty,o=(s,t,u,f)=>{for(var r=void 0,n=s.length-1,a;n>=0;n--)(a=s[n])&&(r=a(t,u,r)||r);return r&&y(t,u,r),r};const l=class l extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=""}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{const t=this.textFieldElement?.value??"";this._previousValue!==t&&(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:t}})),this._previousValue=t)},this.debounce??200)}renderController(){return h.html`
       <luzmo-text-field
         .value=${this.value??""}
         .disabled=${this.disabled}
@@ -28,4 +28,4 @@
         @input=${this._handleEvent}
       >
       </luzmo-text-field>
-    `}};s.styles=[p(s,s,"styles")];let e=s;l([o.property({type:String,reflect:!0})],e.prototype,"value");l([o.property({type:Boolean,reflect:!0})],e.prototype,"invalid");l([o.property({type:Boolean,reflect:!0})],e.prototype,"readonly");l([o.property({type:String,reflect:!0})],e.prototype,"placeholder");l([o.property({type:Number,reflect:!0})],e.prototype,"debounce");l([o.query("luzmo-text-field")],e.prototype,"textFieldElement");customElements.get("luzmo-edit-option-text-field")||customElements.define("luzmo-edit-option-text-field",e);exports.LuzmoEditOptionTextField=e;
+    `}};l.styles=[p(l,l,"styles")];let e=l;o([i.property({type:String,reflect:!0})],e.prototype,"value");o([i.property({type:Boolean,reflect:!0})],e.prototype,"invalid");o([i.property({type:Boolean,reflect:!0})],e.prototype,"readonly");o([i.property({type:String,reflect:!0})],e.prototype,"placeholder");o([i.property({type:Number,reflect:!0})],e.prototype,"debounce");o([i.query("luzmo-text-field")],e.prototype,"textFieldElement");customElements.get("luzmo-edit-option-text-field")||customElements.define("luzmo-edit-option-text-field",e);exports.LuzmoEditOptionTextField=e;

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

@@ -19,30 +19,29 @@
  * */
 var s = Object.getPrototypeOf;
 var d = Reflect.get;
-var a = (u, o, l) => d(s(u), l, o);
+var a = (t, o, m) => d(s(t), m, o);
 import "@luzmo/lucero/text-field";
 import { html as z } from "lit";
-import { property as m, query as f } from "lit/decorators.js";
-import { L as b } from "../edit-option-base-DIc7iC-b.js";
+import { property as i, query as f } from "lit/decorators.js";
+import { L as b } from "../edit-option-base-Bh29-Cak.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);
   }
 })();
-var p = Object.defineProperty, t = (u, o, l, g) => {
-  for (var r = void 0, c = u.length - 1, n; c >= 0; c--)
-    (n = u[c]) && (r = n(o, l, r) || r);
-  return r && p(o, l, r), r;
+var p = Object.defineProperty, r = (t, o, m, g) => {
+  for (var l = void 0, c = t.length - 1, n; c >= 0; c--)
+    (n = t[c]) && (l = n(o, m, l) || l);
+  return l && p(o, m, l), l;
 };
-const i = class i extends b {
+const u = class u extends b {
   constructor() {
     super(...arguments), this.invalid = !1, this.readonly = !1, this.debounce = 200, this._previousValue = "";
   }
   _handleEvent() {
     this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
-      var l;
-      const o = ((l = this.textFieldElement) == null ? void 0 : l.value) ?? "";
+      const o = this.textFieldElement?.value ?? "";
       this._previousValue !== o && (this.dispatchEvent(
         new CustomEvent("option-changed", {
           bubbles: !0,
@@ -70,24 +69,24 @@ const i = class i extends b {
     `;
   }
 };
-i.styles = [a(i, i, "styles")];
-let e = i;
-t([
-  m({ type: String, reflect: !0 })
+u.styles = [a(u, u, "styles")];
+let e = u;
+r([
+  i({ type: String, reflect: !0 })
 ], e.prototype, "value");
-t([
-  m({ type: Boolean, reflect: !0 })
+r([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "invalid");
-t([
-  m({ type: Boolean, reflect: !0 })
+r([
+  i({ type: Boolean, reflect: !0 })
 ], e.prototype, "readonly");
-t([
-  m({ type: String, reflect: !0 })
+r([
+  i({ type: String, reflect: !0 })
 ], e.prototype, "placeholder");
-t([
-  m({ type: Number, reflect: !0 })
+r([
+  i({ type: Number, reflect: !0 })
 ], e.prototype, "debounce");
-t([
+r([
   f("luzmo-text-field")
 ], e.prototype, "textFieldElement");
 customElements.get("luzmo-edit-option-text-field") || customElements.define(