@luzmo/analytics-components-kit 1.0.1-alpha.15 → 1.0.1-alpha.151

package/components/item-option-color-range-Dppz-T6c.js

@@ -0,0 +1,213 @@
+/*! * 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 { t as __decorate } from "./decorate-Da6S_xrw.js";
+import { t as Color } from "./color-CmNy-BUS.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-D8qU_-yY.js";
+import { luzmoTrashOutline } from "@luzmo/icons";
+import { html, unsafeCSS } from "lit";
+import { property, queryAll, state } from "lit/decorators.js";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/text-field";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/number-field";
+import "@luzmo/lucero/color-picker";
+import "@luzmo/lucero/color-field";
+const extrapolateNewColor = (e, a = .1) => {
+	if (e.length < 2) return "#AAAAAA";
+	let o = e.length, s = new Color(e[o - 2]).to("oklab"), c = new Color(e[o - 1]).to("oklab"), l = s.coords[0], u = c.coords[0], d = u > l ? 1 : -1;
+	return new Color("oklab", [
+		Math.min(1, Math.max(0, u + d * a)),
+		c.coords[1],
+		c.coords[2]
+	], c.alpha).to("srgb").toString({
+		format: "hex",
+		precision: 0
+	});
+};
+var item_option_color_range_module_default = ":host{--luzmo-swatch-size:14px}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.color-range-line{align-items:center;display:flex}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{gap:var(--luzmo-item-option-color-range-ranges-gap,var(--color-ranges-gap));flex-direction:column;flex-grow:1;display:flex}.color-range-lines{width:100%}.extra-label{height:var(--item-option-component-height);align-items:center;display:flex}.color-range-percentage-value{padding-inline-start:var(--luzmo-item-option-color-range-color-swatch-to-percentage,var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-item-option-color-range-percentage-to-input-field,var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-item-option-color-range-color-swatch-to-input-field,var(--color-swatch-to-input-field))}:is(luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button)){padding-inline-end:var(--luzmo-item-option-color-range-input-field-to-button,var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:\"\";top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-item-option-color-range-connector-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-color-range-connector-border-color,var(--luzmo-border-color));z-index:-1;border-top:0;border-bottom:0;position:absolute}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);justify-content:start;align-items:center;display:flex}.color-range-add-value{box-sizing:border-box;width:var(--luzmo-item-option-color-range-add-value-width,var(--luzmo-swatch-size));height:var(--luzmo-item-option-color-range-add-value-height,var(--luzmo-swatch-size));border-width:var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-option-color-range-add-value-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-color-range-add-value-border-radius,50%);background-color:var(--luzmo-item-option-color-range-add-value-background-color,var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));justify-content:center;align-items:center;display:flex;position:relative}.color-range-add-value .plus-sign{width:100%;height:100%;position:absolute;top:0;left:0}.color-range-add-value .plus-sign:before{content:\" \";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size))/2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width)))/2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:\" \";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size))/2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width)))/2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value:hover{background-color:var(--luzmo-item-option-color-range-add-value-background-color-hover,var(--luzmo-background-color-hover));color:var(--luzmo-item-option-color-range-add-value-color-hover,var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{background-color:var(--luzmo-item-option-color-range-add-value-background-color-focus,var(--luzmo-background-color-focus));color:var(--luzmo-item-option-color-range-add-value-color-focus,var(--luzmo-primary-focus));outline:none}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:\"\";inset:calc(var(--luzmo-item-option-color-range-add-value-focus-indicator-gap,var(--add-value-focus-indicator-gap))*-2);background-color:var(--luzmo-item-option-color-range-add-value-focus-indicator-background-color,var(--luzmo-background-color));border-width:var(--luzmo-item-option-color-range-add-value-focus-indicator-width,var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-item-option-color-range-add-value-focus-indicator-color,var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-item-option-color-range-add-value-focus-indicator-border-radius,var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration)ease-in-out;z-index:-1;position:absolute}:host{--luzmo-swatch-size:var(--color-range-swatch-size);--color-range-swatch-size:16px;--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width:.25rem;--color-range-connector-height:calc(var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width));--color-range-connector-top:calc(var(--color-range-swatch-size) - (var(--color-range-connector-width)/2));--color-range-reverse-connector-top:calc(-1*var(--color-range-connector-height) + (var(--color-range-connector-width)/2));--color-range-connector-left:calc((var(--color-range-swatch-size) - var(--color-range-connector-width))/2);--color-range-input-field-height:var(--luzmo-component-height);--add-color-range-size:var(--color-range-swatch-size);--add-color-range-plus-size:8px;--add-color-range-plus-sign-border-width:2px;--add-value-focus-indicator-border-radius:50%;--add-value-focus-indicator-gap:3px;--add-value-focus-indicator-width:1px;--add-value-focus-indicator-color:var(--luzmo-primary);--color-swatch-to-percentage:var(--luzmo-spacing-4);--color-swatch-to-input-field:var(--luzmo-spacing-4);--percentage-to-input-field:var(--luzmo-spacing-4);--input-field-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--color-range-swatch-size:14px;--color-range-input-field-height:var(--luzmo-component-height-s);--color-ranges-gap:var(--luzmo-spacing-2);--add-color-range-plus-size:6px;--add-color-range-plus-sign-border-width:2px;--color-swatch-to-percentage:var(--luzmo-spacing-3);--color-swatch-to-input-field:var(--luzmo-spacing-3);--percentage-to-input-field:var(--luzmo-spacing-3);--input-field-to-button:var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size:18px;--color-range-input-field-height:var(--luzmo-component-height-l);--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size:20px;--color-range-input-field-height:var(--luzmo-component-height-xl);--color-ranges-gap:var(--luzmo-spacing-3);--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-4)}", LuzmoItemOptionColorRange = class extends LuzmoItemOptionBase {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.percentage = !1, this.noAlphaChannel = !1, this.editRangeSize = !1, this.noValues = !1, this.minimumRangeSize = 2, this.negativeInfinityValue = !1, this.readOnlyColorPicker = !1, this.reverse = !1, this.debounce = 100, this._ranges = [];
+	}
+	static {
+		this.styles = [super.styles, unsafeCSS(item_option_color_range_module_default)];
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("value") && (this._ranges = typeof this.parseValue == "function" ? this.parseValue(this.value ?? this.default ?? []) : this.value ?? this.default ?? []), this.negativeInfinityValue && (this._ranges = [{
+			color: this._ranges[0].color,
+			value: -Infinity
+		}, ...this._ranges.slice(1)]);
+	}
+	_handleChangeEvent() {
+		this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+			this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { value: typeof this.toValue == "function" ? this.toValue(this._ranges) : this._ranges }
+			}));
+		}, this.debounce ?? 200);
+	}
+	_getIndex(e) {
+		let i = [...this.colorRangeLines].indexOf((e?.target)?.closest(".color-range-line"));
+		return this.reverse && (i = (this._ranges?.length ?? 0) - 1 - i), i;
+	}
+	_extrapolateNewValue(e) {
+		if (e.length < 2) return 0;
+		let i = e.at(-1), a = e.at(-2), o = (i ?? 0) - (a ?? 0);
+		return (i ?? 0) + o;
+	}
+	_setColor(e) {
+		let i = this._getIndex(e), a = e.target.color ?? e.target.value;
+		this._ranges?.[i] && (this._ranges[i].color = String(a)), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
+	}
+	_setNumber(e) {
+		let i = this._getIndex(e), a = e.target.value;
+		this._ranges?.[i] && (this._ranges[i].value = a), this._ranges = structuredClone(this._ranges.sort((e, i) => (e?.value ?? 0) - (i?.value ?? 0))), this._handleChangeEvent();
+	}
+	_removeRangeValue(e) {
+		let i = this._getIndex(e);
+		this._ranges?.splice(i, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
+	}
+	_addRangeValue() {
+		let e = extrapolateNewColor(this._ranges?.map((e) => e.color) ?? []), i = this._extrapolateNewValue(this._ranges?.map((e) => e.value ?? 0) ?? []);
+		this._ranges?.push({
+			color: e,
+			value: i
+		}), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
+	}
+	renderRangeValues() {
+		let e = (e, i, a, c) => html`
+        <div class="color-range-line" style="--range-color: ${e}">
+          <luzmo-color-picker
+            .color=${e}
+            .debounce=${this.debounce}
+            ?disabled=${this.disabled}
+            ?no-alpha-channel=${this.noAlphaChannel}
+            ?read-only=${this.readOnlyColorPicker}
+            @change=${this._setColor}
+          ></luzmo-color-picker>
+          ${this.percentage ? html`
+                  <div class="color-range-percentage-value">%</div>
+                ` : html`
+                  
+                `}
+          ${this.noValues ? html` <luzmo-color-field
+                .value=${e}
+                .size=${this.size}
+                .debounce=${this.debounce}
+                ?no-alpha-channel=${this.noAlphaChannel}
+                ?disabled=${this.disabled}
+                @change=${this._setColor}
+              ></luzmo-color-field>` : a ? html` <luzmo-text-field
+                  .value=${"< " + (c ?? 0)}
+                  .size=${this.size}
+                  readonly
+                ></luzmo-text-field>` : html` <luzmo-number-field
+                  .value=${i ?? 0}
+                  .size=${this.size}
+                  .debounce=${this.debounce}
+                  ?disabled=${this.disabled}
+                  @change=${this._setNumber}
+                ></luzmo-number-field>`}
+          ${this.editRangeSize && !this.disabled && !a && (this._ranges?.length ?? 0) > this.minimumRangeSize ? html`<luzmo-action-button
+                quiet
+                .size=${this.size}
+                @click=${this._removeRangeValue}
+              >
+                <luzmo-icon
+                  slot="icon"
+                  .size=${this.size}
+                  .icon=${luzmoTrashOutline}
+                ></luzmo-icon>
+              </luzmo-action-button>` : html`
+                  
+                `}
+        </div>
+      `, i = this._ranges ?? this.default ?? [];
+		this.reverse && (i = [...i].reverse());
+		let a = i.map(({ color: a, value: o }, s) => e(a, o, s === 0 && this.negativeInfinityValue, s === 0 && this.negativeInfinityValue ? i[1]?.value : void 0));
+		return html`
+      <div class="color-range-lines-container">
+        ${this.editRangeSize && !this.disabled && this.reverse ? html`<div class="color-range-add-value-container">
+              <button
+                class="color-range-add-value"
+                @click=${this._addRangeValue}
+              >
+                <div class="plus-sign"></div>
+              </button>
+            </div>` : html`
+                
+              `}
+        <div
+          class="color-range-lines ${this.editRangeSize && !this.disabled ? "edit-range-size" : ""}"
+        >
+          ${a}
+        </div>
+        ${this.editRangeSize && !this.disabled && !this.reverse ? html`<div class="color-range-add-value-container">
+              <button
+                class="color-range-add-value"
+                @click=${this._addRangeValue}
+              >
+                <div class="plus-sign"></div>
+              </button>
+            </div>` : html`
+                
+              `}
+      </div>
+    `;
+	}
+	renderController() {
+		return this.renderRangeValues();
+	}
+};
+__decorate([property({
+	type: Array,
+	reflect: !0
+})], LuzmoItemOptionColorRange.prototype, "value", void 0), __decorate([property({
+	type: Array,
+	reflect: !0
+})], LuzmoItemOptionColorRange.prototype, "default", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionColorRange.prototype, "disabled", void 0), __decorate([property({ type: Boolean })], LuzmoItemOptionColorRange.prototype, "percentage", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "no-alpha-channel"
+})], LuzmoItemOptionColorRange.prototype, "noAlphaChannel", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "edit-range-size"
+})], LuzmoItemOptionColorRange.prototype, "editRangeSize", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "no-values"
+})], LuzmoItemOptionColorRange.prototype, "noValues", void 0), __decorate([property({
+	type: Number,
+	reflect: !0,
+	attribute: "minimum-range-size"
+})], LuzmoItemOptionColorRange.prototype, "minimumRangeSize", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0,
+	attribute: "negative-infinity-value"
+})], LuzmoItemOptionColorRange.prototype, "negativeInfinityValue", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "read-only-color-picker"
+})], LuzmoItemOptionColorRange.prototype, "readOnlyColorPicker", void 0), __decorate([property({ type: Boolean })], LuzmoItemOptionColorRange.prototype, "reverse", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionColorRange.prototype, "debounce", void 0), __decorate([property()], LuzmoItemOptionColorRange.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionColorRange.prototype, "toValue", void 0), __decorate([queryAll(".color-range-line")], LuzmoItemOptionColorRange.prototype, "colorRangeLines", void 0), __decorate([state()], LuzmoItemOptionColorRange.prototype, "_ranges", void 0), customElements.get("luzmo-item-option-color-range") || customElements.define("luzmo-item-option-color-range", LuzmoItemOptionColorRange);
+export { LuzmoItemOptionColorRange as t };

package/components/item-option-multi-language-field/index.cjs

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CN_4EtlW.cjs`),require(`../localized-mixin-DiD8Bmip.cjs`),require(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-multi-language-field-Bq8VeZ9F.cjs`);exports.LuzmoItemOptionMultiLangField=e.t;

package/components/item-option-multi-language-field/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoItemOptionMultiLangField } from './item-option-multi-language-field';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-item-option-multi-language-field': LuzmoItemOptionMultiLangField;
+    }
+}
+export { LuzmoItemOptionMultiLangField } from './item-option-multi-language-field';

package/components/item-option-multi-language-field/index.js

@@ -0,0 +1,32 @@
+/*! * 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.
+ * */
+(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: 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-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: #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(e);
+	}
+})();
+import "../base-rg2x95aL.js";
+import "../focus-visible-D1pJhWEh.js";
+import "../set-locale-DVGy0VKD.js";
+import "../localized-mixin-12rLbXJL.js";
+import "../item-option-base-D8qU_-yY.js";
+import { t as LuzmoItemOptionMultiLangField } from "../item-option-multi-language-field-nZ7tmBwz.js";
+export { LuzmoItemOptionMultiLangField };

