npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-beta.3 → 1.0.1 - Mend

@luzmo/analytics-components-kit 1.0.1-beta.3 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1815) hide show

package/components/item-option-positions-number-field-BbmEfuPQ.js ADDED Viewed

@@ -0,0 +1,160 @@
+/*! * 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 { n as __decorate } from "./localized-mixin-BMNoUdF8.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-B7ouWFev.js";
+import { luzmoIcon, luzmoLockOutline } from "@luzmo/icons";
+import { html, unsafeCSS } from "lit";
+import { property, state } from "lit/decorators.js";
+import { msg } from "@lit/localize";
+import "@luzmo/lucero/number-field";
+var item_option_positions_number_field_module_default = ":host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height)*1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s)*1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l)*1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl)*1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-option-positions-number-field-container-column-gap));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer;border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));font:inherit;color:inherit;background:0 0;border:none;padding:0}.sync-button:focus-visible{outline:var(--luzmo-indicator-width)solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-indicator-color));outline-offset:1px}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}", LuzmoItemOptionPositionsNumberField = class extends LuzmoItemOptionBase {
+	constructor(...e) {
+		super(...e), this.canSync = !0, this.invalid = !1, this.readonly = !1, this.debounce = 200, this._positions = [
+			[
+				"top-left",
+				"top",
+				"top-right"
+			],
+			[
+				"left",
+				"center",
+				"right"
+			],
+			[
+				"bottom-left",
+				"bottom",
+				"bottom-right"
+			]
+		];
+	}
+	static get styles() {
+		return [unsafeCSS(item_option_positions_number_field_module_default)];
+	}
+	_calculateSyncedValue() {
+		let e, c = {};
+		return this.positions?.forEach((l) => {
+			c[l] = this.values?.[l] ?? this.positionConfiguration?.[l]?.default ?? 0, e = typeof e == "number" && c[l] ? Math.min(e, c[l]) : c[l];
+		}), e;
+	}
+	toggleSync() {
+		if (this.sync = !this.sync, this.sync && (this.syncedValue = this._calculateSyncedValue(), typeof this.syncedValue == "number")) {
+			this.values = { ...this.values };
+			for (let e of this.positions ?? []) this.values[e] = this.syncedValue;
+		}
+	}
+	_handleEvent(e) {
+		let c = e.target.getAttribute("position"), l = e.target.value, u = {};
+		if (!(!c || typeof l != "number")) {
+			if (this.canSync && this.sync && c === "center") {
+				this.syncedValue = l;
+				for (let e of this.positions ?? []) u[e] = l;
+			} else u = {
+				...this.values,
+				[c]: l
+			};
+			this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+				let e = Object.keys(this.values ?? {}), c = Object.keys(u), l = !0;
+				e.length !== c.length && (l = !1);
+				for (let c of e) this.values?.[c] !== u[c] && (l = !1);
+				l || (this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+					bubbles: !0,
+					composed: !0,
+					cancelable: !0,
+					detail: { values: { ...u } }
+				})), this.values = u);
+			}, this.debounce ?? 200);
+		}
+	}
+	_renderNumberField(e) {
+		return this.positions?.includes(e) || e === "center" ? this.canSync && (this.sync && e !== "center" || !this.sync && e === "center") ? html`<button
+          class="sync-button ${this.sync ? "" : "sync"}"
+          position=${e}
+          aria-label=${msg("Toggle sync", { desc: "Aria label for sync toggle button" })}
+          aria-pressed=${this.sync ? "true" : "false"}
+          @click=${this.toggleSync}
+        >
+          ${luzmoIcon(luzmoLockOutline)}
+        </button>` : !this.canSync && !this.positions?.includes("center") && e === "center" ? html`
+          <div class="no-sync-center"></div>
+        ` : html`<div class="position">
+        <luzmo-number-field
+          label=${e}
+          position=${e}
+          .value=${this.sync && this.canSync ? this.syncedValue ?? 0 : this.values?.[e] ?? this.positionConfiguration?.[e]?.default ?? 0}
+          .disabled=${this.disabled}
+          .size=${this.size}
+          .min=${this.positionConfiguration?.[e]?.min ?? 0}
+          .max=${this.positionConfiguration?.[e]?.max ?? 100}
+          .step=${this.positionConfiguration?.[e]?.step ?? 1}
+          .invalid=${this.invalid}
+          @change=${this._handleEvent}
+          @input=${this._handleEvent}
+        >
+        </luzmo-number-field>
+      </div>` : html`
+      <div class="position"></div>
+    `;
+	}
+	firstUpdated() {
+		if (this.canSync && !this.positions?.includes("center")) {
+			let e = this.values?.left ?? this.positionConfiguration?.left?.default, c = this.values?.top ?? this.positionConfiguration?.top?.default, l = this.values?.right ?? this.positionConfiguration?.right?.default, u = this.values?.bottom ?? this.positionConfiguration?.bottom?.default;
+			this.sync = e === c && c === l && l === u;
+		} else this.sync = !1;
+	}
+	willUpdate() {
+		this.positions ||= [
+			"top",
+			"right",
+			"bottom",
+			"left"
+		];
+	}
+	renderController() {
+		this._calculateSyncedValue();
+		let e = this._positions.map((e) => html`${e.map((e) => this._renderNumberField(e))}`);
+		return html`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label ?? msg("Position values", { desc: "Accessible label for positions number field group" })}>
+      <div class="positions-container">${e}</div>
+    </div>`;
+	}
+};
+__decorate([property({
+	type: Array,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "positions", void 0), __decorate([property({
+	type: Object,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "values", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0,
+	attribute: "can-sync"
+})], LuzmoItemOptionPositionsNumberField.prototype, "canSync", void 0), __decorate([property({ type: Object })], LuzmoItemOptionPositionsNumberField.prototype, "positionConfiguration", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "invalid", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "readonly", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "debounce", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionPositionsNumberField.prototype, "sync", void 0), __decorate([state()], LuzmoItemOptionPositionsNumberField.prototype, "syncedValue", void 0), customElements.get("luzmo-item-option-positions-number-field") || customElements.define("luzmo-item-option-positions-number-field", LuzmoItemOptionPositionsNumberField);
+export { LuzmoItemOptionPositionsNumberField as t };

package/components/item-option-positions-number-field-DwZHRxDJ.cjs ADDED Viewed

@@ -0,0 +1,49 @@
+/*! * 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(`./localized-mixin-FYdeD8xw.cjs`),n=require(`./item-option-base-DVsbix3i.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@lit/localize`);require(`@luzmo/lucero/number-field`);var s=`:host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height)*1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s)*1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l)*1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl)*1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-option-positions-number-field-container-column-gap));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer;border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));font:inherit;color:inherit;background:0 0;border:none;padding:0}.sync-button:focus-visible{outline:var(--luzmo-indicator-width)solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-indicator-color));outline-offset:1px}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}`,c=class extends n.t{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[(0,i.unsafeCSS)(s)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?i.html`<button
+          class="sync-button ${this.sync?``:`sync`}"
+          position=${e}
+          aria-label=${(0,o.msg)(`Toggle sync`,{desc:`Aria label for sync toggle button`})}
+          aria-pressed=${this.sync?`true`:`false`}
+          @click=${this.toggleSync}
+        >
+          ${(0,r.luzmoIcon)(r.luzmoLockOutline)}
+        </button>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?i.html`
+          <div class="no-sync-center"></div>
+        `:i.html`<div class="position">
+        <luzmo-number-field
+          label=${e}
+          position=${e}
+          .value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[e]??this.positionConfiguration?.[e]?.default??0}
+          .disabled=${this.disabled}
+          .size=${this.size}
+          .min=${this.positionConfiguration?.[e]?.min??0}
+          .max=${this.positionConfiguration?.[e]?.max??100}
+          .step=${this.positionConfiguration?.[e]?.step??1}
+          .invalid=${this.invalid}
+          @change=${this._handleEvent}
+          @input=${this._handleEvent}
+        >
+        </luzmo-number-field>
+      </div>`:i.html`
+      <div class="position"></div>
+    `}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){this._calculateSyncedValue();let e=this._positions.map(e=>i.html`${e.map(e=>this._renderNumberField(e))}`);return i.html`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label??(0,o.msg)(`Position values`,{desc:`Accessible label for positions number field group`})}>
+      <div class="positions-container">${e}</div>
+    </div>`}};t.n([(0,a.property)({type:Array,reflect:!0})],c.prototype,`positions`,void 0),t.n([(0,a.property)({type:Object,reflect:!0})],c.prototype,`values`,void 0),t.n([(0,a.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],c.prototype,`canSync`,void 0),t.n([(0,a.property)({type:Object})],c.prototype,`positionConfiguration`,void 0),t.n([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`invalid`,void 0),t.n([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),t.n([(0,a.property)({type:Number,reflect:!0})],c.prototype,`debounce`,void 0),t.n([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`sync`,void 0),t.n([(0,a.state)()],c.prototype,`syncedValue`,void 0),customElements.get(`luzmo-item-option-positions-number-field`)||customElements.define(`luzmo-item-option-positions-number-field`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/components/item-option-radio-button-group/index.cjs CHANGED Viewed

@@ -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`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-D5e2qb1S.cjs`),require(`../localized-mixin-B70oeOhE.cjs`),require(`../item-option-base-CgttrCuj.cjs`);const e=require(`../item-option-radio-button-group-DBcqJ6ty.cjs`);exports.LuzmoItemOptionRadioButtonGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-Cz3eNBHA.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../localized-mixin-FYdeD8xw.cjs`),require(`../set-locale-7H4YCP38.cjs`),require(`../item-option-base-DVsbix3i.cjs`);const e=require(`../item-option-radio-button-group-CVOnvvKw.cjs`);exports.LuzmoItemOptionRadioButtonGroup=e.t;

package/components/item-option-radio-button-group/index.js CHANGED Viewed

@@ -23,10 +23,10 @@
 		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 "../base-BPca9j_g.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-DcalLjdU.js";
-import "../localized-mixin-CcOogT3k.js";
-import "../item-option-base-DvdAO30m.js";
-import { t as LuzmoItemOptionRadioButtonGroup } from "../item-option-radio-button-group-CA4CfkJY.js";
+import "../localized-mixin-BMNoUdF8.js";
+import "../set-locale-CoJL3mt9.js";
+import "../item-option-base-B7ouWFev.js";
+import { t as LuzmoItemOptionRadioButtonGroup } from "../item-option-radio-button-group-U1axxete.js";
 export { LuzmoItemOptionRadioButtonGroup };

package/components/item-option-radio-button-group-CVOnvvKw.cjs ADDED Viewed

@@ -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.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./localized-mixin-FYdeD8xw.cjs`),n=require(`./item-option-base-DVsbix3i.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/action-group`);var a=class extends n.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[super.styles]}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>
+    `}};t.n([(0,i.property)({type:Array})],a.prototype,`values`,void 0),t.n([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),t.n([(0,i.property)({type:String})],a.prototype,`value`,void 0),t.n([(0,i.property)({type:String})],a.prototype,`default`,void 0),t.n([(0,i.property)()],a.prototype,`parseValue`,void 0),t.n([(0,i.property)()],a.prototype,`toValue`,void 0),t.n([(0,i.query)(`luzmo-action-group`)],a.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-radio-button-group`)||customElements.define(`luzmo-item-option-radio-button-group`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/components/item-option-radio-button-group-U1axxete.js ADDED Viewed

@@ -0,0 +1,70 @@
+/*! * 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 { n as __decorate } from "./localized-mixin-BMNoUdF8.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-B7ouWFev.js";
+import { html } from "lit";
+import { property, query } from "lit/decorators.js";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/action-group";
+var LuzmoItemOptionRadioButtonGroup = class extends LuzmoItemOptionBase {
+	constructor(...e) {
+		super(...e), this.values = {}, this.disabled = !1;
+	}
+	static {
+		this.styles = [super.styles];
+	}
+	generateRadioButtons() {
+		return html` ${Object.entries(this.values).map(([e, a]) => html`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${a}
+        </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, a = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return 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] : a && this.values[a] ? [a] : [Object.keys(this.values)[0]]}
+        ?disabled=${this.disabled}
+      >
+        ${this.generateRadioButtons()}
+      </luzmo-action-group>
+    `;
+	}
+};
+__decorate([property({ type: Array })], LuzmoItemOptionRadioButtonGroup.prototype, "values", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], LuzmoItemOptionRadioButtonGroup.prototype, "disabled", void 0), __decorate([property({ type: String })], LuzmoItemOptionRadioButtonGroup.prototype, "value", void 0), __decorate([property({ type: String })], LuzmoItemOptionRadioButtonGroup.prototype, "default", void 0), __decorate([property()], LuzmoItemOptionRadioButtonGroup.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionRadioButtonGroup.prototype, "toValue", void 0), __decorate([query("luzmo-action-group")], LuzmoItemOptionRadioButtonGroup.prototype, "actionGroup", void 0), customElements.get("luzmo-item-option-radio-button-group") || customElements.define("luzmo-item-option-radio-button-group", LuzmoItemOptionRadioButtonGroup);
+export { LuzmoItemOptionRadioButtonGroup as t };

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

@@ -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`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-D5e2qb1S.cjs`),require(`../localized-mixin-B70oeOhE.cjs`),require(`../item-option-base-CgttrCuj.cjs`);const e=require(`../item-option-slider-D8XIeW_D.cjs`);exports.LuzmoItemOptionSlider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-Cz3eNBHA.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../localized-mixin-FYdeD8xw.cjs`),require(`../set-locale-7H4YCP38.cjs`),require(`../item-option-base-DVsbix3i.cjs`);const e=require(`../item-option-slider-DcJitGFF.cjs`);exports.LuzmoItemOptionSlider=e.t;

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

@@ -23,10 +23,10 @@
 		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 "../base-BPca9j_g.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-DcalLjdU.js";
-import "../localized-mixin-CcOogT3k.js";
-import "../item-option-base-DvdAO30m.js";
-import { t as LuzmoItemOptionSlider } from "../item-option-slider-BXZAOF4o.js";
+import "../localized-mixin-BMNoUdF8.js";
+import "../set-locale-CoJL3mt9.js";
+import "../item-option-base-B7ouWFev.js";
+import { t as LuzmoItemOptionSlider } from "../item-option-slider-Bea5W_3p.js";
 export { LuzmoItemOptionSlider };

package/components/item-option-slider-Bea5W_3p.js ADDED Viewed

@@ -0,0 +1,77 @@
+/*! * 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 { n as __decorate } from "./localized-mixin-BMNoUdF8.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-B7ouWFev.js";
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import "@luzmo/lucero/slider";
+var LuzmoItemOptionSlider = class extends LuzmoItemOptionBase {
+	constructor(...e) {
+		super(...e), this.value = 0, this.default = 0, this.min = 0, this.max = 100, this.step = 100, this.debounce = 200;
+	}
+	static {
+		this.styles = [super.styles];
+	}
+	_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, i = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return html`
+      <luzmo-slider
+        id="luzmo-item-option-control"
+        .label=${this.label}
+        .min=${this.min}
+        .max=${this.max}
+        .value=${e ?? i}
+        .step=${this.step}
+        .size=${this.size}
+        .debounce=${this.debounce}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-slider>
+    `;
+	}
+};
+__decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "value", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "default", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "min", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "max", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "step", void 0), __decorate([property({
+	type: Number,
+	reflect: !0
+})], LuzmoItemOptionSlider.prototype, "debounce", void 0), __decorate([property()], LuzmoItemOptionSlider.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionSlider.prototype, "toValue", void 0), customElements.get("luzmo-item-option-slider") || customElements.define("luzmo-item-option-slider", LuzmoItemOptionSlider);
+export { LuzmoItemOptionSlider as t };

package/components/item-option-slider-DcJitGFF.cjs ADDED Viewed

@@ -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.
+ * */
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./localized-mixin-FYdeD8xw.cjs`),n=require(`./item-option-base-DVsbix3i.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/slider`);var a=class extends n.t{constructor(...e){super(...e),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}static{this.styles=[super.styles]}_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-slider
+        id="luzmo-item-option-control"
+        .label=${this.label}
+        .min=${this.min}
+        .max=${this.max}
+        .value=${e??t}
+        .step=${this.step}
+        .size=${this.size}
+        .debounce=${this.debounce}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-slider>
+    `}};t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`value`,void 0),t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`default`,void 0),t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`min`,void 0),t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`max`,void 0),t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`step`,void 0),t.n([(0,i.property)({type:Number,reflect:!0})],a.prototype,`debounce`,void 0),t.n([(0,i.property)()],a.prototype,`parseValue`,void 0),t.n([(0,i.property)()],a.prototype,`toValue`,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-switch/index.cjs CHANGED Viewed

@@ -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`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-D5e2qb1S.cjs`),require(`../localized-mixin-B70oeOhE.cjs`),require(`../item-option-base-CgttrCuj.cjs`);const e=require(`../item-option-switch-Cptc4EQc.cjs`);exports.LuzmoItemOptionSwitch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-Cz3eNBHA.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../localized-mixin-FYdeD8xw.cjs`),require(`../set-locale-7H4YCP38.cjs`),require(`../item-option-base-DVsbix3i.cjs`);const e=require(`../item-option-switch-C4urKPUA.cjs`);exports.LuzmoItemOptionSwitch=e.t;

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

@@ -23,10 +23,10 @@
 		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 "../base-BPca9j_g.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-DcalLjdU.js";
-import "../localized-mixin-CcOogT3k.js";
-import "../item-option-base-DvdAO30m.js";
-import { t as LuzmoItemOptionSwitch } from "../item-option-switch-C-GWu1gy.js";
+import "../localized-mixin-BMNoUdF8.js";
+import "../set-locale-CoJL3mt9.js";
+import "../item-option-base-B7ouWFev.js";
+import { t as LuzmoItemOptionSwitch } from "../item-option-switch-BPqMvJoA.js";
 export { LuzmoItemOptionSwitch };

package/components/item-option-switch-BPqMvJoA.js ADDED Viewed

@@ -0,0 +1,65 @@
+/*! * 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 { n as __decorate } from "./localized-mixin-BMNoUdF8.js";
+import { t as LuzmoItemOptionBase } from "./item-option-base-B7ouWFev.js";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import "@luzmo/lucero/switch";
+var item_option_switch_module_default = ":host{--luzmo-switch-control-label-spacing:0px}", LuzmoItemOptionSwitch = class extends LuzmoItemOptionBase {
+	static {
+		this.styles = [...super.styles, unsafeCSS(item_option_switch_module_default)];
+	}
+	_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, o = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+		return html`
+      <luzmo-switch
+        id="luzmo-item-option-control"
+        thumb="overflow"
+        emphasized
+        .size=${this.size}
+        .checked=${e ?? o ?? !1}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-switch>
+    `;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	converter: { fromAttribute: (e) => {
+		if (e === "false" || e === !1) return !1;
+		if (e === "true" || e === !0) return !0;
+	} }
+})], LuzmoItemOptionSwitch.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	converter: { fromAttribute: (e) => {
+		if (e === "false" || e === !1) return !1;
+		if (e === "true" || e === !0) return !0;
+	} }
+})], LuzmoItemOptionSwitch.prototype, "default", void 0), __decorate([property()], LuzmoItemOptionSwitch.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionSwitch.prototype, "toValue", void 0), customElements.get("luzmo-item-option-switch") || customElements.define("luzmo-item-option-switch", LuzmoItemOptionSwitch);
+export { LuzmoItemOptionSwitch as t };