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

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

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 (941) hide show

package/components/item-option-position-picker-LOg6P4Gl.js DELETED Viewed

@@ -1,117 +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-Dr5-WxZ9.js";
-import { html as n, nothing as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import "@luzmo/lucero/text-field";
-//#region src/components/item-option-position-picker/item-option-position-picker.module.scss?inline
-var o = ":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}", s = [
-	"topLeft",
-	"top",
-	"topRight",
-	"left",
-	"center",
-	"right",
-	"bottomLeft",
-	"bottom",
-	"bottomRight"
-], c = s.filter((e) => e !== "center"), l = {
-	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"
-}, u = class extends t {
-	constructor(...e) {
-		super(...e), this.default = "topRight", this.positions = c, this.readonly = !1;
-	}
-	static {
-		this.styles = [super.styles, i(o)];
-	}
-	_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 = s.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 ?? c;
-	}
-	renderController() {
-		let e = s.map((e) => {
-			let t = this.positions?.includes(e) ?? !1, i = this.value === e, a = t && i, o = a || t && !s.some((e) => this.positions?.includes(e) && this.value === e);
-			return n`
-        <div
-          class="position-item ${t ? "position-item-allowed" : "position-item-not-allowed"} ${i ? "selected" : ""}"
-          role="radio"
-          aria-checked=${i ? "true" : "false"}
-          aria-disabled=${t ? "false" : "true"}
-          aria-label=${l[e] ?? e}
-          data-position=${e}
-          tabindex=${t ? a || o ? "0" : "-1" : r}
-          @click=${this._handleClick.bind(this, e)}
-          @keydown=${t ? this._handleKeyDown.bind(this, e) : r}
-        ></div>
-      `;
-		});
-		return n` <div class="position-grid" role="radiogroup" aria-label=${this.label ?? "Position"} id="luzmo-item-option-control">${e}</div> `;
-	}
-};
-//#endregion
-//#region src/components/item-option-position-picker/index.ts
-e([a({
-	type: String,
-	reflect: !0
-})], u.prototype, "value", void 0), e([a({
-	type: String,
-	reflect: !0,
-	attribute: "default-position"
-})], u.prototype, "default", void 0), e([a({
-	type: Array,
-	reflect: !0
-})], u.prototype, "positions", void 0), e([a({
-	type: Boolean,
-	reflect: !0
-})], u.prototype, "readonly", void 0), customElements.get("luzmo-item-option-position-picker") || customElements.define("luzmo-item-option-position-picker", u);
-//#endregion
-export { u as t };

package/components/item-option-positions-number-field-BCbWb1R6.js DELETED Viewed

@@ -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-Dr5-WxZ9.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-o3Qckgwd.cjs DELETED Viewed

@@ -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-DKieCS-Y.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-CDebmEn3.js DELETED Viewed

@@ -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-Dr5-WxZ9.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-radio-button-group-CjLhWTEJ.cjs DELETED Viewed

@@ -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-DKieCS-Y.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-slider-C9ZJZcdg.js DELETED Viewed

@@ -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-Dr5-WxZ9.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-slider-CHbkJHLK.cjs DELETED Viewed

@@ -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-DKieCS-Y.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-switch-BVMOOWya.js DELETED Viewed

@@ -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-Dr5-WxZ9.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 };