package/components/item-option-multi-language-field/item-option-multi-language-field.d.ts

@@ -0,0 +1,20 @@
+import '@luzmo/lucero/multi-language-field';
+import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
+/**
+ * @customElement luzmo-item-option-multi-language-field
+ */
+export declare class LuzmoItemOptionMultiLangField extends LuzmoItemOptionBase {
+    static styles: import("lit").CSSResultArray[];
+    value: Record<string, string>;
+    invalid: boolean;
+    readonly: boolean;
+    language?: string;
+    placeholder?: Record<string, string>;
+    parseValue?: (value: any, language: string) => any;
+    toValue?: (value: any, language: string) => any;
+    debounce: number;
+    private multiLangFieldElement;
+    debounceTimeout: any;
+    private _handleEvent;
+    protected renderController(): import("lit-html").TemplateResult<1>;
+}

package/components/item-option-multi-language-field-Bq8VeZ9F.cjs

@@ -0,0 +1,31 @@
+/*! * 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.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/multi-language-field`);var a=class extends n.t{constructor(...e){super(...e),this.value={},this.invalid=!1,this.readonly=!1,this.language=`en`,this.debounce=200}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this.multiLangFieldElement?.value??{},this.language??`en`):this.multiLangFieldElement?.value??{}}}))},this.debounce??200)}renderController(){return r.html`
+      <luzmo-multi-language-field
+        .value=${typeof this.parseValue==`function`?this.parseValue(this.value,this.language??`en`):this.value}
+        .language=${this.language??`en`}
+        .disabled=${this.disabled}
+        .size=${this.size}
+        .i18nPlaceholder=${this.placeholder??{}}
+        .invalid=${this.invalid}
+        @change=${this._handleEvent}
+      >
+      </luzmo-multi-language-field>
+    `}};t.t([(0,i.property)({type:Object,reflect:!0})],a.prototype,`value`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`invalid`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`readonly`,void 0),t.t([(0,i.property)({type:String,reflect:!0})],a.prototype,`language`,void 0),t.t([(0,i.property)({type:Object,reflect:!0})],a.prototype,`placeholder`,void 0),t.t([(0,i.property)()],a.prototype,`parseValue`,void 0),t.t([(0,i.property)()],a.prototype,`toValue`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`debounce`,void 0),t.t([(0,i.query)(`luzmo-multi-language-field`)],a.prototype,`multiLangFieldElement`,void 0),customElements.get(`luzmo-item-option-multi-language-field`)||customElements.define(`luzmo-item-option-multi-language-field`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/components/item-option-multi-language-field-nZ7tmBwz.js

@@ -0,0 +1,76 @@
+/*! * 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 { t as __decorate } from "./decorate-Da6S_xrw.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-D8qU_-yY.js";
+import { html } from "lit";
+import { property, query } from "lit/decorators.js";
+import "@luzmo/lucero/multi-language-field";
+var LuzmoItemOptionMultiLangField = class extends LuzmoItemOptionBase {
+	constructor(...e) {
+		super(...e), this.value = {}, this.invalid = !1, this.readonly = !1, this.language = "en", this.debounce = 200;
+	}
+	static {
+		this.styles = [super.styles];
+	}
+	_handleEvent() {
+		this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+			this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { value: typeof this.toValue == "function" ? this.toValue(this.multiLangFieldElement?.value ?? {}, this.language ?? "en") : this.multiLangFieldElement?.value ?? {} }
+			}));
+		}, this.debounce ?? 200);
+	}
+	renderController() {
+		return html`
+      <luzmo-multi-language-field
+        .value=${typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value}
+        .language=${this.language ?? "en"}
+        .disabled=${this.disabled}
+        .size=${this.size}
+        .i18nPlaceholder=${this.placeholder ?? {}}
+        .invalid=${this.invalid}
+        @change=${this._handleEvent}
+      >
+      </luzmo-multi-language-field>
+    `;
+	}
+};
+__decorate([property({
+	type: Object,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "invalid", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "readonly", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "language", void 0), __decorate([property({
+	type: Object,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "placeholder", void 0), __decorate([property()], LuzmoItemOptionMultiLangField.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionMultiLangField.prototype, "toValue", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionMultiLangField.prototype, "debounce", void 0), __decorate([query("luzmo-multi-language-field")], LuzmoItemOptionMultiLangField.prototype, "multiLangFieldElement", void 0), customElements.get("luzmo-item-option-multi-language-field") || customElements.define("luzmo-item-option-multi-language-field", LuzmoItemOptionMultiLangField);
+export { LuzmoItemOptionMultiLangField as t };

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

@@ -0,0 +1,20 @@
+/*! * 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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CN_4EtlW.cjs`),require(`../localized-mixin-DiD8Bmip.cjs`),require(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-number-field-8OBJEXpr.cjs`);exports.LuzmoItemOptionNumberField=e.t;

package/components/item-option-number-field/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoItemOptionNumberField } from './item-option-number-field';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-item-option-number-field': LuzmoItemOptionNumberField;
+    }
+}
+export { LuzmoItemOptionNumberField } from './item-option-number-field';

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

@@ -0,0 +1,32 @@
+/*! * 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.
+ * */
+(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: 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-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: #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(e);
+	}
+})();
+import "../base-rg2x95aL.js";
+import "../focus-visible-D1pJhWEh.js";
+import "../set-locale-DVGy0VKD.js";
+import "../localized-mixin-12rLbXJL.js";
+import "../item-option-base-D8qU_-yY.js";
+import { t as LuzmoItemOptionNumberField } from "../item-option-number-field-BpoOM7Gz.js";
+export { LuzmoItemOptionNumberField };

