@luzmo/analytics-components-kit 1.0.9-beta.1 → 1.0.9-beta.11

package/components/item-option-radio-button-group-B5OVbLRg.cjs

@@ -0,0 +1,37 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-C6RQH9M8.cjs"),n=require("./superPropGet-DmmlTXgo.cjs");let r=require("lit"),i=require("lit/decorators.js");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/action-group");var a,o=class extends t.t{constructor(...e){super(...e),this.values={},this.disabled=!1}generateRadioButtons(){return r.html` ${Object.entries(this.values).map(([e,t])=>r.html`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${t}
+        </luzmo-action-button>
+      `)} `}_handleEvent(){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this.actionGroup?.selected?.[0]):this.actionGroup?.selected?.[0]}}))}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return r.html`
+      <luzmo-action-group
+        id="luzmo-item-option-control"
+        compact
+        selects="single"
+        emphasized
+        @change=${this._handleEvent}
+        .size=${this.size}
+        .selected=${e&&this.values[e]?[e]:t&&this.values[t]?[t]:[Object.keys(this.values)[0]]}
+        ?disabled=${this.disabled}
+      >
+        ${this.generateRadioButtons()}
+      </luzmo-action-group>
+    `}};a=o,a.styles=[n.t(a,`styles`,a)],e.t([(0,i.property)({type:Array})],o.prototype,`values`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),e.t([(0,i.property)({type:String})],o.prototype,`value`,void 0),e.t([(0,i.property)({type:String})],o.prototype,`default`,void 0),e.t([(0,i.property)()],o.prototype,`parseValue`,void 0),e.t([(0,i.property)()],o.prototype,`toValue`,void 0),e.t([(0,i.query)(`luzmo-action-group`)],o.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-radio-button-group`)||customElements.define(`luzmo-item-option-radio-button-group`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/components/item-option-radio-button-group-J_ZusHOP.js

@@ -0,0 +1,73 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./item-option-base-BIDIiNfI.js";
+import { t as n } from "./superPropGet-CBezYwzm.js";
+import { html as r } from "lit";
+import { property as i, query as a } from "lit/decorators.js";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/action-group";
+//#region src/components/item-option-radio-button-group/item-option-radio-button-group.ts
+var o, s = class extends t {
+	constructor(...e) {
+		super(...e), this.values = {}, this.disabled = !1;
+	}
+	generateRadioButtons() {
+		return r` ${Object.entries(this.values).map(([e, t]) => r`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${t}
+        </luzmo-action-button>
+      `)} `;
+	}
+	_handleEvent() {
+		this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { value: typeof this.toValue == "function" ? this.toValue(this.actionGroup?.selected?.[0]) : this.actionGroup?.selected?.[0] }
+		}));
+	}
+	renderController() {
+		let e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, t = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return r`
+      <luzmo-action-group
+        id="luzmo-item-option-control"
+        compact
+        selects="single"
+        emphasized
+        @change=${this._handleEvent}
+        .size=${this.size}
+        .selected=${e && this.values[e] ? [e] : t && this.values[t] ? [t] : [Object.keys(this.values)[0]]}
+        ?disabled=${this.disabled}
+      >
+        ${this.generateRadioButtons()}
+      </luzmo-action-group>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-option-radio-button-group/index.ts
+o = s, o.styles = [n(o, "styles", o)], e([i({ type: Array })], s.prototype, "values", void 0), e([i({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "disabled", void 0), e([i({ type: String })], s.prototype, "value", void 0), e([i({ type: String })], s.prototype, "default", void 0), e([i()], s.prototype, "parseValue", void 0), e([i()], s.prototype, "toValue", void 0), e([a("luzmo-action-group")], s.prototype, "actionGroup", void 0), customElements.get("luzmo-item-option-radio-button-group") || customElements.define("luzmo-item-option-radio-button-group", s);
+//#endregion
+export { s as t };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-slider-DbLPhpJd.cjs");exports.LuzmoItemOptionSlider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-slider-BDAEs7Fk.cjs");exports.LuzmoItemOptionSlider=e.t;

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

@@ -17,12 +17,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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(e);
-	}
-})();
-import { t as e } from "../item-option-slider-CQOKWBZQ.js";
+import { t as e } from "../item-option-slider-V9z4qqyE.js";
 export { e as LuzmoItemOptionSlider };

