@luzmo/analytics-components-kit 1.0.4-beta.4 → 1.0.5-beta.1

package/components/item-option-position-picker-DW12bwRL.cjs

@@ -1,32 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-yH3-Snf-.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/text-field");var i=`:host{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height));align-items:center;display:flex}.luzmo-item-option{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height))}.position-grid{gap:var(--luzmo-item-option-position-picker-grid-gap,var(--item-option-position-picker-grid-gap));width:var(--luzmo-item-option-position-picker-grid-width,var(--item-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-grid-border-color,var(--luzmo-border-color));padding:var(--luzmo-item-option-position-picker-grid-padding,var(--item-option-position-picker-grid-padding));border-radius:var(--luzmo-item-option-position-picker-grid-border-radius,var(--item-option-position-picker-grid-border-radius));grid-template-columns:repeat(3,1fr);display:grid}.position-item{width:100%;height:var(--luzmo-item-option-position-picker-item-height,var(--item-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-position-picker-border-radius,var(--item-option-position-picker-border-radius));background:var(--luzmo-item-option-position-picker-background,var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-item-option-position-picker-animation-duration,var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-item-option-position-picker-background-hover,var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-item-option-position-picker-background-selected,var(--luzmo-primary));transition:background-color var(--luzmo-item-option-position-picker-selected-animation-duration,0) ease-in-out}.position-item:focus-visible{outline:2px solid var(--luzmo-item-option-position-picker-focus-color,var(--luzmo-primary));outline-offset:1px}.position-item.position-item-not-allowed{opacity:0;pointer-events:none}:host{--item-option-position-picker-grid-height:7rem;--item-option-position-picker-grid-width:7rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-padding:.25rem;--item-option-position-picker-item-height:1.75rem;--item-option-position-picker-grid-gap:.25rem}:host([size=s]){--item-option-position-picker-grid-height:5.125rem;--item-option-position-picker-grid-width:5.625rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-s);--item-option-position-picker-grid-padding:.125rem;--item-option-position-picker-item-height:1.5rem;--item-option-position-picker-grid-gap:.125rem}:host([size=l]){--item-option-position-picker-grid-height:8rem;--item-option-position-picker-grid-width:8rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-padding:.3rem;--item-option-position-picker-item-height:2rem;--item-option-position-picker-grid-gap:.25rem}:host([size=xl]){--item-option-position-picker-grid-height:9rem;--item-option-position-picker-grid-width:9rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-padding:.375rem;--item-option-position-picker-item-height:2.25rem;--item-option-position-picker-grid-gap:.275rem}`,a=[`topLeft`,`top`,`topRight`,`left`,`center`,`right`,`bottomLeft`,`bottom`,`bottomRight`],o=a.filter(e=>e!==`center`),s={topLeft:`Top left`,top:`Top center`,topRight:`Top right`,left:`Center left`,center:`Center`,right:`Center right`,bottomLeft:`Bottom left`,bottom:`Bottom center`,bottomRight:`Bottom right`},c=class extends t.t{constructor(...e){super(...e),this.default=`topRight`,this.positions=o,this.readonly=!1}static{this.styles=[super.styles,(0,n.unsafeCSS)(i)]}_handleEvent(){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(e){this.positions?.includes(e)&&(this.value=e,this._handleEvent())}_handleKeyDown(e,t){if(t.key===`Enter`||t.key===` `){t.preventDefault(),this._handleClick(e);return}let n=a.filter(e=>this.positions?.includes(e)),r=n.indexOf(e);if(r===-1)return;let i=-1;if(t.key===`ArrowRight`||t.key===`ArrowDown`?(t.preventDefault(),i=(r+1)%n.length):(t.key===`ArrowLeft`||t.key===`ArrowUp`)&&(t.preventDefault(),i=(r-1+n.length)%n.length),i>=0){let e=n[i];(this.shadowRoot?.querySelector(`[data-position="${e}"]`))?.focus()}}willUpdate(){this.value=this.value??this.default??`topRight`,this.positions=this.positions??o}renderController(){let e=a.map(e=>{let t=this.positions?.includes(e)??!1,r=this.value===e,i=t&&r,o=i||t&&!a.some(e=>this.positions?.includes(e)&&this.value===e);return n.html`
-        <div
-          class="position-item ${t?`position-item-allowed`:`position-item-not-allowed`} ${r?`selected`:``}"
-          role="radio"
-          aria-checked=${r?`true`:`false`}
-          aria-disabled=${t?`false`:`true`}
-          aria-label=${s[e]??e}
-          data-position=${e}
-          tabindex=${t?i||o?`0`:`-1`:n.nothing}
-          @click=${this._handleClick.bind(this,e)}
-          @keydown=${t?this._handleKeyDown.bind(this,e):n.nothing}
-        ></div>
-      `});return n.html` <div class="position-grid" role="radiogroup" aria-label=${this.label??`Position`} id="luzmo-item-option-control">${e}</div> `}};e.t([(0,r.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),e.t([(0,r.property)({type:String,reflect:!0,attribute:`default-position`})],c.prototype,`default`,void 0),e.t([(0,r.property)({type:Array,reflect:!0})],c.prototype,`positions`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),customElements.get(`luzmo-item-option-position-picker`)||customElements.define(`luzmo-item-option-position-picker`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/components/item-option-positions-number-field-BFW0c-PE.js

@@ -1,164 +0,0 @@
-/*! * 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 e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-Do3zK0fN.js";
-import { luzmoIcon as n, luzmoLockOutline as r } from "@luzmo/icons";
-import { html as i, unsafeCSS as a } from "lit";
-import { property as o, state as s } from "lit/decorators.js";
-import { msg as c } from "@lit/localize";
-import "@luzmo/lucero/number-field";
-//#region src/components/item-option-positions-number-field/item-option-positions-number-field.module.scss?inline
-var l = ":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))}", u = class extends 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 [a(l)];
-	}
-	_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`<button
-          class="sync-button ${this.sync ? "" : "sync"}"
-          position=${e}
-          aria-label=${c("Toggle sync", { desc: "Aria label for sync toggle button" })}
-          aria-pressed=${this.sync ? "true" : "false"}
-          @click=${this.toggleSync}
-        >
-          ${n(r)}
-        </button>` : !this.canSync && !this.positions?.includes("center") && e === "center" ? i`
-          <div class="no-sync-center"></div>
-        ` : i`<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`
-      <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`${e.map((e) => this._renderNumberField(e))}`);
-		return i`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label ?? c("Position values", { desc: "Accessible label for positions number field group" })}>
-      <div class="positions-container">${e}</div>
-    </div>`;
-	}
-};
-//#endregion
-//#region src/components/item-option-positions-number-field/index.ts
-e([o({
-	type: Array,
-	reflect: !0
-})], u.prototype, "positions", void 0), e([o({
-	type: Object,
-	reflect: !0
-})], u.prototype, "values", void 0), e([o({
-	type: Boolean,
-	reflect: !0,
-	attribute: "can-sync"
-})], u.prototype, "canSync", void 0), e([o({ type: Object })], u.prototype, "positionConfiguration", void 0), e([o({
-	type: Boolean,
-	reflect: !0
-})], u.prototype, "invalid", void 0), e([o({
-	type: Boolean,
-	reflect: !0
-})], u.prototype, "readonly", void 0), e([o({
-	type: Number,
-	reflect: !0
-})], u.prototype, "debounce", void 0), e([o({
-	type: Boolean,
-	reflect: !0
-})], u.prototype, "sync", void 0), e([s()], u.prototype, "syncedValue", void 0), customElements.get("luzmo-item-option-positions-number-field") || customElements.define("luzmo-item-option-positions-number-field", u);
-//#endregion
-export { u as t };

package/components/item-option-positions-number-field-HofP9ee6.cjs

@@ -1,49 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-yH3-Snf-.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/number-field");var o=`: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))}`,s=class extends t.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,r.unsafeCSS)(o)]}_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`)?r.html`<button
-          class="sync-button ${this.sync?``:`sync`}"
-          position=${e}
-          aria-label=${(0,a.msg)(`Toggle sync`,{desc:`Aria label for sync toggle button`})}
-          aria-pressed=${this.sync?`true`:`false`}
-          @click=${this.toggleSync}
-        >
-          ${(0,n.luzmoIcon)(n.luzmoLockOutline)}
-        </button>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?r.html`
-          <div class="no-sync-center"></div>
-        `:r.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>`:r.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=>r.html`${e.map(e=>this._renderNumberField(e))}`);return r.html`<div class="positions-container-wrapper" id="luzmo-item-option-control" role="group" aria-label=${this.label??(0,a.msg)(`Position values`,{desc:`Accessible label for positions number field group`})}>
-      <div class="positions-container">${e}</div>
-    </div>`}};e.t([(0,i.property)({type:Array,reflect:!0})],s.prototype,`positions`,void 0),e.t([(0,i.property)({type:Object,reflect:!0})],s.prototype,`values`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],s.prototype,`canSync`,void 0),e.t([(0,i.property)({type:Object})],s.prototype,`positionConfiguration`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`readonly`,void 0),e.t([(0,i.property)({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`sync`,void 0),e.t([(0,i.state)()],s.prototype,`syncedValue`,void 0),customElements.get(`luzmo-item-option-positions-number-field`)||customElements.define(`luzmo-item-option-positions-number-field`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

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

@@ -1,37 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-yH3-Snf-.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/action-group");var i=class extends t.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[super.styles]}generateRadioButtons(){return n.html` ${Object.entries(this.values).map(([e,t])=>n.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 n.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>
-    `}};e.t([(0,r.property)({type:Array})],i.prototype,`values`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,r.property)({type:String})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:String})],i.prototype,`default`,void 0),e.t([(0,r.property)()],i.prototype,`parseValue`,void 0),e.t([(0,r.property)()],i.prototype,`toValue`,void 0),e.t([(0,r.query)(`luzmo-action-group`)],i.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-radio-button-group`)||customElements.define(`luzmo-item-option-radio-button-group`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

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

@@ -1,74 +0,0 @@
-/*! * 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 e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-Do3zK0fN.js";
-import { html as n } from "lit";
-import { property as r, query as i } from "lit/decorators.js";
-import "@luzmo/lucero/action-button";
-import "@luzmo/lucero/action-group";
-//#region src/components/item-option-radio-button-group/item-option-radio-button-group.ts
-var a = class extends t {
-	constructor(...e) {
-		super(...e), this.values = {}, this.disabled = !1;
-	}
-	static {
-		this.styles = [super.styles];
-	}
-	generateRadioButtons() {
-		return n` ${Object.entries(this.values).map(([e, t]) => n`
-        <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 n`
-      <luzmo-action-group
-        id="luzmo-item-option-control"
-        compact
-        selects="single"
-        emphasized
-        @change=${this._handleEvent}
-        .size=${this.size}
-        .selected=${e && this.values[e] ? [e] : t && this.values[t] ? [t] : [Object.keys(this.values)[0]]}
-        ?disabled=${this.disabled}
-      >
-        ${this.generateRadioButtons()}
-      </luzmo-action-group>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-radio-button-group/index.ts
-e([r({ type: Array })], a.prototype, "values", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], a.prototype, "disabled", void 0), e([r({ type: String })], a.prototype, "value", void 0), e([r({ type: String })], a.prototype, "default", void 0), e([r()], a.prototype, "parseValue", void 0), e([r()], a.prototype, "toValue", void 0), e([i("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);
-//#endregion
-export { a as t };

package/components/item-option-slider-B-CM9FzR.cjs

@@ -1,33 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-yH3-Snf-.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/slider");var i=class extends t.t{constructor(...e){super(...e),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}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 n.html`
-      <luzmo-slider
-        id="luzmo-item-option-control"
-        .label=${this.label}
-        .min=${this.min}
-        .max=${this.max}
-        .value=${e??t}
-        .step=${this.step}
-        .size=${this.size}
-        .debounce=${this.debounce}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-slider>
-    `}};e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`default`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`min`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`max`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`step`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.t([(0,r.property)()],i.prototype,`parseValue`,void 0),e.t([(0,r.property)()],i.prototype,`toValue`,void 0),customElements.get(`luzmo-item-option-slider`)||customElements.define(`luzmo-item-option-slider`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

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

@@ -1,81 +0,0 @@
-/*! * 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 e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-Do3zK0fN.js";
-import { html as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import "@luzmo/lucero/slider";
-//#region src/components/item-option-slider/item-option-slider.ts
-var i = class extends t {
-	constructor(...e) {
-		super(...e), this.value = 0, this.default = 0, this.min = 0, this.max = 100, this.step = 100, this.debounce = 200;
-	}
-	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 n`
-      <luzmo-slider
-        id="luzmo-item-option-control"
-        .label=${this.label}
-        .min=${this.min}
-        .max=${this.max}
-        .value=${e ?? t}
-        .step=${this.step}
-        .size=${this.size}
-        .debounce=${this.debounce}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-slider>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-slider/index.ts
-e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "value", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "default", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "min", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "max", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "step", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], i.prototype, "debounce", void 0), e([r()], i.prototype, "parseValue", void 0), e([r()], i.prototype, "toValue", void 0), customElements.get("luzmo-item-option-slider") || customElements.define("luzmo-item-option-slider", i);
-//#endregion
-export { i as t };

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

@@ -1,30 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-yH3-Snf-.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/switch");var i=`:host{--luzmo-switch-control-label-spacing:0px}`,a=class extends t.t{static{this.styles=[...super.styles,(0,n.unsafeCSS)(i)]}_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 n.html`
-      <luzmo-switch
-        id="luzmo-item-option-control"
-        thumb="overflow"
-        emphasized
-        .size=${this.size}
-        .checked=${e??t??!1}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-switch>
-    `}};e.t([(0,r.property)({type:Boolean,converter:{fromAttribute:e=>{if(e===`false`||e===!1)return!1;if(e===`true`||e===!0)return!0}}})],a.prototype,`value`,void 0),e.t([(0,r.property)({type:Boolean,converter:{fromAttribute:e=>{if(e===`false`||e===!1)return!1;if(e===`true`||e===!0)return!0}}})],a.prototype,`default`,void 0),e.t([(0,r.property)()],a.prototype,`parseValue`,void 0),e.t([(0,r.property)()],a.prototype,`toValue`,void 0),customElements.get(`luzmo-item-option-switch`)||customElements.define(`luzmo-item-option-switch`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/item-option-switch-Q-IaH1Xr.js

@@ -1,69 +0,0 @@
-/*! * 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 e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./item-option-base-Do3zK0fN.js";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import "@luzmo/lucero/switch";
-//#region src/components/item-option-switch/item-option-switch.module.scss?inline
-var a = ":host{--luzmo-switch-control-label-spacing:0px}", o = class extends t {
-	static {
-		this.styles = [...super.styles, r(a)];
-	}
-	_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 n`
-      <luzmo-switch
-        id="luzmo-item-option-control"
-        thumb="overflow"
-        emphasized
-        .size=${this.size}
-        .checked=${e ?? t ?? !1}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-switch>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-switch/index.ts
-e([i({
-	type: Boolean,
-	converter: { fromAttribute: (e) => {
-		if (e === "false" || e === !1) return !1;
-		if (e === "true" || e === !0) return !0;
-	} }
-})], o.prototype, "value", void 0), e([i({
-	type: Boolean,
-	converter: { fromAttribute: (e) => {
-		if (e === "false" || e === !1) return !1;
-		if (e === "true" || e === !0) return !0;
-	} }
-})], o.prototype, "default", void 0), e([i()], o.prototype, "parseValue", void 0), e([i()], o.prototype, "toValue", void 0), customElements.get("luzmo-item-option-switch") || customElements.define("luzmo-item-option-switch", o);
-//#endregion
-export { o as t };