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

package/components/item-option-color-picker-COLBYeRy.js

@@ -1,87 +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/menu";
-import "@luzmo/lucero/color-picker";
-//#region src/components/item-option-color-picker/item-option-color-picker.ts
-var a = class extends t {
-	constructor(...e) {
-		super(...e), this.value = "transparent", this.disabled = !1, this.noAlphaChannel = !1, this.swatches = [], this.rounding = "full", this.shape = "circle", this.placement = "left-start", this.debounce = 50;
-	}
-	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: this.colorPicker.color }
-			}));
-		}, this.debounce ?? 200);
-	}
-	renderController() {
-		return n`
-      <luzmo-color-picker
-        id="luzmo-item-option-control"
-        .color=${this.value}
-        .size=${this.size}
-        .rounding=${this.rounding}
-        .shape=${this.shape}
-        .swatches=${this.swatches}
-        .placement=${this.placement}
-        .noAlphaChannel=${this.noAlphaChannel}
-        ?disabled=${this.disabled}
-        @change=${this._handleEvent}
-      >
-      </luzmo-color-picker>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-color-picker/index.ts
-e([r({
-	type: String,
-	reflect: !0
-})], a.prototype, "value", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], a.prototype, "disabled", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], a.prototype, "noAlphaChannel", void 0), e([r({
-	type: Array,
-	reflect: !0
-})], a.prototype, "swatches", void 0), e([r({
-	type: String,
-	reflect: !0
-})], a.prototype, "rounding", void 0), e([r({
-	type: String,
-	reflect: !0
-})], a.prototype, "shape", void 0), e([r()], a.prototype, "placement", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], a.prototype, "debounce", void 0), e([i("luzmo-color-picker")], a.prototype, "colorPicker", void 0), customElements.get("luzmo-item-option-color-picker") || customElements.define("luzmo-item-option-color-picker", a);
-//#endregion
-export { a as t };

package/components/item-option-color-picker-DMyNeD2e.cjs

@@ -1,34 +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/menu"),require("@luzmo/lucero/color-picker");var i=class extends t.t{constructor(...e){super(...e),this.value=`transparent`,this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding=`full`,this.shape=`circle`,this.placement=`left-start`,this.debounce=50}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:this.colorPicker.color}}))},this.debounce??200)}renderController(){return n.html`
-      <luzmo-color-picker
-        id="luzmo-item-option-control"
-        .color=${this.value}
-        .size=${this.size}
-        .rounding=${this.rounding}
-        .shape=${this.shape}
-        .swatches=${this.swatches}
-        .placement=${this.placement}
-        .noAlphaChannel=${this.noAlphaChannel}
-        ?disabled=${this.disabled}
-        @change=${this._handleEvent}
-      >
-      </luzmo-color-picker>
-    `}};e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`disabled`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`noAlphaChannel`,void 0),e.t([(0,r.property)({type:Array,reflect:!0})],i.prototype,`swatches`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`rounding`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`shape`,void 0),e.t([(0,r.property)()],i.prototype,`placement`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.t([(0,r.query)(`luzmo-color-picker`)],i.prototype,`colorPicker`,void 0),customElements.get(`luzmo-item-option-color-picker`)||customElements.define(`luzmo-item-option-color-picker`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/item-option-color-range-BFr0B6Vf.cjs

@@ -1,98 +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("./color-Bl8h58rV.cjs"),n=require("./item-option-base-DKieCS-Y.cjs");let r=require("@luzmo/icons"),i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/icon"),require("@luzmo/lucero/action-button"),require("@luzmo/lucero/text-field"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/color-picker"),require("@luzmo/lucero/color-field");var s=(e,n=.1)=>{if(e.length<2)return`#AAAAAA`;let r=e.length,i=new t.t(e[r-2]).to(`oklab`),a=new t.t(e[r-1]).to(`oklab`),o=i.coords[0],s=a.coords[0];return new t.t(`oklab`,[Math.min(1,Math.max(0,s+(s>o?1:-1)*n)),a.coords[1],a.coords[2]],a.alpha).to(`srgb`).toString({format:`hex`,precision:0})},c=`:host{--luzmo-swatch-size:14px}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.color-range-line{align-items:center;display:flex}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{gap:var(--luzmo-item-option-color-range-ranges-gap,var(--color-ranges-gap));flex-direction:column;flex-grow:1;display:flex}.color-range-lines{width:100%}.extra-label{height:var(--item-option-component-height);align-items:center;display:flex}.color-range-percentage-value{padding-inline-start:var(--luzmo-item-option-color-range-color-swatch-to-percentage,var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-item-option-color-range-percentage-to-input-field,var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-item-option-color-range-color-swatch-to-input-field,var(--color-swatch-to-input-field))}:is(luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button)){padding-inline-end:var(--luzmo-item-option-color-range-input-field-to-button,var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-item-option-color-range-connector-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-color-range-connector-border-color,var(--luzmo-border-color));z-index:-1;border-top:0;border-bottom:0;position:absolute}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);justify-content:start;align-items:center;display:flex}.color-range-add-value{box-sizing:border-box;width:var(--luzmo-item-option-color-range-add-value-width,var(--luzmo-swatch-size));height:var(--luzmo-item-option-color-range-add-value-height,var(--luzmo-swatch-size));border-width:var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-option-color-range-add-value-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-color-range-add-value-border-radius,50%);background-color:var(--luzmo-item-option-color-range-add-value-background-color,var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));justify-content:center;align-items:center;display:flex;position:relative}.color-range-add-value .plus-sign{width:100%;height:100%;position:absolute;top:0;left:0}.color-range-add-value .plus-sign:before{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:" ";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value:hover{background-color:var(--luzmo-item-option-color-range-add-value-background-color-hover,var(--luzmo-background-color-hover));color:var(--luzmo-item-option-color-range-add-value-color-hover,var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{background-color:var(--luzmo-item-option-color-range-add-value-background-color-focus,var(--luzmo-background-color-focus));color:var(--luzmo-item-option-color-range-add-value-color-focus,var(--luzmo-primary-focus));outline:none}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-item-option-color-range-add-value-focus-indicator-gap,var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-item-option-color-range-add-value-focus-indicator-background-color,var(--luzmo-background-color));border-width:var(--luzmo-item-option-color-range-add-value-focus-indicator-width,var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-item-option-color-range-add-value-focus-indicator-color,var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-item-option-color-range-add-value-focus-indicator-border-radius,var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;z-index:-1;position:absolute}:host{--luzmo-swatch-size:var(--color-range-swatch-size);--color-range-swatch-size:16px;--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width:.25rem;--color-range-connector-height:calc(var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width));--color-range-connector-top:calc(var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2));--color-range-reverse-connector-top:calc(-1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2));--color-range-connector-left:calc((var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2);--color-range-input-field-height:var(--luzmo-component-height);--add-color-range-size:var(--color-range-swatch-size);--add-color-range-plus-size:8px;--add-color-range-plus-sign-border-width:2px;--add-value-focus-indicator-border-radius:50%;--add-value-focus-indicator-gap:3px;--add-value-focus-indicator-width:1px;--add-value-focus-indicator-color:var(--luzmo-primary);--color-swatch-to-percentage:var(--luzmo-spacing-4);--color-swatch-to-input-field:var(--luzmo-spacing-4);--percentage-to-input-field:var(--luzmo-spacing-4);--input-field-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--color-range-swatch-size:14px;--color-range-input-field-height:var(--luzmo-component-height-s);--color-ranges-gap:var(--luzmo-spacing-2);--add-color-range-plus-size:6px;--add-color-range-plus-sign-border-width:2px;--color-swatch-to-percentage:var(--luzmo-spacing-3);--color-swatch-to-input-field:var(--luzmo-spacing-3);--percentage-to-input-field:var(--luzmo-spacing-3);--input-field-to-button:var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size:18px;--color-range-input-field-height:var(--luzmo-component-height-l);--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size:20px;--color-range-input-field-height:var(--luzmo-component-height-xl);--color-ranges-gap:var(--luzmo-spacing-3);--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-4)}`,l=class extends n.t{constructor(...e){super(...e),this.disabled=!1,this.percentage=!1,this.noAlphaChannel=!1,this.editRangeSize=!1,this.noValues=!1,this.minimumRangeSize=2,this.negativeInfinityValue=!1,this.readOnlyColorPicker=!1,this.reverse=!1,this.debounce=100,this._ranges=[]}static{this.styles=[super.styles,(0,i.unsafeCSS)(c)]}willUpdate(e){super.willUpdate(e),e.has(`value`)&&(this._ranges=typeof this.parseValue==`function`?this.parseValue(this.value??this.default??[]):this.value??this.default??[]),this.negativeInfinityValue&&(this._ranges=[{color:this._ranges[0].color,value:-1/0},...this._ranges.slice(1)])}_handleChangeEvent(){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._ranges):this._ranges}}))},this.debounce??200)}_getIndex(e){let t=[...this.colorRangeLines].indexOf((e?.target)?.closest(`.color-range-line`));return this.reverse&&(t=(this._ranges?.length??0)-1-t),t}_extrapolateNewValue(e){if(e.length<2)return 0;let t=e.at(-1),n=e.at(-2),r=(t??0)-(n??0);return(t??0)+r}_setColor(e){let t=this._getIndex(e),n=e.target.color??e.target.value;this._ranges?.[t]&&(this._ranges[t].color=String(n)),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_setNumber(e){let t=this._getIndex(e),n=e.target.value;this._ranges?.[t]&&(this._ranges[t].value=n),this._ranges=structuredClone(this._ranges.sort((e,t)=>(e?.value??0)-(t?.value??0))),this._handleChangeEvent()}_removeRangeValue(e){let t=this._getIndex(e);this._ranges?.splice(t,1),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_addRangeValue(){let e=s(this._ranges?.map(e=>e.color)??[]),t=this._extrapolateNewValue(this._ranges?.map(e=>e.value??0)??[]);this._ranges?.push({color:e,value:t}),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}renderRangeValues(){let e=(e,t,n,a)=>i.html`
-        <div class="color-range-line" style="--range-color: ${e}">
-          <luzmo-color-picker
-            .color=${e}
-            .debounce=${this.debounce}
-            ?disabled=${this.disabled}
-            ?no-alpha-channel=${this.noAlphaChannel}
-            ?read-only=${this.readOnlyColorPicker}
-            @change=${this._setColor}
-          ></luzmo-color-picker>
-          ${this.percentage?i.html`
-                  <div class="color-range-percentage-value">%</div>
-                `:i.html`
-                  
-                `}
-          ${this.noValues?i.html` <luzmo-color-field
-                .value=${e}
-                .size=${this.size}
-                .debounce=${this.debounce}
-                ?no-alpha-channel=${this.noAlphaChannel}
-                ?disabled=${this.disabled}
-                @change=${this._setColor}
-              ></luzmo-color-field>`:n?i.html` <luzmo-text-field
-                  .value=${`< `+(a??0)}
-                  .size=${this.size}
-                  readonly
-                ></luzmo-text-field>`:i.html` <luzmo-number-field
-                  .value=${t??0}
-                  .size=${this.size}
-                  .debounce=${this.debounce}
-                  ?disabled=${this.disabled}
-                  @change=${this._setNumber}
-                ></luzmo-number-field>`}
-          ${this.editRangeSize&&!this.disabled&&!n&&(this._ranges?.length??0)>this.minimumRangeSize?i.html`<luzmo-action-button
-                quiet
-                .size=${this.size}
-                .label=${(0,o.msg)(`Remove color stop`,{desc:`Aria label for remove color stop button`})}
-                @click=${this._removeRangeValue}
-              >
-                <luzmo-icon
-                  slot="icon"
-                  .size=${this.size}
-                  .icon=${r.luzmoTrashOutline}
-                ></luzmo-icon>
-              </luzmo-action-button>`:i.html`
-                  
-                `}
-        </div>
-      `,t=this._ranges??this.default??[];this.reverse&&(t=[...t].reverse());let n=t.map(({color:n,value:r},i)=>e(n,r,i===0&&this.negativeInfinityValue,i===0&&this.negativeInfinityValue?t[1]?.value:void 0));return i.html`
-      <div id="luzmo-item-option-control" class="color-range-lines-container" role="group" aria-label=${this.label||(0,o.msg)(`Color range`,{desc:`Accessible label for color range control`})}>
-        ${this.editRangeSize&&!this.disabled&&this.reverse?i.html`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>`:i.html`
-                
-              `}
-        <div
-          class="color-range-lines ${this.editRangeSize&&!this.disabled?`edit-range-size`:``}"
-        >
-          ${n}
-        </div>
-        ${this.editRangeSize&&!this.disabled&&!this.reverse?i.html`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${(0,o.msg)(`Add color stop`,{desc:`Aria label for add color stop button`})}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>`:i.html`
-                
-              `}
-      </div>
-    `}renderController(){return this.renderRangeValues()}};e.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`value`,void 0),e.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`default`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,a.property)({type:Boolean})],l.prototype,`percentage`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`no-alpha-channel`})],l.prototype,`noAlphaChannel`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`edit-range-size`})],l.prototype,`editRangeSize`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`no-values`})],l.prototype,`noValues`,void 0),e.t([(0,a.property)({type:Number,reflect:!0,attribute:`minimum-range-size`})],l.prototype,`minimumRangeSize`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`negative-infinity-value`})],l.prototype,`negativeInfinityValue`,void 0),e.t([(0,a.property)({type:Boolean,attribute:`read-only-color-picker`})],l.prototype,`readOnlyColorPicker`,void 0),e.t([(0,a.property)({type:Boolean})],l.prototype,`reverse`,void 0),e.t([(0,a.property)({type:Number,reflect:!0})],l.prototype,`debounce`,void 0),e.t([(0,a.property)()],l.prototype,`parseValue`,void 0),e.t([(0,a.property)()],l.prototype,`toValue`,void 0),e.t([(0,a.queryAll)(`.color-range-line`)],l.prototype,`colorRangeLines`,void 0),e.t([(0,a.state)()],l.prototype,`_ranges`,void 0),customElements.get(`luzmo-item-option-color-range`)||customElements.define(`luzmo-item-option-color-range`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/item-option-color-range-CueVlyT2.js

@@ -1,220 +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 "./color-BWnYpOu7.js";
-import { t as n } from "./item-option-base-Dr5-WxZ9.js";
-import { luzmoTrashOutline as r } from "@luzmo/icons";
-import { html as i, unsafeCSS as a } from "lit";
-import { property as o, queryAll as s, state as c } from "lit/decorators.js";
-import { msg as l } from "@lit/localize";
-import "@luzmo/lucero/icon";
-import "@luzmo/lucero/action-button";
-import "@luzmo/lucero/text-field";
-import "@luzmo/lucero/number-field";
-import "@luzmo/lucero/color-picker";
-import "@luzmo/lucero/color-field";
-//#region src/utils/color/extrapolate-color.ts
-var u = (e, n = .1) => {
-	if (e.length < 2) return "#AAAAAA";
-	let r = e.length, i = new t(e[r - 2]).to("oklab"), a = new t(e[r - 1]).to("oklab"), o = i.coords[0], s = a.coords[0];
-	return new t("oklab", [
-		Math.min(1, Math.max(0, s + (s > o ? 1 : -1) * n)),
-		a.coords[1],
-		a.coords[2]
-	], a.alpha).to("srgb").toString({
-		format: "hex",
-		precision: 0
-	});
-}, d = ":host{--luzmo-swatch-size:14px}.luzmo-item-option{align-items:start;height:fit-content}.control-container{flex-grow:1;align-items:start}.color-range-line{align-items:center;display:flex}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{gap:var(--luzmo-item-option-color-range-ranges-gap,var(--color-ranges-gap));flex-direction:column;flex-grow:1;display:flex}.color-range-lines{width:100%}.extra-label{height:var(--item-option-component-height);align-items:center;display:flex}.color-range-percentage-value{padding-inline-start:var(--luzmo-item-option-color-range-color-swatch-to-percentage,var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-item-option-color-range-percentage-to-input-field,var(--percentage-to-input-field))}luzmo-color-picker{position:relative}luzmo-color-picker:not(:has(+.color-range-percentage-value)){padding-inline-end:var(--luzmo-item-option-color-range-color-swatch-to-input-field,var(--color-swatch-to-input-field))}:is(luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button)){padding-inline-end:var(--luzmo-item-option-color-range-input-field-to-button,var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:\"\";top:var(--color-range-connector-top);left:var(--color-range-connector-left);height:var(--color-range-connector-height);width:var(--color-range-connector-width);background:var(--range-color);border:var(--luzmo-item-option-color-range-connector-border-width,var(--luzmo-border-width)) solid var(--luzmo-item-option-color-range-connector-border-color,var(--luzmo-border-color));z-index:-1;border-top:0;border-bottom:0;position:absolute}:host([reverse]) luzmo-color-picker:before{top:var(--color-range-reverse-connector-top)}.color-range-lines:not(.edit-range-size) .color-range-line:last-child luzmo-color-picker:before{display:none}.color-range-add-value-container{height:var(--color-range-input-field-height);justify-content:start;align-items:center;display:flex}.color-range-add-value{box-sizing:border-box;width:var(--luzmo-item-option-color-range-add-value-width,var(--luzmo-swatch-size));height:var(--luzmo-item-option-color-range-add-value-height,var(--luzmo-swatch-size));border-width:var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-item-option-color-range-add-value-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-color-range-add-value-border-radius,50%);background-color:var(--luzmo-item-option-color-range-add-value-background-color,var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));justify-content:center;align-items:center;display:flex;position:relative}.color-range-add-value .plus-sign{width:100%;height:100%;position:absolute;top:0;left:0}.color-range-add-value .plus-sign:before{content:\" \";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:\" \";background-color:var(--luzmo-item-option-color-range-add-value-color,var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));top:calc((var(--luzmo-item-option-color-range-add-color-range-size,var(--add-color-range-size)) - var(--luzmo-item-option-color-range-add-color-range-plus-sign-border-width,var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-item-option-color-range-add-value-border-width,var(--luzmo-border-width)));z-index:1;display:block;position:absolute}.color-range-add-value:hover{background-color:var(--luzmo-item-option-color-range-add-value-background-color-hover,var(--luzmo-background-color-hover));color:var(--luzmo-item-option-color-range-add-value-color-hover,var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{background-color:var(--luzmo-item-option-color-range-add-value-background-color-focus,var(--luzmo-background-color-focus));color:var(--luzmo-item-option-color-range-add-value-color-focus,var(--luzmo-primary-focus));outline:none}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:\"\";inset:calc(var(--luzmo-item-option-color-range-add-value-focus-indicator-gap,var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-item-option-color-range-add-value-focus-indicator-background-color,var(--luzmo-background-color));border-width:var(--luzmo-item-option-color-range-add-value-focus-indicator-width,var(--add-value-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-item-option-color-range-add-value-focus-indicator-color,var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-item-option-color-range-add-value-focus-indicator-border-radius,var(--add-value-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;z-index:-1;position:absolute}:host{--luzmo-swatch-size:var(--color-range-swatch-size);--color-range-swatch-size:16px;--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--color-range-connector-width:.25rem;--color-range-connector-height:calc(var(--color-range-input-field-height) + var(--color-ranges-gap) - var(--color-range-swatch-size) + var(--color-range-connector-width));--color-range-connector-top:calc(var(--color-range-swatch-size) - (var(--color-range-connector-width) / 2));--color-range-reverse-connector-top:calc(-1 * var(--color-range-connector-height) + (var(--color-range-connector-width) / 2));--color-range-connector-left:calc((var(--color-range-swatch-size) - var(--color-range-connector-width)) / 2);--color-range-input-field-height:var(--luzmo-component-height);--add-color-range-size:var(--color-range-swatch-size);--add-color-range-plus-size:8px;--add-color-range-plus-sign-border-width:2px;--add-value-focus-indicator-border-radius:50%;--add-value-focus-indicator-gap:3px;--add-value-focus-indicator-width:1px;--add-value-focus-indicator-color:var(--luzmo-primary);--color-swatch-to-percentage:var(--luzmo-spacing-4);--color-swatch-to-input-field:var(--luzmo-spacing-4);--percentage-to-input-field:var(--luzmo-spacing-4);--input-field-to-button:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--color-range-swatch-size:14px;--color-range-input-field-height:var(--luzmo-component-height-s);--color-ranges-gap:var(--luzmo-spacing-2);--add-color-range-plus-size:6px;--add-color-range-plus-sign-border-width:2px;--color-swatch-to-percentage:var(--luzmo-spacing-3);--color-swatch-to-input-field:var(--luzmo-spacing-3);--percentage-to-input-field:var(--luzmo-spacing-3);--input-field-to-button:var(--luzmo-spacing-2)}:host([size=l]){--color-range-swatch-size:18px;--color-range-input-field-height:var(--luzmo-component-height-l);--color-ranges-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-3)}:host([size=xl]){--color-range-swatch-size:20px;--color-range-input-field-height:var(--luzmo-component-height-xl);--color-ranges-gap:var(--luzmo-spacing-3);--add-color-range-plus-size:10px;--color-swatch-to-percentage:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--color-swatch-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--percentage-to-input-field:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--input-field-to-button:var(--luzmo-spacing-4)}", f = class extends n {
-	constructor(...e) {
-		super(...e), this.disabled = !1, this.percentage = !1, this.noAlphaChannel = !1, this.editRangeSize = !1, this.noValues = !1, this.minimumRangeSize = 2, this.negativeInfinityValue = !1, this.readOnlyColorPicker = !1, this.reverse = !1, this.debounce = 100, this._ranges = [];
-	}
-	static {
-		this.styles = [super.styles, a(d)];
-	}
-	willUpdate(e) {
-		super.willUpdate(e), e.has("value") && (this._ranges = typeof this.parseValue == "function" ? this.parseValue(this.value ?? this.default ?? []) : this.value ?? this.default ?? []), this.negativeInfinityValue && (this._ranges = [{
-			color: this._ranges[0].color,
-			value: -Infinity
-		}, ...this._ranges.slice(1)]);
-	}
-	_handleChangeEvent() {
-		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._ranges) : this._ranges }
-			}));
-		}, this.debounce ?? 200);
-	}
-	_getIndex(e) {
-		let t = [...this.colorRangeLines].indexOf((e?.target)?.closest(".color-range-line"));
-		return this.reverse && (t = (this._ranges?.length ?? 0) - 1 - t), t;
-	}
-	_extrapolateNewValue(e) {
-		if (e.length < 2) return 0;
-		let t = e.at(-1), n = e.at(-2), r = (t ?? 0) - (n ?? 0);
-		return (t ?? 0) + r;
-	}
-	_setColor(e) {
-		let t = this._getIndex(e), n = e.target.color ?? e.target.value;
-		this._ranges?.[t] && (this._ranges[t].color = String(n)), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
-	}
-	_setNumber(e) {
-		let t = this._getIndex(e), n = e.target.value;
-		this._ranges?.[t] && (this._ranges[t].value = n), this._ranges = structuredClone(this._ranges.sort((e, t) => (e?.value ?? 0) - (t?.value ?? 0))), this._handleChangeEvent();
-	}
-	_removeRangeValue(e) {
-		let t = this._getIndex(e);
-		this._ranges?.splice(t, 1), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
-	}
-	_addRangeValue() {
-		let e = u(this._ranges?.map((e) => e.color) ?? []), t = this._extrapolateNewValue(this._ranges?.map((e) => e.value ?? 0) ?? []);
-		this._ranges?.push({
-			color: e,
-			value: t
-		}), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
-	}
-	renderRangeValues() {
-		let e = (e, t, n, a) => i`
-        <div class="color-range-line" style="--range-color: ${e}">
-          <luzmo-color-picker
-            .color=${e}
-            .debounce=${this.debounce}
-            ?disabled=${this.disabled}
-            ?no-alpha-channel=${this.noAlphaChannel}
-            ?read-only=${this.readOnlyColorPicker}
-            @change=${this._setColor}
-          ></luzmo-color-picker>
-          ${this.percentage ? i`
-                  <div class="color-range-percentage-value">%</div>
-                ` : i`
-                  
-                `}
-          ${this.noValues ? i` <luzmo-color-field
-                .value=${e}
-                .size=${this.size}
-                .debounce=${this.debounce}
-                ?no-alpha-channel=${this.noAlphaChannel}
-                ?disabled=${this.disabled}
-                @change=${this._setColor}
-              ></luzmo-color-field>` : n ? i` <luzmo-text-field
-                  .value=${"< " + (a ?? 0)}
-                  .size=${this.size}
-                  readonly
-                ></luzmo-text-field>` : i` <luzmo-number-field
-                  .value=${t ?? 0}
-                  .size=${this.size}
-                  .debounce=${this.debounce}
-                  ?disabled=${this.disabled}
-                  @change=${this._setNumber}
-                ></luzmo-number-field>`}
-          ${this.editRangeSize && !this.disabled && !n && (this._ranges?.length ?? 0) > this.minimumRangeSize ? i`<luzmo-action-button
-                quiet
-                .size=${this.size}
-                .label=${l("Remove color stop", { desc: "Aria label for remove color stop button" })}
-                @click=${this._removeRangeValue}
-              >
-                <luzmo-icon
-                  slot="icon"
-                  .size=${this.size}
-                  .icon=${r}
-                ></luzmo-icon>
-              </luzmo-action-button>` : i`
-                  
-                `}
-        </div>
-      `, t = this._ranges ?? this.default ?? [];
-		this.reverse && (t = [...t].reverse());
-		let n = t.map(({ color: n, value: r }, i) => e(n, r, i === 0 && this.negativeInfinityValue, i === 0 && this.negativeInfinityValue ? t[1]?.value : void 0));
-		return i`
-      <div id="luzmo-item-option-control" class="color-range-lines-container" role="group" aria-label=${this.label || l("Color range", { desc: "Accessible label for color range control" })}>
-        ${this.editRangeSize && !this.disabled && this.reverse ? i`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${l("Add color stop", { desc: "Aria label for add color stop button" })}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>` : i`
-                
-              `}
-        <div
-          class="color-range-lines ${this.editRangeSize && !this.disabled ? "edit-range-size" : ""}"
-        >
-          ${n}
-        </div>
-        ${this.editRangeSize && !this.disabled && !this.reverse ? i`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                aria-label=${l("Add color stop", { desc: "Aria label for add color stop button" })}
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>` : i`
-                
-              `}
-      </div>
-    `;
-	}
-	renderController() {
-		return this.renderRangeValues();
-	}
-};
-//#endregion
-//#region src/components/item-option-color-range/index.ts
-e([o({
-	type: Array,
-	reflect: !0
-})], f.prototype, "value", void 0), e([o({
-	type: Array,
-	reflect: !0
-})], f.prototype, "default", void 0), e([o({
-	type: Boolean,
-	reflect: !0
-})], f.prototype, "disabled", void 0), e([o({ type: Boolean })], f.prototype, "percentage", void 0), e([o({
-	type: Boolean,
-	attribute: "no-alpha-channel"
-})], f.prototype, "noAlphaChannel", void 0), e([o({
-	type: Boolean,
-	attribute: "edit-range-size"
-})], f.prototype, "editRangeSize", void 0), e([o({
-	type: Boolean,
-	attribute: "no-values"
-})], f.prototype, "noValues", void 0), e([o({
-	type: Number,
-	reflect: !0,
-	attribute: "minimum-range-size"
-})], f.prototype, "minimumRangeSize", void 0), e([o({
-	type: Boolean,
-	reflect: !0,
-	attribute: "negative-infinity-value"
-})], f.prototype, "negativeInfinityValue", void 0), e([o({
-	type: Boolean,
-	attribute: "read-only-color-picker"
-})], f.prototype, "readOnlyColorPicker", void 0), e([o({ type: Boolean })], f.prototype, "reverse", void 0), e([o({
-	type: Number,
-	reflect: !0
-})], f.prototype, "debounce", void 0), e([o()], f.prototype, "parseValue", void 0), e([o()], f.prototype, "toValue", void 0), e([s(".color-range-line")], f.prototype, "colorRangeLines", void 0), e([c()], f.prototype, "_ranges", void 0), customElements.get("luzmo-item-option-color-range") || customElements.define("luzmo-item-option-color-range", f);
-//#endregion
-export { f as t };

package/components/item-option-multi-language-field-CMuQwrwQ.js

@@ -1,82 +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/multi-language-field";
-//#region src/components/item-option-multi-language-field/item-option-multi-language-field.ts
-var a = class extends t {
-	constructor(...e) {
-		super(...e), this.value = {}, this.invalid = !1, this.readonly = !1, this.language = "en", 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.multiLangFieldElement?.value ?? {}, this.language ?? "en") : this.multiLangFieldElement?.value ?? {} }
-			}));
-		}, this.debounce ?? 200);
-	}
-	renderController() {
-		return n`
-      <luzmo-multi-language-field
-        id="luzmo-item-option-control"
-        .value=${typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value}
-        .label=${this.label}
-        .language=${this.language ?? "en"}
-        .disabled=${this.disabled}
-        .size=${this.size}
-        .i18nPlaceholder=${this.placeholder ?? {}}
-        .invalid=${this.invalid}
-        @change=${this._handleEvent}
-      >
-      </luzmo-multi-language-field>
-    `;
-	}
-};
-//#endregion
-//#region src/components/item-option-multi-language-field/index.ts
-e([r({
-	type: Object,
-	reflect: !0
-})], a.prototype, "value", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], a.prototype, "invalid", void 0), e([r({
-	type: Boolean,
-	reflect: !0
-})], a.prototype, "readonly", void 0), e([r({
-	type: String,
-	reflect: !0
-})], a.prototype, "language", void 0), e([r({
-	type: Object,
-	reflect: !0
-})], a.prototype, "placeholder", void 0), e([r()], a.prototype, "parseValue", void 0), e([r()], a.prototype, "toValue", void 0), e([r({
-	type: Number,
-	reflect: !0
-})], a.prototype, "debounce", void 0), e([i("luzmo-multi-language-field")], a.prototype, "multiLangFieldElement", void 0), customElements.get("luzmo-item-option-multi-language-field") || customElements.define("luzmo-item-option-multi-language-field", a);
-//#endregion
-export { a as t };

package/components/item-option-multi-language-field-q7txF5xA.cjs

@@ -1,33 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./item-option-base-DKieCS-Y.cjs");let n=require("lit"),r=require("lit/decorators.js");require("@luzmo/lucero/multi-language-field");var i=class extends t.t{constructor(...e){super(...e),this.value={},this.invalid=!1,this.readonly=!1,this.language=`en`,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.multiLangFieldElement?.value??{},this.language??`en`):this.multiLangFieldElement?.value??{}}}))},this.debounce??200)}renderController(){return n.html`
-      <luzmo-multi-language-field
-        id="luzmo-item-option-control"
-        .value=${typeof this.parseValue==`function`?this.parseValue(this.value,this.language??`en`):this.value}
-        .label=${this.label}
-        .language=${this.language??`en`}
-        .disabled=${this.disabled}
-        .size=${this.size}
-        .i18nPlaceholder=${this.placeholder??{}}
-        .invalid=${this.invalid}
-        @change=${this._handleEvent}
-      >
-      </luzmo-multi-language-field>
-    `}};e.t([(0,r.property)({type:Object,reflect:!0})],i.prototype,`value`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`invalid`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],i.prototype,`readonly`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],i.prototype,`language`,void 0),e.t([(0,r.property)({type:Object,reflect:!0})],i.prototype,`placeholder`,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:Number,reflect:!0})],i.prototype,`debounce`,void 0),e.t([(0,r.query)(`luzmo-multi-language-field`)],i.prototype,`multiLangFieldElement`,void 0),customElements.get(`luzmo-item-option-multi-language-field`)||customElements.define(`luzmo-item-option-multi-language-field`,i),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});