package/components/item-option-slider-BDAEs7Fk.cjs

@@ -0,0 +1,33 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-C6RQH9M8.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/slider");var i=`:host{overflow:visible}luzmo-slider{contain:layout}`,a=class extends t.t{constructor(...e){super(...e),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200,this._debounceTimeout=null}static get styles(){return[...super.styles,(0,n.unsafeCSS)(i)]}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null)}_emitOptionChanged(e){this._lastEmittedSliderValue=e,this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(e):e}}))}_handleEvent(e){let t=this._slider.value;if(!(e.type===`change`&&!this._debounceTimeout&&Object.is(t,this._lastEmittedSliderValue))){if(this._debounceTimeout&&=(clearTimeout(this._debounceTimeout),null),this.debounce>0){this._debounceTimeout=setTimeout(()=>{this._debounceTimeout=null,this._emitOptionChanged(t)},this.debounce);return}this._emitOptionChanged(t)}}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return n.html`
+      <luzmo-slider
+        id="luzmo-item-option-control"
+        .label=${this.label}
+        .min=${this.min}
+        .max=${this.max}
+        .value=${e??t}
+        .step=${this.step}
+        .size=${this.size}
+        .disabled=${this.disabled}
+        @input=${this._handleEvent}
+        @change=${this._handleEvent}
+      ></luzmo-slider>
+    `}};e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`value`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`default`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`min`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`max`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`step`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],a.prototype,`debounce`,void 0),e.t([(0,r.property)()],a.prototype,`parseValue`,void 0),e.t([(0,r.property)()],a.prototype,`toValue`,void 0),e.t([(0,r.query)(`luzmo-slider`)],a.prototype,`_slider`,void 0),customElements.get(`luzmo-item-option-slider`)||customElements.define(`luzmo-item-option-slider`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/item-option-slider-V9z4qqyE.js

@@ -0,0 +1,97 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./item-option-base-BIDIiNfI.js";
+import { html as n, unsafeCSS as r } from "lit";
+import { property as i, query as a } from "lit/decorators.js";
+import "@luzmo/lucero/slider";
+//#region src/components/item-option-slider/item-option-slider.module.scss?inline
+var o = ":host{overflow:visible}luzmo-slider{contain:layout}", s = class extends t {
+	constructor(...e) {
+		super(...e), this.value = 0, this.default = 0, this.min = 0, this.max = 100, this.step = 100, this.debounce = 200, this._debounceTimeout = null;
+	}
+	static get styles() {
+		return [...super.styles, r(o)];
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._debounceTimeout &&= (clearTimeout(this._debounceTimeout), null);
+	}
+	_emitOptionChanged(e) {
+		this._lastEmittedSliderValue = e, this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { value: typeof this.toValue == "function" ? this.toValue(e) : e }
+		}));
+	}
+	_handleEvent(e) {
+		let t = this._slider.value;
+		if (!(e.type === "change" && !this._debounceTimeout && Object.is(t, this._lastEmittedSliderValue))) {
+			if (this._debounceTimeout &&= (clearTimeout(this._debounceTimeout), null), this.debounce > 0) {
+				this._debounceTimeout = setTimeout(() => {
+					this._debounceTimeout = null, this._emitOptionChanged(t);
+				}, this.debounce);
+				return;
+			}
+			this._emitOptionChanged(t);
+		}
+	}
+	renderController() {
+		let e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, t = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return n`
+      <luzmo-slider
+        id="luzmo-item-option-control"
+        .label=${this.label}
+        .min=${this.min}
+        .max=${this.max}
+        .value=${e ?? t}
+        .step=${this.step}
+        .size=${this.size}
+        .disabled=${this.disabled}
+        @input=${this._handleEvent}
+        @change=${this._handleEvent}
+      ></luzmo-slider>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-option-slider/index.ts
+e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "value", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "default", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "min", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "max", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "step", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "debounce", void 0), e([i()], s.prototype, "parseValue", void 0), e([i()], s.prototype, "toValue", void 0), e([a("luzmo-slider")], s.prototype, "_slider", void 0), customElements.get("luzmo-item-option-slider") || customElements.define("luzmo-item-option-slider", s);
+//#endregion
+export { s as t };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-switch-CWpb0nf3.cjs");exports.LuzmoItemOptionSwitch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-switch-Bzy2VRLg.cjs");exports.LuzmoItemOptionSwitch=e.t;

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