package/components/item-option-number-field/item-option-number-field.d.ts

@@ -0,0 +1,24 @@
+import '@luzmo/lucero/number-field';
+import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
+/**
+ * @customElement luzmo-item-option-number-field
+ */
+export declare class LuzmoItemOptionNumberField extends LuzmoItemOptionBase {
+    static styles: import("lit").CSSResultArray[];
+    disabled: boolean;
+    min?: number;
+    max?: number;
+    default?: number;
+    value?: number;
+    placeholder?: string;
+    minWidthInputField?: string;
+    step: number;
+    unit: boolean;
+    debounce: number;
+    parseValue?: (value?: string | number) => number;
+    toValue?: (value?: number) => string | number | any;
+    private numberField;
+    debounceTimeout: any;
+    private _handleEvent;
+    protected renderController(): import("lit-html").TemplateResult<1>;
+}

package/components/item-option-number-field-8OBJEXpr.cjs

@@ -0,0 +1,36 @@
+/*! * 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.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/number-field`);let a=require(`lit/directives/if-defined.js`);var o=class extends n.t{constructor(...e){super(...e),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}static{this.styles=[super.styles]}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){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-number-field
+        style="min-width: ${this.minWidthInputField??`auto`}"
+        value=${(0,a.ifDefined)(e??t)}
+        .size=${this.size}
+        .step=${this.step}
+        .min=${this.min}
+        .max=${this.max}
+        .unit=${this.unit}
+        .debounce=${this.debounce}
+        placeholder=${(0,a.ifDefined)(this.placeholder)}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+        @input=${this._handleEvent}
+      >
+      </luzmo-number-field>
+    `}};t.t([(0,i.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`min`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`max`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`default`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`value`,void 0),t.t([(0,i.property)({type:String,reflect:!0})],o.prototype,`placeholder`,void 0),t.t([(0,i.property)({type:String,reflect:!0,attribute:`min-width-input-field`})],o.prototype,`minWidthInputField`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`step`,void 0),t.t([(0,i.property)({type:String,reflect:!0})],o.prototype,`unit`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],o.prototype,`debounce`,void 0),t.t([(0,i.property)()],o.prototype,`parseValue`,void 0),t.t([(0,i.property)()],o.prototype,`toValue`,void 0),t.t([(0,i.query)(`luzmo-number-field`)],o.prototype,`numberField`,void 0),customElements.get(`luzmo-item-option-number-field`)||customElements.define(`luzmo-item-option-number-field`,o),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});