@luzmo/analytics-components-kit 1.0.3-beta.14 → 1.0.3-beta.16

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

@@ -1,102 +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-CaYbmmmm.js";
-import { t } from "./item-option-base-CWK-MoDz.js";
-import { html as n } from "lit";
-import { property as r, query as i } from "lit/decorators.js";
-import "@luzmo/lucero/number-field";
-import { ifDefined as a } from "lit/directives/if-defined.js";
-//#region src/components/item-option-number-field/item-option-number-field.ts
-var o = class extends t {
-	constructor(...e) {
-		super(...e), this.disabled = !1, this.step = 1, this.unit = !1, this.debounce = 200;
-	}
-	static {
-		this.styles = [super.styles];
-	}
-	_handleEvent() {
-		this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
-			this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
-				bubbles: !0,
-				composed: !0,
-				cancelable: !0,
-				detail: { value: typeof this.toValue == "function" ? this.toValue(this.numberField.value) : this.numberField.value }
-			}));
-		}, this.debounce ?? 200);
-	}
-	renderController() {
-		let e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, t = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
-		return n`
-      <luzmo-number-field
-        id="luzmo-item-option-control"
-        style="min-width: ${this.minWidthInputField ?? "auto"}"
-        value=${a(e ?? t)}
-        .label=${this.label}
-        .size=${this.size}
-        .step=${this.step}
-        .min=${this.min}
-        .max=${this.max}
-        .unit=${this.unit}
-        .debounce=${this.debounce}
-        placeholder=${a(this.placeholder)}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-        @input=${this._handleEvent}
-      >
-      </luzmo-number-field>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-number-field/index.ts
-e([r({
-	type: Boolean,
-	reflect: !0
-})], o.prototype, "disabled", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "min", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "max", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "default", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "value", void 0), e([r({
-	type: String,
-	reflect: !0
-})], o.prototype, "placeholder", void 0), e([r({
-	type: String,
-	reflect: !0,
-	attribute: "min-width-input-field"
-})], o.prototype, "minWidthInputField", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "step", void 0), e([r({
-	type: String,
-	reflect: !0
-})], o.prototype, "unit", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], o.prototype, "debounce", void 0), e([r()], o.prototype, "parseValue", void 0), e([r()], o.prototype, "toValue", void 0), e([i("luzmo-number-field")], o.prototype, "numberField", void 0), customElements.get("luzmo-item-option-number-field") || customElements.define("luzmo-item-option-number-field", o);
-//#endregion
-export { o as t };

package/components/item-option-panel-BwYSwYSj.js

@@ -1,183 +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 { i as e } from "./base-BwKUauGs.js";
-import { t } from "./decorate-CaYbmmmm.js";
-import { i as n, n as r, r as i } from "./item-option-B7cG4nHM.js";
-import { html as a, unsafeCSS as o } from "lit";
-import { property as s } from "lit/decorators.js";
-import { Task as c } from "@lit/task";
-import "@luzmo/lucero/divider";
-import "@luzmo/lucero/accordion";
-//#region src/components/item-option-panel/item-option-panel.module.scss?inline
-var l = ":host{font-size:var(--luzmo-item-option-panel-font-size,var(--luzmo-font-size))}:host luzmo-divider{margin:var(--luzmo-item-option-panel-divider-vertical-margin,calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0;display:block}:host luzmo-item-option{margin:var(--luzmo-item-option-divider-vertical-margin,var(--luzmo-spacing-4)) 0;display:block}:host([size=s]){font-size:var(--luzmo-item-option-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-panel-font-size-xl,var(--luzmo-font-size-xl))}", u = class extends e {
-	constructor(...e) {
-		super(...e), this._loadItemConfig = new c(this, {
-			task: async ([e, t, r, a]) => {
-				let o = this._getTranslationOverrides(a), s = this._getTranslationsFile(a), c = this._hasCustomTranslationsFile;
-				if (this._translationOverrides = o ?? s?.options, this._groupTranslationOverrides = o, this._hasCustomTranslationsFile = !!s, r) return this._isCustomOptionsConfiguration = !0, this._optionsConfiguration = r, this._translations = s ?? {}, this._itemTypeLoaded = void 0, this._languageLoaded = void 0, { config: this._optionsConfiguration };
-				if (e) {
-					let r = e !== this._itemTypeLoaded, a = e !== this._itemTypeLoaded || t !== this._languageLoaded || !s && c;
-					if (r && (this._optionsConfiguration = await n(e) ?? [], this._itemTypeLoaded = e), s) this._translations = s, this._languageLoaded = t;
-					else if (a) {
-						let n = t ?? "en";
-						this._translations = await i(e, n, !0) ?? {}, this._languageLoaded = t;
-					}
-					this._isCustomOptionsConfiguration = !1;
-				} else this._optionsConfiguration = [], this._translations = s ?? {};
-				return { config: this._optionsConfiguration };
-			},
-			args: () => [
-				this.itemType,
-				this.language,
-				this.customOptionsConfiguration,
-				this.customTranslations
-			]
-		}), this.language = "en", this.options = {}, this.slots = [], this.size = "m", this._optionsConfiguration = [], this._translations = {}, this._hasCustomTranslationsFile = !1, this.renderAllGroups = (e) => {
-			if (!Array.isArray(e)) return a`
-        
-      `;
-			let t = e?.map((e) => {
-				if (e?.children) return this.renderGroup(e);
-			});
-			return e && e.length > 0 ? a`<luzmo-accordion
-          variant="highlight"
-          .size=${this.size}
-          density="compact"
-          allow-multiple
-          no-content-padding
-          header-case="uppercase"
-          >${t}</luzmo-accordion
-        >` : a`
-          
-        `;
-		}, this.renderGroup = (e) => typeof e?.visibleIf == "function" && !e.visibleIf({
-			options: this.options,
-			slots: this.slots,
-			theme: this.theme
-		}) ? a`
-        
-      ` : a`<luzmo-accordion-item label=${e.key ? this._groupTranslationOverrides?.[e.key]?.label ?? this._translations.groups?.[e.key]?.label ?? e.label ?? e.key : e.label ?? ""} ?open=${e.open}>
-      ${((e) => e?.map((e) => {
-			if (typeof e?.visibleIf == "function" && !e.visibleIf({
-				options: this.options,
-				slots: this.slots,
-				theme: this.theme
-			})) return a`
-            
-          `;
-			if (e?.control && e.key) return this.renderOptionControl(e.key);
-			if (e?.type === "divider") return this.renderDivider();
-			if (e?.type === "group") return a`<luzmo-accordion
-            variant="highlight-child"
-            .size=${this.size}
-            density="compact"
-            allow-multiple
-            no-content-padding
-            header-case="default"
-            >${this.renderGroup(e)}</luzmo-accordion
-          >`;
-		}))(e.children)}
-    </luzmo-accordion-item>`, this.changedOptions = (e) => {
-			let t = e?.detail?.options;
-			this.options = e?.detail?.options, e.preventDefault(), e.stopPropagation(), this.dispatchEvent(new CustomEvent("luzmo-options-changed", {
-				bubbles: !0,
-				composed: !0,
-				cancelable: !0,
-				detail: { options: t }
-			}));
-		}, this.renderOptionControl = (e) => {
-			let t = this._isCustomOptionsConfiguration, n = t ? r(e, this.customOptionsConfiguration ?? [], !0) : void 0, i = t ? this._getOptionTranslation(e) : this._translationOverrides;
-			return a`<luzmo-item-option
-      class="control"
-      .itemType=${t ? void 0 : this.itemType}
-      .optionKey=${e}
-      .options=${this.options}
-      .customOptionConfiguration=${n}
-      .customTranslations=${i}
-      .slots=${this.slots}
-      .theme=${this.theme}
-      .size=${this.size}
-      .language=${this.language}
-      .apiUrl=${this.apiUrl}
-      .authKey=${this.authKey}
-      .authToken=${this.authToken}
-      @luzmo-options-changed=${this.changedOptions}
-    ></luzmo-item-option>`;
-		}, this.renderDivider = () => a`
-      <luzmo-divider></luzmo-divider>
-    `;
-	}
-	static {
-		this.styles = o(l);
-	}
-	render() {
-		return this._loadItemConfig.render({
-			pending: () => a`
-          <p role="status">Loading...</p>
-        `,
-			complete: (e) => this.renderAllGroups(e.config),
-			error: (e) => (console.error(e), a`
-          
-        `)
-		});
-	}
-	_getOptionTranslation(e) {
-		return this._translationOverrides?.[e] ?? this._translations.options?.[e];
-	}
-	_getTranslationsFile(e) {
-		if (!(!e || typeof e != "object") && ("groups" in e || "options" in e)) return e;
-	}
-	_getTranslationOverrides(e) {
-		if (!(!e || typeof e != "object") && !("groups" in e || "options" in e)) return e;
-	}
-};
-//#endregion
-//#region src/components/item-option-panel/index.ts
-t([s({
-	type: String,
-	reflect: !0
-})], u.prototype, "language", void 0), t([s({
-	type: String,
-	reflect: !0,
-	attribute: "item-type"
-})], u.prototype, "itemType", void 0), t([s({ type: Object })], u.prototype, "options", void 0), t([s({ type: Object })], u.prototype, "slots", void 0), t([s({
-	type: Object,
-	reflect: !1
-})], u.prototype, "customOptionsConfiguration", void 0), t([s({
-	type: Object,
-	reflect: !1
-})], u.prototype, "customTranslations", void 0), t([s({ type: Object })], u.prototype, "theme", void 0), t([s({
-	type: String,
-	reflect: !0
-})], u.prototype, "size", void 0), t([s({
-	type: String,
-	attribute: "api-url",
-	reflect: !0
-})], u.prototype, "apiUrl", void 0), t([s({
-	type: String,
-	attribute: "auth-key",
-	reflect: !0
-})], u.prototype, "authKey", void 0), t([s({
-	type: String,
-	attribute: "auth-token",
-	reflect: !0
-})], u.prototype, "authToken", void 0), customElements.get("luzmo-item-option-panel") || customElements.define("luzmo-item-option-panel", u);
-//#endregion
-export { u as t };

package/components/item-option-panel-JQ26EogB.cjs

@@ -1,67 +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("./base-ZuhO2UZd.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./item-option-CiMdtMdo.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/task");require("@luzmo/lucero/divider"),require("@luzmo/lucero/accordion");var o=`:host{font-size:var(--luzmo-item-option-panel-font-size,var(--luzmo-font-size))}:host luzmo-divider{margin:var(--luzmo-item-option-panel-divider-vertical-margin,calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0;display:block}:host luzmo-item-option{margin:var(--luzmo-item-option-divider-vertical-margin,var(--luzmo-spacing-4)) 0;display:block}:host([size=s]){font-size:var(--luzmo-item-option-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-panel-font-size-xl,var(--luzmo-font-size-xl))}`,s=class extends e.i{constructor(...e){super(...e),this._loadItemConfig=new a.Task(this,{task:async([e,t,r,i])=>{let a=this._getTranslationOverrides(i),o=this._getTranslationsFile(i),s=this._hasCustomTranslationsFile;if(this._translationOverrides=a??o?.options,this._groupTranslationOverrides=a,this._hasCustomTranslationsFile=!!o,r)return this._isCustomOptionsConfiguration=!0,this._optionsConfiguration=r,this._translations=o??{},this._itemTypeLoaded=void 0,this._languageLoaded=void 0,{config:this._optionsConfiguration};if(e){let r=e!==this._itemTypeLoaded,i=e!==this._itemTypeLoaded||t!==this._languageLoaded||!o&&s;if(r&&(this._optionsConfiguration=await n.i(e)??[],this._itemTypeLoaded=e),o)this._translations=o,this._languageLoaded=t;else if(i){let r=t??`en`;this._translations=await n.r(e,r,!0)??{},this._languageLoaded=t}this._isCustomOptionsConfiguration=!1}else this._optionsConfiguration=[],this._translations=o??{};return{config:this._optionsConfiguration}},args:()=>[this.itemType,this.language,this.customOptionsConfiguration,this.customTranslations]}),this.language=`en`,this.options={},this.slots=[],this.size=`m`,this._optionsConfiguration=[],this._translations={},this._hasCustomTranslationsFile=!1,this.renderAllGroups=e=>{if(!Array.isArray(e))return r.html`
-        
-      `;let t=e?.map(e=>{if(e?.children)return this.renderGroup(e)});return e&&e.length>0?r.html`<luzmo-accordion
-          variant="highlight"
-          .size=${this.size}
-          density="compact"
-          allow-multiple
-          no-content-padding
-          header-case="uppercase"
-          >${t}</luzmo-accordion
-        >`:r.html`
-          
-        `},this.renderGroup=e=>typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme})?r.html`
-        
-      `:r.html`<luzmo-accordion-item label=${e.key?this._groupTranslationOverrides?.[e.key]?.label??this._translations.groups?.[e.key]?.label??e.label??e.key:e.label??``} ?open=${e.open}>
-      ${(e=>e?.map(e=>{if(typeof e?.visibleIf==`function`&&!e.visibleIf({options:this.options,slots:this.slots,theme:this.theme}))return r.html`
-            
-          `;if(e?.control&&e.key)return this.renderOptionControl(e.key);if(e?.type===`divider`)return this.renderDivider();if(e?.type===`group`)return r.html`<luzmo-accordion
-            variant="highlight-child"
-            .size=${this.size}
-            density="compact"
-            allow-multiple
-            no-content-padding
-            header-case="default"
-            >${this.renderGroup(e)}</luzmo-accordion
-          >`}))(e.children)}
-    </luzmo-accordion-item>`,this.changedOptions=e=>{let t=e?.detail?.options;this.options=e?.detail?.options,e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent(`luzmo-options-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))},this.renderOptionControl=e=>{let t=this._isCustomOptionsConfiguration,i=t?n.n(e,this.customOptionsConfiguration??[],!0):void 0,a=t?this._getOptionTranslation(e):this._translationOverrides;return r.html`<luzmo-item-option
-      class="control"
-      .itemType=${t?void 0:this.itemType}
-      .optionKey=${e}
-      .options=${this.options}
-      .customOptionConfiguration=${i}
-      .customTranslations=${a}
-      .slots=${this.slots}
-      .theme=${this.theme}
-      .size=${this.size}
-      .language=${this.language}
-      .apiUrl=${this.apiUrl}
-      .authKey=${this.authKey}
-      .authToken=${this.authToken}
-      @luzmo-options-changed=${this.changedOptions}
-    ></luzmo-item-option>`},this.renderDivider=()=>r.html`
-      <luzmo-divider></luzmo-divider>
-    `}static{this.styles=(0,r.unsafeCSS)(o)}render(){return this._loadItemConfig.render({pending:()=>r.html`
-          <p role="status">Loading...</p>
-        `,complete:e=>this.renderAllGroups(e.config),error:e=>(console.error(e),r.html`
-          
-        `)})}_getOptionTranslation(e){return this._translationOverrides?.[e]??this._translations.options?.[e]}_getTranslationsFile(e){if(!(!e||typeof e!=`object`)&&(`groups`in e||`options`in e))return e}_getTranslationOverrides(e){if(!(!e||typeof e!=`object`)&&!(`groups`in e||`options`in e))return e}};t.t([(0,i.property)({type:String,reflect:!0})],s.prototype,`language`,void 0),t.t([(0,i.property)({type:String,reflect:!0,attribute:`item-type`})],s.prototype,`itemType`,void 0),t.t([(0,i.property)({type:Object})],s.prototype,`options`,void 0),t.t([(0,i.property)({type:Object})],s.prototype,`slots`,void 0),t.t([(0,i.property)({type:Object,reflect:!1})],s.prototype,`customOptionsConfiguration`,void 0),t.t([(0,i.property)({type:Object,reflect:!1})],s.prototype,`customTranslations`,void 0),t.t([(0,i.property)({type:Object})],s.prototype,`theme`,void 0),t.t([(0,i.property)({type:String,reflect:!0})],s.prototype,`size`,void 0),t.t([(0,i.property)({type:String,attribute:`api-url`,reflect:!0})],s.prototype,`apiUrl`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-key`,reflect:!0})],s.prototype,`authKey`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-token`,reflect:!0})],s.prototype,`authToken`,void 0),customElements.get(`luzmo-item-option-panel`)||customElements.define(`luzmo-item-option-panel`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/item-option-picker-BJsgcTnE.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-vrkMCFHF.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/picker"),require("@luzmo/lucero/menu");var i=class extends t.t{constructor(...e){super(...e),this.values={},this.disabled=!1,this.placement=`bottom-end`}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}}))}generateMenuItems(){return n.html`
-      ${Object.entries(this.values).map(([e,t])=>n.html`
-          <luzmo-menu-item value=${e}> ${t} </luzmo-menu-item>
-        `)}
-    `}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-picker
-        id="luzmo-item-option-control"
-        .label=${this.label}
-        .value=${e?.length?e:t??``}
-        .size=${this.size}
-        variant="highlight"
-        .placement=${this.placement}
-        @change=${this._handleEvent}
-        .disabled=${this.disabled}
-      >
-        ${this.generateMenuItems()}
-      </luzmo-picker>
-    `}};e.t([(0,r.property)({type:Object})],i.prototype,`values`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,r.property)()],i.prototype,`placement`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`value`,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.property)({type:String})],i.prototype,`default`,void 0),customElements.get(`luzmo-item-option-picker`)||customElements.define(`luzmo-item-option-picker`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/item-option-picker-DIWqO_S7.js

@@ -1,77 +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-CaYbmmmm.js";
-import { t } from "./item-option-base-CWK-MoDz.js";
-import { html as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import "@luzmo/lucero/picker";
-import "@luzmo/lucero/menu";
-//#region src/components/item-option-picker/item-option-picker.ts
-var i = class extends t {
-	constructor(...e) {
-		super(...e), this.values = {}, this.disabled = !1, this.placement = "bottom-end";
-	}
-	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 }
-		}));
-	}
-	generateMenuItems() {
-		return n`
-      ${Object.entries(this.values).map(([e, t]) => n`
-          <luzmo-menu-item value=${e}> ${t} </luzmo-menu-item>
-        `)}
-    `;
-	}
-	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-picker
-        id="luzmo-item-option-control"
-        .label=${this.label}
-        .value=${e?.length ? e : t ?? ""}
-        .size=${this.size}
-        variant="highlight"
-        .placement=${this.placement}
-        @change=${this._handleEvent}
-        .disabled=${this.disabled}
-      >
-        ${this.generateMenuItems()}
-      </luzmo-picker>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-picker/index.ts
-e([r({ type: Object })], i.prototype, "values", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], i.prototype, "disabled", void 0), e([r()], i.prototype, "placement", void 0), e([r({
-	type: String,
-	reflect: !0
-})], i.prototype, "value", void 0), e([r()], i.prototype, "parseValue", void 0), e([r()], i.prototype, "toValue", void 0), e([r({ type: String })], i.prototype, "default", void 0), customElements.get("luzmo-item-option-picker") || customElements.define("luzmo-item-option-picker", i);
-//#endregion
-export { i as t };

package/components/item-option-position-picker-BdT0UnEB.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-vrkMCFHF.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-position-picker-DidnyN7_.js

@@ -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-CaYbmmmm.js";
-import { t } from "./item-option-base-CWK-MoDz.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 };