@@ -17,12 +17,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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(e);
-	}
-})();
-import { t as e } from "../item-option-switch-azZX2vJr.js";
+import { t as e } from "../item-option-switch-BA4ifIHK.js";
 export { e as LuzmoItemOptionSwitch };

package/components/item-option-switch-BA4ifIHK.js

@@ -0,0 +1,68 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./item-option-base-BIDIiNfI.js";
+import { t as n } from "./superPropGet-CBezYwzm.js";
+import { html as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import "@luzmo/lucero/switch";
+//#region src/components/item-option-switch/item-option-switch.module.scss?inline
+var o = ":host{--luzmo-switch-control-label-spacing:0px}", s, c = class extends t {
+	_handleEvent(e) {
+		this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { value: typeof this.toValue == "function" ? this.toValue(e.detail) : e.detail }
+		}));
+	}
+	renderController() {
+		let e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, t = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return r`
+      <luzmo-switch
+        id="luzmo-item-option-control"
+        thumb="overflow"
+        emphasized
+        .size=${this.size}
+        .checked=${e ?? t ?? !1}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-switch>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-option-switch/index.ts
+s = c, s.styles = [...n(s, "styles", s), i(o)], e([a({
+	type: Boolean,
+	converter: { fromAttribute: (e) => {
+		if (e === "false" || e === !1) return !1;
+		if (e === "true" || e === !0) return !0;
+	} }
+})], c.prototype, "value", void 0), e([a({
+	type: Boolean,
+	converter: { fromAttribute: (e) => {
+		if (e === "false" || e === !1) return !1;
+		if (e === "true" || e === !0) return !0;
+	} }
+})], c.prototype, "default", void 0), e([a()], c.prototype, "parseValue", void 0), e([a()], c.prototype, "toValue", void 0), customElements.get("luzmo-item-option-switch") || customElements.define("luzmo-item-option-switch", c);
+//#endregion
+export { c as t };

package/components/item-option-switch-Bzy2VRLg.cjs

@@ -0,0 +1,30 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-C6RQH9M8.cjs"),n=require("./superPropGet-DmmlTXgo.cjs");let r=require("lit"),i=require("lit/decorators.js");require("@luzmo/lucero/switch");var a=`:host{--luzmo-switch-control-label-spacing:0px}`,o,s=class extends t.t{_handleEvent(e){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(e.detail):e.detail}}))}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return r.html`
+      <luzmo-switch
+        id="luzmo-item-option-control"
+        thumb="overflow"
+        emphasized
+        .size=${this.size}
+        .checked=${e??t??!1}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-switch>
+    `}};o=s,o.styles=[...n.t(o,`styles`,o),(0,r.unsafeCSS)(a)],e.t([(0,i.property)({type:Boolean,converter:{fromAttribute:e=>{if(e===`false`||e===!1)return!1;if(e===`true`||e===!0)return!0}}})],s.prototype,`value`,void 0),e.t([(0,i.property)({type:Boolean,converter:{fromAttribute:e=>{if(e===`false`||e===!1)return!1;if(e===`true`||e===!0)return!0}}})],s.prototype,`default`,void 0),e.t([(0,i.property)()],s.prototype,`parseValue`,void 0),e.t([(0,i.property)()],s.prototype,`toValue`,void 0),customElements.get(`luzmo-item-option-switch`)||customElements.define(`luzmo-item-option-switch`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-text-field-CS3Lccda.cjs");exports.LuzmoItemOptionTextField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-text-field-C-sTkUre.cjs");exports.LuzmoItemOptionTextField=e.t;

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

@@ -17,12 +17,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.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: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--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: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--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: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--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(e);
-	}
-})();
-import { t as e } from "../item-option-text-field-CIM_38yi.js";
+import { t as e } from "../item-option-text-field-Cf0khC48.js";
 export { e as LuzmoItemOptionTextField };

package/components/item-option-text-field-C-sTkUre.cjs

@@ -0,0 +1,33 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-C6RQH9M8.cjs"),n=require("./superPropGet-DmmlTXgo.cjs");let r=require("lit"),i=require("lit/decorators.js");require("@luzmo/lucero/text-field");var a,o=class extends t.t{constructor(...e){super(...e),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=``}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=this.textFieldElement?.value??``;this._previousValue!==e&&(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}})),this._previousValue=e)},this.debounce??200)}renderController(){return r.html`
+      <luzmo-text-field
+        id="luzmo-item-option-control"
+        .value=${this.value??``}
+        .label=${this.label}
+        .disabled=${this.disabled}
+        .size=${this.size}
+        .placeholder=${this.placeholder??``}
+        .invalid=${this.invalid}
+        @change=${this._handleEvent}
+        @input=${this._handleEvent}
+      >
+      </luzmo-text-field>
+    `}};a=o,a.styles=[n.t(a,`styles`,a)],e.t([(0,i.property)({type:String,reflect:!0})],o.prototype,`value`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`readonly`,void 0),e.t([(0,i.property)({type:String,reflect:!0})],o.prototype,`placeholder`,void 0),e.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`debounce`,void 0),e.t([(0,i.query)(`luzmo-text-field`)],o.prototype,`textFieldElement`,void 0),customElements.get(`luzmo-item-option-text-field`)||customElements.define(`luzmo-item-option-text-field`,o),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/components/item-option-text-field-Cf0khC48.js

@@ -0,0 +1,79 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+import "./tokens-Ov1pCR4Y.js";
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./item-option-base-BIDIiNfI.js";
+import { t as n } from "./superPropGet-CBezYwzm.js";
+import { html as r } from "lit";
+import { property as i, query as a } from "lit/decorators.js";
+import "@luzmo/lucero/text-field";
+//#region src/components/item-option-text-field/item-option-text-field.ts
+var o, s = class extends t {
+	constructor(...e) {
+		super(...e), this.invalid = !1, this.readonly = !1, this.debounce = 200, this._previousValue = "";
+	}
+	_handleEvent() {
+		this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+			let e = this.textFieldElement?.value ?? "";
+			this._previousValue !== e && (this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { value: e }
+			})), this._previousValue = e);
+		}, this.debounce ?? 200);
+	}
+	renderController() {
+		return r`
+      <luzmo-text-field
+        id="luzmo-item-option-control"
+        .value=${this.value ?? ""}
+        .label=${this.label}
+        .disabled=${this.disabled}
+        .size=${this.size}
+        .placeholder=${this.placeholder ?? ""}
+        .invalid=${this.invalid}
+        @change=${this._handleEvent}
+        @input=${this._handleEvent}
+      >
+      </luzmo-text-field>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-option-text-field/index.ts
+o = s, o.styles = [n(o, "styles", o)], e([i({
+	type: String,
+	reflect: !0
+})], s.prototype, "value", void 0), e([i({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "invalid", void 0), e([i({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "readonly", void 0), e([i({
+	type: String,
+	reflect: !0
+})], s.prototype, "placeholder", void 0), e([i({
+	type: Number,
+	reflect: !0
+})], s.prototype, "debounce", void 0), e([a("luzmo-text-field")], s.prototype, "textFieldElement", void 0), customElements.get("luzmo-item-option-text-field") || customElements.define("luzmo-item-option-text-field", s);
+//#endregion
+export { s as t };

package/components/item-options-configs.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./area-chart-options.config-Bf5kti7Z.cjs"),t=require("./bar-chart-options.config-CI17HU2I.cjs"),n=require("./box-plot-options.config-Cp6H9fyb.cjs"),r=require("./bubble-chart-options.config-e_0LM1Uw.cjs"),i=require("./bullet-chart-options.config-Drv0yQ4x.cjs"),a=require("./choropleth-map-options.config-VG10yjwC.cjs"),o=require("./circle-pack-chart-options.config-BmX0w3cH.cjs"),s=require("./circular-gauge-options.config-CSIUw2VN.cjs"),c=require("./column-chart-options.config-xmSH4NKF.cjs"),l=require("./combination-chart-options.config-IEamJGCp.cjs"),u=require("./conditional-number-options.config-ZVtstIjn.cjs"),d=require("./date-comparison-filter-options.config-4yHPEJSU.cjs"),f=require("./date-filter-options.config-saR_u4w-.cjs"),p=require("./donut-chart-options.config-LbmJpNlm.cjs"),m=require("./dropdown-filter-options.config-BRzYD0KE.cjs"),h=require("./evolution-number-options.config-CoGBgLLw.cjs"),g=require("./funnel-chart-options.config-DgpM8mWb.cjs"),_=require("./heat-map-options.config-DtDh9Gpy.cjs"),v=require("./heat-table-options.config-CugBuoUA.cjs"),y=require("./hexbin-map-options.config-BGmgxnMh.cjs"),b=require("./image-options.config-DZ5q1D63.cjs"),x=require("./line-chart-options.config-RTYFJQSE.cjs"),S=require("./marker-map-options.config-SkhbtEh0.cjs"),C=require("./ohlc-chart-options.config-Pqd5MFIv.cjs"),w=require("./parallel-coordinates-plot-options.config-2BbzNgJ9.cjs"),T=require("./pivot-table-options.config-D6Hdgnof.cjs"),E=require("./pyramid-chart-options.config-ClLsv7PT.cjs"),D=require("./radar-chart-options.config-B5WP2MPc.cjs"),O=require("./regular-table-options.config-nBBnO4ru.cjs"),k=require("./route-map-options.config-DS9cCAQK.cjs"),A=require("./sankey-diagram-options.config-DZDqv5aI.cjs"),j=require("./scatter-plot-options.config-DJW85uFv.cjs"),M=require("./search-filter-options.config-B-dGVPhS.cjs"),N=require("./slicer-filter-options.config-Cyjd_SRY.cjs"),P=require("./slider-filter-options.config-BeIw6IrQ.cjs"),F=require("./speedometer-chart-options.config-CEIZfeYG.cjs"),I=require("./spike-map-options.config-BRwdTyrp.cjs"),L=require("./strip-plot-options.config-DpRoR04b.cjs"),R=require("./sunburst-chart-options.config-DszAtggj.cjs"),z=require("./symbol-map-options.config-Ce0Kv7N7.cjs"),B=require("./text-options.config-BwBCG2yo.cjs"),V=require("./treemap-chart-options.config-Cpj6vD6I.cjs"),H=require("./venn-diagram-options.config-BamlR1qo.cjs"),U=require("./video-options.config-BhBpkaLJ.cjs"),W=require("./wordcloud-chart-options.config-BQ4Z-vPT.cjs");exports.areaChartOptionsConfig=e.n,exports.barChartOptionsConfig=t.n,exports.boxPlotOptionsConfig=n.n,exports.bubbleChartOptionsConfig=r.n,exports.bulletChartOptionsConfig=i.t,exports.choroplethMapOptionsConfig=a.n,exports.circlePackChartOptionsConfig=o.n,exports.circularGaugeOptionsConfig=s.n,exports.columnChartOptionsConfig=c.n,exports.combinationChartOptionsConfig=l.t,exports.conditionalNumberOptionsConfig=u.n,exports.dateComparisonFilterOptionsConfig=d.n,exports.dateFilterOptionsConfig=f.n,exports.donutChartOptionsConfig=p.n,exports.dropdownFilterOptionsConfig=m.n,exports.evolutionNumberOptionsConfig=h.t,exports.funnelChartOptionsConfig=g.n,exports.heatMapOptionsConfig=_.t,exports.heatTableOptionsConfig=v.t,exports.hexbinMapOptionsConfig=y.n,exports.imageOptionsConfig=b.t,exports.lineChartOptionsConfig=x.n,exports.markerMapOptionsConfig=S.n,exports.ohlcChartOptionsConfig=C.t,exports.parallelCoordinatesPlotOptionsConfig=w.t,exports.pivotTableOptionsConfig=T.n,exports.pyramidChartOptionsConfig=E.n,exports.radarChartOptionsConfig=D.t,exports.regularTableOptionsConfig=O.t,exports.routeMapOptionsConfig=k.t,exports.sankeyDiagramOptionsConfig=A.t,exports.scatterPlotOptionsConfig=j.t,exports.searchFilterOptionsConfig=M.t,exports.slicerFilterOptionsConfig=N.t,exports.sliderFilterOptionsConfig=P.t,exports.speedometerChartOptionsConfig=F.t,exports.spikeMapOptionsConfig=I.t,exports.stripPlotOptionsConfig=L.n,exports.sunburstChartOptionsConfig=R.t,exports.symbolMapOptionsConfig=z.t,exports.textOptionsConfig=B.t,exports.treemapChartOptionsConfig=V.t,exports.vennDiagramOptionsConfig=H.t,exports.videoOptionsConfig=U.t,exports.wordcloudChartOptionsConfig=W.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./area-chart-options.config-Bf5kti7Z.cjs"),t=require("./bar-chart-options.config-CI17HU2I.cjs"),n=require("./box-plot-options.config-Cp6H9fyb.cjs"),r=require("./bubble-chart-options.config-e_0LM1Uw.cjs"),i=require("./bullet-chart-options.config-Drv0yQ4x.cjs"),a=require("./choropleth-map-options.config-DSXndhIY.cjs"),o=require("./circle-pack-chart-options.config-BmX0w3cH.cjs"),s=require("./circular-gauge-options.config-CSIUw2VN.cjs"),c=require("./column-chart-options.config-xmSH4NKF.cjs"),l=require("./combination-chart-options.config-IEamJGCp.cjs"),u=require("./conditional-number-options.config-ZVtstIjn.cjs"),d=require("./date-comparison-filter-options.config-4yHPEJSU.cjs"),f=require("./date-filter-options.config-saR_u4w-.cjs"),p=require("./donut-chart-options.config-LbmJpNlm.cjs"),m=require("./dropdown-filter-options.config-BRzYD0KE.cjs"),h=require("./evolution-number-options.config-CoGBgLLw.cjs"),g=require("./funnel-chart-options.config-DgpM8mWb.cjs"),_=require("./heat-map-options.config-DhQrM9S9.cjs"),v=require("./heat-table-options.config-AhmEjDAb.cjs"),y=require("./hexbin-map-options.config-BGmgxnMh.cjs"),b=require("./image-options.config-DZ5q1D63.cjs"),x=require("./line-chart-options.config-RTYFJQSE.cjs"),S=require("./marker-map-options.config-SkhbtEh0.cjs"),C=require("./ohlc-chart-options.config-Pqd5MFIv.cjs"),w=require("./parallel-coordinates-plot-options.config-2BbzNgJ9.cjs"),T=require("./pivot-table-options.config-D6Hdgnof.cjs"),E=require("./pyramid-chart-options.config-ClLsv7PT.cjs"),D=require("./radar-chart-options.config-B5WP2MPc.cjs"),O=require("./regular-table-options.config-nBBnO4ru.cjs"),k=require("./route-map-options.config-DA3k24sP.cjs"),A=require("./sankey-diagram-options.config-DZDqv5aI.cjs"),j=require("./scatter-plot-options.config-DJW85uFv.cjs"),M=require("./search-filter-options.config-B-dGVPhS.cjs"),N=require("./slicer-filter-options.config-Cyjd_SRY.cjs"),P=require("./slider-filter-options.config-BeIw6IrQ.cjs"),F=require("./speedometer-chart-options.config-CEIZfeYG.cjs"),I=require("./spike-map-options.config-34Vf0UbN.cjs"),L=require("./strip-plot-options.config-DpRoR04b.cjs"),R=require("./sunburst-chart-options.config-DszAtggj.cjs"),z=require("./symbol-map-options.config-Ce0Kv7N7.cjs"),B=require("./text-options.config-BwBCG2yo.cjs"),V=require("./treemap-chart-options.config-Cpj6vD6I.cjs"),H=require("./venn-diagram-options.config-BamlR1qo.cjs"),U=require("./video-options.config-BhBpkaLJ.cjs"),W=require("./wordcloud-chart-options.config-BQ4Z-vPT.cjs");exports.areaChartOptionsConfig=e.n,exports.barChartOptionsConfig=t.n,exports.boxPlotOptionsConfig=n.n,exports.bubbleChartOptionsConfig=r.n,exports.bulletChartOptionsConfig=i.t,exports.choroplethMapOptionsConfig=a.n,exports.circlePackChartOptionsConfig=o.n,exports.circularGaugeOptionsConfig=s.n,exports.columnChartOptionsConfig=c.n,exports.combinationChartOptionsConfig=l.t,exports.conditionalNumberOptionsConfig=u.n,exports.dateComparisonFilterOptionsConfig=d.n,exports.dateFilterOptionsConfig=f.n,exports.donutChartOptionsConfig=p.n,exports.dropdownFilterOptionsConfig=m.n,exports.evolutionNumberOptionsConfig=h.t,exports.funnelChartOptionsConfig=g.n,exports.heatMapOptionsConfig=_.t,exports.heatTableOptionsConfig=v.t,exports.hexbinMapOptionsConfig=y.n,exports.imageOptionsConfig=b.t,exports.lineChartOptionsConfig=x.n,exports.markerMapOptionsConfig=S.n,exports.ohlcChartOptionsConfig=C.t,exports.parallelCoordinatesPlotOptionsConfig=w.t,exports.pivotTableOptionsConfig=T.n,exports.pyramidChartOptionsConfig=E.n,exports.radarChartOptionsConfig=D.t,exports.regularTableOptionsConfig=O.t,exports.routeMapOptionsConfig=k.t,exports.sankeyDiagramOptionsConfig=A.t,exports.scatterPlotOptionsConfig=j.t,exports.searchFilterOptionsConfig=M.t,exports.slicerFilterOptionsConfig=N.t,exports.sliderFilterOptionsConfig=P.t,exports.speedometerChartOptionsConfig=F.t,exports.spikeMapOptionsConfig=I.t,exports.stripPlotOptionsConfig=L.n,exports.sunburstChartOptionsConfig=R.t,exports.symbolMapOptionsConfig=z.t,exports.textOptionsConfig=B.t,exports.treemapChartOptionsConfig=V.t,exports.vennDiagramOptionsConfig=H.t,exports.videoOptionsConfig=U.t,exports.wordcloudChartOptionsConfig=W.t;

package/components/item-options-configs.js

@@ -22,7 +22,7 @@ import { n as t } from "./bar-chart-options.config-D1x5WPbL.js";
 import { n } from "./box-plot-options.config-CooBIc6N.js";
 import { n as r } from "./bubble-chart-options.config-B6aLA_1d.js";
 import { t as i } from "./bullet-chart-options.config-CBmbmhzI.js";
-import { n as a } from "./choropleth-map-options.config-DWWydGJ3.js";
+import { n as a } from "./choropleth-map-options.config-CP-IK-4W.js";
 import { n as o } from "./circle-pack-chart-options.config-D2RCikyA.js";
 import { n as s } from "./circular-gauge-options.config-syWQJHKT.js";
 import { n as c } from "./column-chart-options.config-B2LIl9lL.js";
@@ -34,8 +34,8 @@ import { n as p } from "./donut-chart-options.config-C8wpZzyJ.js";
 import { n as m } from "./dropdown-filter-options.config-DkiapYtc.js";
 import { t as h } from "./evolution-number-options.config-Ca9ABNVM.js";
 import { n as g } from "./funnel-chart-options.config-CygQsQVD.js";
-import { t as _ } from "./heat-map-options.config-X96sw-BV.js";
-import { t as v } from "./heat-table-options.config-D6dA9J97.js";
+import { t as _ } from "./heat-map-options.config-D58595hz.js";
+import { t as v } from "./heat-table-options.config-x-KBTZo1.js";
 import { n as y } from "./hexbin-map-options.config-FK9DrXGD.js";
 import { t as b } from "./image-options.config-DxF0RSUF.js";
 import { n as x } from "./line-chart-options.config-C3_RnROS.js";
@@ -46,14 +46,14 @@ import { n as T } from "./pivot-table-options.config-CTz4bcGJ.js";
 import { n as E } from "./pyramid-chart-options.config-C7btzuZj.js";
 import { t as D } from "./radar-chart-options.config-CtA6MpUp.js";
 import { t as O } from "./regular-table-options.config-BRmS77t-.js";
-import { t as k } from "./route-map-options.config-C65J81_7.js";
+import { t as k } from "./route-map-options.config-BnufVGcz.js";
 import { t as A } from "./sankey-diagram-options.config-nQDCRhKs.js";
 import { t as j } from "./scatter-plot-options.config-BplrME7w.js";
 import { t as M } from "./search-filter-options.config-yAz6IIto.js";
 import { t as N } from "./slicer-filter-options.config-BtGkT2hI.js";
 import { t as P } from "./slider-filter-options.config-D_yZ_nFz.js";
 import { t as F } from "./speedometer-chart-options.config-BL7evgzP.js";
-import { t as I } from "./spike-map-options.config-DjoTrAsC.js";
+import { t as I } from "./spike-map-options.config-CBpHkAfo.js";
 import { n as L } from "./strip-plot-options.config-tDmVlu9U.js";
 import { t as R } from "./sunburst-chart-options.config-Bjue_lQN.js";
 import { t as z } from "./symbol-map-options.config-Dyeya5Z2.js";