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

package/components/item-option-action-button-group/index.cjs

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

package/components/item-option-action-button-group/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-action-button-group-BOxQFfBF.js";
+import { t as e } from "../item-option-action-button-group-VpgTKSIV.js";
 export { e as LuzmoItemOptionActionButtonGroup };

package/components/item-option-action-button-group-VpgTKSIV.js

@@ -0,0 +1,118 @@
+/*! * 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-CaYbmmmm.js";
+import { t } from "./item-option-base-VV7gyznL.js";
+import { luzmoAlignBottom as n, luzmoAlignCenter as r, luzmoAlignLeft as i, luzmoAlignMiddle as a, luzmoAlignRight as o, luzmoAlignTop as s, luzmoArrowsExpand as c, luzmoArrowsHorizontal as l, luzmoArrowsVertical as u, luzmoBan as d, luzmoBold as f, luzmoBorderDashed as p, luzmoBorderDotted as m, luzmoBorderSolid as h, luzmoColumns as g, luzmoCompress as _, luzmoExpand as v, luzmoItalic as y, luzmoRows as b, luzmoTable as x, luzmoUnderline as S } from "@luzmo/icons";
+import { html as C, unsafeCSS as w } from "lit";
+import { property as T, query as E } from "lit/decorators.js";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/action-group";
+//#region src/components/item-option-action-button-group/item-option-action-button-group.module.scss?inline
+var D = "luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb), .2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}", O = {
+	alignBottom: n,
+	alignMiddle: a,
+	alignTop: s,
+	alignLeft: i,
+	alignCenter: r,
+	alignRight: o,
+	ban: d,
+	borderSolid: h,
+	borderDashed: p,
+	borderDotted: m,
+	compress: _,
+	expand: v,
+	arrowsExpand: c,
+	arrowsHorizontal: l,
+	arrowsVertical: u,
+	italic: y,
+	bold: f,
+	underline: S,
+	rows: b,
+	columns: g,
+	table: x
+}, k = class extends t {
+	constructor(...e) {
+		super(...e), this.values = {}, this.disabled = !1;
+	}
+	static {
+		this.styles = [...super.styles, w(D)];
+	}
+	_handleEvent() {
+		let e = this.selects === "multiple" ? this.actionGroup?.selected : this.actionGroup?.selected?.[0];
+		this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { value: e }
+		}));
+	}
+	_generateButtonContents(e) {
+		return typeof e == "string" ? C`${e}` : e.iconName || e.icon ? C`
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${e.icon ?? O[e.iconName]}
+          .label=${e.label ?? ""}
+        ></luzmo-icon>
+        ${e.buttonText ?? ""}
+      ` : C`${e.buttonText ?? ""}`;
+	}
+	_generateActionButtons() {
+		return Object.entries(this.values).map(([e, t]) => C`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${this._generateButtonContents(t)}
+          ${t.label ? C`<luzmo-tooltip
+                self-managed
+                placement="top"
+                size=${this.size}
+              >
+                ${t.label}
+              </luzmo-tooltip>` : ""}
+        </luzmo-action-button>
+      `);
+	}
+	renderController() {
+		let e = this._generateActionButtons();
+		return C`
+      <luzmo-action-group
+        id="luzmo-item-option-control"
+        compact
+        quiet
+        emphasized
+        .selects=${this.selects ?? "single"}
+        .size=${this.size}
+        .selected=${this.value || this.default || []}
+        @change=${this._handleEvent}
+        .disabled=${this.disabled}
+      >
+        ${e}
+      </luzmo-action-group>
+    `;
+	}
+};
+//#endregion
+//#region src/components/item-option-action-button-group/index.ts
+e([T({ type: Array })], k.prototype, "values", void 0), e([T({
+	type: Boolean,
+	reflect: !0
+})], k.prototype, "disabled", void 0), e([T({ type: String })], k.prototype, "selects", void 0), e([T({ type: Array })], k.prototype, "value", void 0), e([T({ type: Array })], k.prototype, "default", void 0), e([E("luzmo-action-group")], k.prototype, "actionGroup", void 0), customElements.get("luzmo-item-option-action-button-group") || customElements.define("luzmo-item-option-action-button-group", k);
+//#endregion
+export { k as t };

package/components/item-option-action-button-group-jPUDKP3M.cjs

@@ -0,0 +1,53 @@
+/*! * 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-Bk9L8Ie7.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js");require("@luzmo/lucero/icon"),require("@luzmo/lucero/action-button"),require("@luzmo/lucero/action-group");var a=`luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb), .2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb), .1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}`,o={alignBottom:n.luzmoAlignBottom,alignMiddle:n.luzmoAlignMiddle,alignTop:n.luzmoAlignTop,alignLeft:n.luzmoAlignLeft,alignCenter:n.luzmoAlignCenter,alignRight:n.luzmoAlignRight,ban:n.luzmoBan,borderSolid:n.luzmoBorderSolid,borderDashed:n.luzmoBorderDashed,borderDotted:n.luzmoBorderDotted,compress:n.luzmoCompress,expand:n.luzmoExpand,arrowsExpand:n.luzmoArrowsExpand,arrowsHorizontal:n.luzmoArrowsHorizontal,arrowsVertical:n.luzmoArrowsVertical,italic:n.luzmoItalic,bold:n.luzmoBold,underline:n.luzmoUnderline,rows:n.luzmoRows,columns:n.luzmoColumns,table:n.luzmoTable},s=class extends t.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[...super.styles,(0,r.unsafeCSS)(a)]}_handleEvent(){let e=this.selects===`multiple`?this.actionGroup?.selected:this.actionGroup?.selected?.[0];this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}_generateButtonContents(e){return typeof e==`string`?r.html`${e}`:e.iconName||e.icon?r.html`
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${e.icon??o[e.iconName]}
+          .label=${e.label??``}
+        ></luzmo-icon>
+        ${e.buttonText??``}
+      `:r.html`${e.buttonText??``}`}_generateActionButtons(){return Object.entries(this.values).map(([e,t])=>r.html`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${this._generateButtonContents(t)}
+          ${t.label?r.html`<luzmo-tooltip
+                self-managed
+                placement="top"
+                size=${this.size}
+              >
+                ${t.label}
+              </luzmo-tooltip>`:``}
+        </luzmo-action-button>
+      `)}renderController(){let e=this._generateActionButtons();return r.html`
+      <luzmo-action-group
+        id="luzmo-item-option-control"
+        compact
+        quiet
+        emphasized
+        .selects=${this.selects??`single`}
+        .size=${this.size}
+        .selected=${this.value||this.default||[]}
+        @change=${this._handleEvent}
+        .disabled=${this.disabled}
+      >
+        ${e}
+      </luzmo-action-group>
+    `}};e.t([(0,i.property)({type:Array})],s.prototype,`values`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.t([(0,i.property)({type:String})],s.prototype,`selects`,void 0),e.t([(0,i.property)({type:Array})],s.prototype,`value`,void 0),e.t([(0,i.property)({type:Array})],s.prototype,`default`,void 0),e.t([(0,i.query)(`luzmo-action-group`)],s.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-action-button-group`)||customElements.define(`luzmo-item-option-action-button-group`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/item-option-base-Bk9L8Ie7.cjs

@@ -0,0 +1,56 @@
+/*! * 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("./base-BCmPH4SF.cjs"),t=require("./decorate-DCJt-2rt.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/tooltip"),require("@luzmo/lucero/field-label");var i=`:host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}`,a=class extends e.n(e.i,{defaultSize:`s`,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.disabled=!1,this.hideLabel=!1,this.label=``,this.tooltip=``,this.extraLabel=``,this.extraLabelHasClickAction=!1,this.extraLabelTooltip=``}static{this.styles=[(0,n.unsafeCSS)(i)]}handleExtraLabelClick(e){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction==`function`){let{value:e}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}e?.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-extra-label-click`,{bubbles:!0,composed:!0}))}render(){return n.html`
+      <div class="luzmo-item-option">
+        ${this.label&&!this.hideLabel?n.html`
+              <luzmo-field-label
+                .size=${this.size}
+                for="luzmo-item-option-control"
+                side-aligned="start"
+              >
+                ${this.label}
+                ${this.tooltip?n.html`
+                      *<luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        ${this.tooltip}
+                      </luzmo-tooltip>
+                    `:n.nothing}
+              </luzmo-field-label>
+            `:n.nothing}
+
+        <div class="control-container">
+          ${this.extraLabel?n.html`
+                <div
+                  class="extra-label ${this.extraLabelHasClickAction?`extra-link`:``}"
+                  role=${this.extraLabelHasClickAction?`button`:n.nothing}
+                  tabindex=${this.extraLabelHasClickAction?`0`:n.nothing}
+                  @click=${this.handleExtraLabelClick}
+                  @keydown=${this.extraLabelHasClickAction?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleExtraLabelClick(e))}:n.nothing}
+                >
+                  <span class=""> ${this.extraLabel} </span>
+                </div>
+              `:n.nothing}
+          ${this.renderController()}
+        </div>
+      </div>
+    `}};t.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),t.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`hide-label`})],a.prototype,`hideLabel`,void 0),t.t([(0,r.property)({type:String,reflect:!0})],a.prototype,`label`,void 0),t.t([(0,r.property)({type:String,reflect:!0})],a.prototype,`tooltip`,void 0),t.t([(0,r.property)({type:String,attribute:`extra-label`})],a.prototype,`extraLabel`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`extra-label-has-click-action`})],a.prototype,`extraLabelHasClickAction`,void 0),t.t([(0,r.property)()],a.prototype,`extraLabelClickAction`,void 0),t.t([(0,r.property)({type:String,attribute:`extra-label-tooltip`})],a.prototype,`extraLabelTooltip`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/item-option-base-VV7gyznL.js

@@ -0,0 +1,123 @@
+/*! * 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 { i as e, n as t } from "./base-DYkpEuMf.js";
+import { t as n } from "./decorate-CaYbmmmm.js";
+import { html as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o } from "lit/decorators.js";
+import "@luzmo/lucero/tooltip";
+import "@luzmo/lucero/field-label";
+//#region src/components/item-option-base/item-option.module.scss?inline
+var s = ":host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}", c = class extends t(e, {
+	defaultSize: "s",
+	validSizes: [
+		"s",
+		"m",
+		"l",
+		"xl"
+	]
+}) {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.hideLabel = !1, this.label = "", this.tooltip = "", this.extraLabel = "", this.extraLabelHasClickAction = !1, this.extraLabelTooltip = "";
+	}
+	static {
+		this.styles = [a(s)];
+	}
+	handleExtraLabelClick(e) {
+		if (this.extraLabelHasClickAction && typeof this.extraLabelClickAction == "function") {
+			let { value: e } = this.extraLabelClickAction();
+			this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { value: e }
+			}));
+		}
+		e?.preventDefault(), this.dispatchEvent(new CustomEvent("luzmo-extra-label-click", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	render() {
+		return r`
+      <div class="luzmo-item-option">
+        ${this.label && !this.hideLabel ? r`
+              <luzmo-field-label
+                .size=${this.size}
+                for="luzmo-item-option-control"
+                side-aligned="start"
+              >
+                ${this.label}
+                ${this.tooltip ? r`
+                      *<luzmo-tooltip
+                        self-managed
+                        placement="top"
+                        size=${this.size}
+                      >
+                        ${this.tooltip}
+                      </luzmo-tooltip>
+                    ` : i}
+              </luzmo-field-label>
+            ` : i}
+
+        <div class="control-container">
+          ${this.extraLabel ? r`
+                <div
+                  class="extra-label ${this.extraLabelHasClickAction ? "extra-link" : ""}"
+                  role=${this.extraLabelHasClickAction ? "button" : i}
+                  tabindex=${this.extraLabelHasClickAction ? "0" : i}
+                  @click=${this.handleExtraLabelClick}
+                  @keydown=${this.extraLabelHasClickAction ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.handleExtraLabelClick(e));
+		} : i}
+                >
+                  <span class=""> ${this.extraLabel} </span>
+                </div>
+              ` : i}
+          ${this.renderController()}
+        </div>
+      </div>
+    `;
+	}
+};
+n([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), n([o({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-label"
+})], c.prototype, "hideLabel", void 0), n([o({
+	type: String,
+	reflect: !0
+})], c.prototype, "label", void 0), n([o({
+	type: String,
+	reflect: !0
+})], c.prototype, "tooltip", void 0), n([o({
+	type: String,
+	attribute: "extra-label"
+})], c.prototype, "extraLabel", void 0), n([o({
+	type: Boolean,
+	attribute: "extra-label-has-click-action"
+})], c.prototype, "extraLabelHasClickAction", void 0), n([o()], c.prototype, "extraLabelClickAction", void 0), n([o({
+	type: String,
+	attribute: "extra-label-tooltip"
+})], c.prototype, "extraLabelTooltip", void 0);
+//#endregion
+export { c as t };

package/components/item-option-color-palette-picker/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-palette-picker-7vSSpj5o.cjs");exports.LuzmoItemOptionColorPalettePicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-option-color-palette-picker-kch0Ep_5.cjs");exports.LuzmoItemOptionColorPalettePicker=e.t;

package/components/item-option-color-palette-picker/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../item-option-color-palette-picker-D_mABGWh.js";
+import { t as e } from "../item-option-color-palette-picker-CQgG_NPQ.js";
 export { e as LuzmoItemOptionColorPalettePicker };