@luzmo/analytics-components-kit 1.0.1-alpha.91 → 1.0.1-alpha.96

package/components/edit-option-color-palette-picker/edit-option-color-palette-picker.d.ts

@@ -1,42 +0,0 @@
-import '@luzmo/lucero/color-palette';
-import '@luzmo/lucero/color-palette-group';
-import { TemplateResult } from 'lit';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionColorPalettePicker extends LuzmoEditOptionBase {
-    static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
-    /**
-     * The selected color palette key of the picker
-     */
-    value?: string;
-    /**
-     * The default color palette key of the picker
-     */
-    default: string;
-    /**
-     * The color palette keys of the picker
-     */
-    values: string[];
-    /**
-     * Whether the picker is disabled
-     */
-    disabled: boolean;
-    /**
-     * Whether the picker is horizontal
-     */
-    horizontal: boolean;
-    /**
-     * The function to parse the value
-     */
-    parseValue?: (value: any) => string;
-    /**
-     * The function to convert the value to a string
-     */
-    toValue?: (value: string) => any;
-    /**
-     * The number of colors to display
-     */
-    numberOfColors: number;
-    private _setColorPalette;
-    private generateColorsClasses;
-    protected renderController(): TemplateResult;
-}

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

@@ -1,37 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";var y=Object.getPrototypeOf;var f=Reflect.get;var d=(p,o,e)=>f(y(p),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/color-palette");require("@luzmo/lucero/color-palette-group");const u=require("lit"),l=require("lit/decorators.js"),m=require("../color-palettes-DhNHcib8.cjs"),b=require("../edit-option-base-tFr8Qg2B.cjs"),g=".luzmo-edit-option{height:fit-content;align-items:start}.control-container{align-items:start}.color-classes{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--luzmo-spacing-2)}.extra-label{height:var(--edit-option-component-height);display:flex;align-items:center}";var v=Object.defineProperty,a=(p,o,e,c)=>{for(var r=void 0,s=p.length-1,i;s>=0;s--)(i=p[s])&&(r=i(o,e,r)||r);return r&&v(o,e,r),r};const n=class n extends b.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="OrRd",this.values=[],this.disabled=!1,this.horizontal=!1,this.numberOfColors=5}_setColorPalette(o){const e=o.target.selected;this.value=e,this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(e??""):e}}))}generateColorsClasses(o){const e=m.getColorMaps(),c=(s,i)=>u.html`
-        <luzmo-color-palette
-          .size=${this.size}
-          .value=${s}
-          ?disabled=${this.disabled}
-          ?horizontal=${this.horizontal}
-          .colors=${i}
-        ></luzmo-color-palette>
-      `,r=(this.values??[]).map(s=>{const i=`colors${this.numberOfColors??5}`,h=e[s][i];return c(s,Array.isArray(h)?h:[])});return u.html`
-      <luzmo-color-palette-group
-        .size=${this.size}
-        ?disabled=${this.disabled}
-        ?horizontal=${this.horizontal}
-        .selected=${o}
-        @change=${this._setColorPalette.bind(this)}
-        >${r}</luzmo-color-palette-group
-      >
-    `}renderController(){const o=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,e=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return this.generateColorsClasses(o??e??"OrRd")}};n.styles=[d(n,n,"styles"),u.unsafeCSS(g)];let t=n;a([l.property({type:String,reflect:!0})],t.prototype,"value");a([l.property({type:String,reflect:!0})],t.prototype,"default");a([l.property({type:Array,attribute:"values"})],t.prototype,"values");a([l.property({type:Boolean,reflect:!0})],t.prototype,"disabled");a([l.property({type:Boolean,reflect:!0})],t.prototype,"horizontal");a([l.property()],t.prototype,"parseValue");a([l.property()],t.prototype,"toValue");a([l.property({type:Number,attribute:"number-of-colors"})],t.prototype,"numberOfColors");customElements.get("luzmo-edit-option-palette-picker")||customElements.define("luzmo-edit-option-color-palette-picker",t);exports.LuzmoEditOptionColorPalettePicker=t;

package/components/edit-option-color-palette-picker/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionColorPalettePicker } from './edit-option-color-palette-picker';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-color-palette-picker': LuzmoEditOptionColorPalettePicker;
-    }
-}
-export { LuzmoEditOptionColorPalettePicker } from './edit-option-color-palette-picker';

package/components/edit-option-color-picker/edit-option-color-picker.d.ts

@@ -1,28 +0,0 @@
-import { Placement } from '@luzmo/lucero';
-import '@luzmo/lucero/color-picker';
-import '@luzmo/lucero/menu';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-/**
- * @element luzmo-edit-option-color-picker
- * @description A component that allows the user to select a color from a color picker.
- * @fires option-changed - Emitted when the color is changed.
- */
-export declare class LuzmoEditOptionColorPicker extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    value: string;
-    disabled: boolean;
-    noAlphaChannel: boolean;
-    swatches: string[];
-    rounding: 'full' | 'light' | 'none';
-    shape: 'circle' | 'rectangle';
-    /**
-     * @type {"top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"}
-     * @attr
-     */
-    placement: Placement;
-    debounce: number;
-    private colorPicker;
-    debounceTimeout: any;
-    private _handleEvent;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}

package/components/edit-option-color-picker/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionColorPicker } from './edit-option-color-picker';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-color-picker': LuzmoEditOptionColorPicker;
-    }
-}
-export { LuzmoEditOptionColorPicker } from './edit-option-color-picker';

package/components/edit-option-color-range/edit-option-color-range.d.ts

@@ -1,99 +0,0 @@
-import '@luzmo/lucero/action-button';
-import '@luzmo/lucero/color-field';
-import '@luzmo/lucero/color-picker';
-import '@luzmo/lucero/icon';
-import '@luzmo/lucero/number-field';
-import '@luzmo/lucero/text-field';
-import { PropertyValues, TemplateResult } from 'lit';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-/**
- * @element luzmo-edit-option-color-range
- * @description A component that allows the user to create a color range.
- * @fires option-changed - Emitted when the color range is changed.
- */
-export declare class LuzmoEditOptionColorRange extends LuzmoEditOptionBase {
-    static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
-    /**
-     * The color range
-     */
-    value?: {
-        color: string;
-        value?: number;
-    }[];
-    /**
-     * The default color range
-     */
-    default?: {
-        color: string;
-        value?: number;
-    }[];
-    /**
-     * Whether the color-range is disabled
-     * @default false
-     * @type {boolean}
-     */
-    disabled: boolean;
-    /**
-     * Range with percentage values
-     */
-    percentage: boolean;
-    /**
-     * Range colors can have alpha values
-     */
-    noAlphaChannel: boolean;
-    /**
-     * The number of values in the range can be changed
-     */
-    editRangeSize: boolean;
-    /**
-     * The values in the range can be changed by the user in the input field
-     */
-    noValues: boolean;
-    /**
-     * The minimum range size
-     */
-    minimumRangeSize: number;
-    /**
-     * Whether there is a first range value that sets color from negative infinity to the next range value. That first range value has a color, but the value is disregarded
-     */
-    negativeInfinityValue: boolean;
-    /**
-     * The color pickers can be read-only
-     */
-    readOnlyColorPicker: boolean;
-    /**
-     * Whether the colors are reversed
-     */
-    reverse: boolean;
-    /**
-     * The debounce time in milliseconds
-     */
-    debounce: number;
-    /**
-     * The function to parse the value
-     */
-    parseValue?: (value: any) => {
-        color: string;
-        value?: number;
-    }[];
-    /**
-     * The function to convert the value
-     */
-    toValue?: (value: any) => any;
-    private colorRangeLines;
-    /**
-     * @internal
-     */
-    debounceTimeout: any;
-    private _ranges;
-    protected willUpdate(changedProperties: PropertyValues): void;
-    private _handleChangeEvent;
-    private _getIndex;
-    private _extrapolateNewValue;
-    private _setColor;
-    private _setNumber;
-    private _removeRangeValue;
-    private _addRangeValue;
-    private renderRangeValues;
-    protected renderController(): TemplateResult;
-}

package/components/edit-option-color-range/index.cjs

@@ -1,85 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";var h=Object.getPrototypeOf;var v=Reflect.get;var g=(u,e,o)=>v(h(u),o,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@luzmo/icons");require("@luzmo/lucero/action-button");require("@luzmo/lucero/color-field");require("@luzmo/lucero/color-picker");require("@luzmo/lucero/icon");require("@luzmo/lucero/number-field");require("@luzmo/lucero/text-field");const i=require("lit"),t=require("lit/decorators.js"),z=require("../extrapolate-color-C0n1UDs-.cjs"),b=require("../edit-option-base-tFr8Qg2B.cjs"),f=':host{--luzmo-swatch-size: 14px}.luzmo-edit-option{height:fit-content;align-items:start}.control-container{align-items:start;flex-grow:1}.color-range-line{display:flex;align-items:center}luzmo-color-field,luzmo-number-field{flex-grow:1}.color-range-lines-container,.color-range-lines{flex-grow:1;display:flex;flex-direction:column;gap:var(--luzmo-edit-option-color-range-ranges-gap, var(--color-ranges-gap))}.color-range-lines{width:100%}.extra-label{height:var(--edit-option-component-height);display:flex;align-items:center}.color-range-percentage-value{padding-inline-start:var(--luzmo-edit-option-color-range-color-swatch-to-percentage, var(--color-swatch-to-percentage));padding-inline-end:var(--luzmo-edit-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-edit-option-color-range-color-swatch-to-input-field, var(--color-swatch-to-input-field))}luzmo-number-field:has(+luzmo-action-button),luzmo-color-field:has(+luzmo-action-button){padding-inline-end:var(--luzmo-edit-option-color-range-input-field-to-button, var(--input-field-to-button))}luzmo-color-picker:before{box-sizing:border-box;content:"";position:absolute;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-edit-option-color-range-connector-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-color-range-connector-border-color, var(--luzmo-border-color));border-top:0;border-bottom:0;z-index:-1}: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);display:flex;align-items:center;justify-content:start}.color-range-add-value{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;width:var(--luzmo-edit-option-color-range-add-value-width, var(--luzmo-swatch-size));height:var(--luzmo-edit-option-color-range-add-value-height, var(--luzmo-swatch-size));border-width:var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width));border-style:solid;border-color:var(--luzmo-edit-option-color-range-add-value-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-color-range-add-value-border-radius, 50%);background-color:var(--luzmo-edit-option-color-range-add-value-background-color, var(--luzmo-background-color));cursor:pointer;color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary))}.color-range-add-value .plus-sign{position:absolute;top:0;left:0;width:100%;height:100%}.color-range-add-value .plus-sign:before{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));height:var(--add-color-range-plus-size);width:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value .plus-sign:after{content:" ";position:absolute;display:block;background-color:var(--luzmo-edit-option-color-range-add-value-color, var(--luzmo-primary));width:var(--add-color-range-plus-size);height:var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width));left:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--add-color-range-plus-size)) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));top:calc((var(--luzmo-edit-option-color-range-add-color-range-size, var(--add-color-range-size)) - var(--luzmo-edit-option-color-range-add-color-range-plus-sign-border-width, var(--add-color-range-plus-sign-border-width))) / 2 - var(--luzmo-edit-option-color-range-add-value-border-width, var(--luzmo-border-width)));z-index:1}.color-range-add-value:hover{background-color:var(--luzmo-edit-option-color-range-add-value-background-color-hover, var(--luzmo-background-color-hover));color:var(--luzmo-edit-option-color-range-add-value-color-hover, var(--luzmo-primary-hover))}.color-range-add-value[focused],.color-range-add-value:focus-visible{outline:none;background-color:var(--luzmo-edit-option-color-range-add-value-background-color-focus, var(--luzmo-background-color-focus));color:var(--luzmo-edit-option-color-range-add-value-color-focus, var(--luzmo-primary-focus))}.color-range-add-value[focused]:after,.color-range-add-value:focus-visible:after{content:"";inset:calc(var(--luzmo-edit-option-color-range-add-value-focus-indicator-gap, var(--add-value-focus-indicator-gap)) * -2);background-color:var(--luzmo-edit-option-color-range-add-value-focus-indicator-background-color, var(--luzmo-background-color));border-width:var(--luzmo-edit-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-edit-option-color-range-add-value-focus-indicator-color, var(--add-value-focus-indicator-color)));border-radius:var(--luzmo-edit-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;position:absolute;z-index:-1}: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)}';var y=Object.defineProperty,l=(u,e,o,n)=>{for(var a=void 0,c=u.length-1,s;c>=0;c--)(s=u[c])&&(a=s(e,o,a)||a);return a&&y(e,o,a),a};const d=class d extends b.LuzmoEditOptionBase{constructor(){super(...arguments),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=[]}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("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 o=[...this.colorRangeLines].indexOf(e?.target?.closest(".color-range-line"));return this.reverse&&(o=(this._ranges?.length??0)-1-o),o}_extrapolateNewValue(e){if(e.length<2)return 0;const o=e.at(-1),n=e.at(-2),a=(o??0)-(n??0);return(o??0)+a}_setColor(e){const o=this._getIndex(e),n=e.target.color??e.target.value;this._ranges?.[o]&&(this._ranges[o].color=String(n)),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_setNumber(e){const o=this._getIndex(e),n=e.target.value;this._ranges?.[o]&&(this._ranges[o].value=n),this._ranges=structuredClone(this._ranges.sort((a,c)=>(a?.value??0)-(c?.value??0))),this._handleChangeEvent()}_removeRangeValue(e){const o=this._getIndex(e);this._ranges?.splice(o,1),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}_addRangeValue(){const e=z.extrapolateNewColor(this._ranges?.map(n=>n.color)??[]),o=this._extrapolateNewValue(this._ranges?.map(n=>n.value??0)??[]);this._ranges?.push({color:e,value:o}),this._ranges=structuredClone(this._ranges),this._handleChangeEvent()}renderRangeValues(){const e=(a,c,s,p)=>i.html`
-        <div class="color-range-line" style="--range-color: ${a}">
-          <luzmo-color-picker
-            .color=${a}
-            .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=${a}
-                .size=${this.size}
-                .debounce=${this.debounce}
-                ?no-alpha-channel=${this.noAlphaChannel}
-                ?disabled=${this.disabled}
-                @change=${this._setColor}
-              ></luzmo-color-field>`:s?i.html` <luzmo-text-field
-                  .value=${"< "+(p??0)}
-                  .size=${this.size}
-                  readonly
-                ></luzmo-text-field>`:i.html` <luzmo-number-field
-                  .value=${c??0}
-                  .size=${this.size}
-                  .debounce=${this.debounce}
-                  ?disabled=${this.disabled}
-                  @change=${this._setNumber}
-                ></luzmo-number-field>`}
-          ${this.editRangeSize&&!this.disabled&&!s&&(this._ranges?.length??0)>this.minimumRangeSize?i.html`<luzmo-action-button
-                quiet
-                .size=${this.size}
-                @click=${this._removeRangeValue}
-              >
-                <luzmo-icon
-                  slot="icon"
-                  .size=${this.size}
-                  .icon=${m.luzmoTrashOutline}
-                ></luzmo-icon>
-              </luzmo-action-button>`:i.html``}
-        </div>
-      `;let o=this._ranges??this.default??[];this.reverse&&(o=[...o].reverse());const n=o.map(({color:a,value:c},s)=>e(a,c,s===0&&this.negativeInfinityValue,s===0&&this.negativeInfinityValue?o[1]?.value:void 0));return i.html`
-      <div class="color-range-lines-container">
-        ${this.editRangeSize&&!this.disabled&&this.reverse?i.html`<div class="color-range-add-value-container">
-              <button
-                class="color-range-add-value"
-                @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"
-                @click=${this._addRangeValue}
-              >
-                <div class="plus-sign"></div>
-              </button>
-            </div>`:i.html``}
-      </div>
-    `}renderController(){return this.renderRangeValues()}};d.styles=[g(d,d,"styles"),i.unsafeCSS(f)];let r=d;l([t.property({type:Array,reflect:!0})],r.prototype,"value");l([t.property({type:Array,reflect:!0})],r.prototype,"default");l([t.property({type:Boolean,reflect:!0})],r.prototype,"disabled");l([t.property({type:Boolean})],r.prototype,"percentage");l([t.property({type:Boolean,attribute:"no-alpha-channel"})],r.prototype,"noAlphaChannel");l([t.property({type:Boolean,attribute:"edit-range-size"})],r.prototype,"editRangeSize");l([t.property({type:Boolean,attribute:"no-values"})],r.prototype,"noValues");l([t.property({type:Number,reflect:!0,attribute:"minimum-range-size"})],r.prototype,"minimumRangeSize");l([t.property({type:Boolean,reflect:!0,attribute:"negative-infinity-value"})],r.prototype,"negativeInfinityValue");l([t.property({type:Boolean,attribute:"read-only-color-picker"})],r.prototype,"readOnlyColorPicker");l([t.property({type:Boolean})],r.prototype,"reverse");l([t.property({type:Number,reflect:!0})],r.prototype,"debounce");l([t.property()],r.prototype,"parseValue");l([t.property()],r.prototype,"toValue");l([t.queryAll(".color-range-line")],r.prototype,"colorRangeLines");l([t.state()],r.prototype,"_ranges");customElements.get("luzmo-edit-option-color-range")||customElements.define("luzmo-edit-option-color-range",r);exports.LuzmoEditOptionColorRange=r;

package/components/edit-option-color-range/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionColorRange } from './edit-option-color-range';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-color-range': LuzmoEditOptionColorRange;
-    }
-}
-export { LuzmoEditOptionColorRange } from './edit-option-color-range';

package/components/edit-option-multi-language-field/edit-option-multi-language-field.d.ts

@@ -1,17 +0,0 @@
-import '@luzmo/lucero/multi-language-field';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionMultiLangField extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    value: Record<string, string>;
-    invalid: boolean;
-    readonly: boolean;
-    language?: string;
-    placeholder?: Record<string, string>;
-    parseValue?: (value: any, language: string) => any;
-    toValue?: (value: any, language: string) => any;
-    debounce: number;
-    private multiLangFieldElement;
-    debounceTimeout: any;
-    private _handleEvent;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}

package/components/edit-option-multi-language-field/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionMultiLangField } from './edit-option-multi-language-field';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-multi-language-field': LuzmoEditOptionMultiLangField;
-    }
-}
-export { LuzmoEditOptionMultiLangField } from './edit-option-multi-language-field';

package/components/edit-option-number-field/edit-option-number-field.d.ts

@@ -1,21 +0,0 @@
-import '@luzmo/lucero/number-field';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionNumberField extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    disabled: boolean;
-    min?: number;
-    max?: number;
-    default?: number;
-    value?: number;
-    placeholder?: string;
-    minWidthInputField?: string;
-    step: number;
-    unit: boolean;
-    debounce: number;
-    parseValue?: (value?: string | number) => number;
-    toValue?: (value?: number) => string | number | any;
-    private numberField;
-    debounceTimeout: any;
-    private _handleEvent;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}

package/components/edit-option-number-field/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionNumberField } from './edit-option-number-field';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-number-field': LuzmoEditOptionNumberField;
-    }
-}
-export { LuzmoEditOptionNumberField } from './edit-option-number-field';

package/components/edit-option-picker/edit-option-picker.d.ts

@@ -1,22 +0,0 @@
-import { Placement } from '@luzmo/lucero';
-import '@luzmo/lucero/menu';
-import '@luzmo/lucero/picker';
-import { TemplateResult } from 'lit';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionPicker extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    values: Record<string, string>;
-    disabled: boolean;
-    /**
-     * @type {"top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end"}
-     * @attr
-     */
-    placement: Placement;
-    value?: string;
-    parseValue?: (value: string | number | any) => string;
-    toValue?: (value: string) => string | number | any;
-    default?: string;
-    private _handleEvent;
-    private generateMenuItems;
-    protected renderController(): TemplateResult<1>;
-}

package/components/edit-option-picker/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionPicker } from './edit-option-picker';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-picker': LuzmoEditOptionPicker;
-    }
-}
-export { LuzmoEditOptionPicker } from './edit-option-picker';

package/components/edit-option-position-picker/edit-option-position-picker.d.ts

@@ -1,13 +0,0 @@
-import '@luzmo/lucero/text-field';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionPositionPicker extends LuzmoEditOptionBase {
-    static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
-    value?: string;
-    default: string;
-    positions?: string[];
-    readonly: boolean;
-    private _handleEvent;
-    private _handleClick;
-    protected willUpdate(): void;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}

package/components/edit-option-position-picker/index.cjs

@@ -1,25 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";var m=Object.getPrototypeOf;var h=Reflect.get;var c=(e,i,o)=>h(m(e),o,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@luzmo/lucero/text-field");const a=require("lit"),d=require("lit/decorators.js"),k=require("../edit-option-base-tFr8Qg2B.cjs"),v=":host{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height));display:flex;align-items:center}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height, var(--edit-option-position-picker-grid-height))}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--luzmo-edit-option-position-picker-grid-gap, var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width, var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color, var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding, var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius, var(--edit-option-position-picker-grid-border-radius))}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height, var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius, var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background, var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration, var(--luzmo-animation-duration)) ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-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-edit-option-position-picker-background-selected, var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration, 0) ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height: 7rem;--edit-option-position-picker-grid-width: 7rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-padding: .25rem;--edit-option-position-picker-item-height: 1.75rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=s]){--edit-option-position-picker-grid-height: 5.125rem;--edit-option-position-picker-grid-width: 5.625rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-s );--edit-option-position-picker-grid-padding: .125rem;--edit-option-position-picker-item-height: 1.5rem;--edit-option-position-picker-grid-gap: .125rem}:host([size=l]){--edit-option-position-picker-grid-height: 8rem;--edit-option-position-picker-grid-width: 8rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-l );--edit-option-position-picker-grid-padding: .3rem;--edit-option-position-picker-item-height: 2rem;--edit-option-position-picker-grid-gap: .25rem}:host([size=xl]){--edit-option-position-picker-grid-height: 9rem;--edit-option-position-picker-grid-width: 9rem;--edit-option-position-picker-border-radius: var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius: var( --luzmo-border-radius-xl );--edit-option-position-picker-grid-padding: .375rem;--edit-option-position-picker-item-height: 2.25rem;--edit-option-position-picker-grid-gap: .275rem}";var b=Object.defineProperty,n=(e,i,o,z)=>{for(var r=void 0,s=e.length-1,l;s>=0;s--)(l=e[s])&&(r=l(i,o,r)||r);return r&&b(i,o,r),r};const g=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],u=g.filter(e=>e!=="center"),p=class p extends k.LuzmoEditOptionBase{constructor(){super(...arguments),this.default="topRight",this.positions=u,this.readonly=!1}_handleEvent(){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(i){this.positions?.includes(i)&&(this.value=i,this._handleEvent())}willUpdate(){this.value=this.value??this.default??"topRight",this.positions=this.positions??u}renderController(){const i=g.map(o=>a.html`
-        <div
-          class="position-item ${this.positions?.includes(o)?"position-item-allowed":"position-item-not-allowed"} ${this.value===o?"selected":""}"
-          @click=${this._handleClick.bind(this,o)}
-        ></div>
-      `);return a.html` <div class="position-grid">${i}</div> `}};p.styles=[c(p,p,"styles"),a.unsafeCSS(v)];let t=p;n([d.property({type:String,reflect:!0})],t.prototype,"value");n([d.property({type:String,reflect:!0,attribute:"default-position"})],t.prototype,"default");n([d.property({type:Array,reflect:!0})],t.prototype,"positions");n([d.property({type:Boolean,reflect:!0})],t.prototype,"readonly");customElements.get("luzmo-edit-option-position-picker")||customElements.define("luzmo-edit-option-position-picker",t);exports.LuzmoEditOptionPositionPicker=t;

package/components/edit-option-position-picker/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionPositionPicker } from './edit-option-position-picker';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-position-picker': LuzmoEditOptionPositionPicker;
-    }
-}
-export { LuzmoEditOptionPositionPicker } from './edit-option-position-picker';

package/components/edit-option-positions-number-field/edit-option-positions-number-field.d.ts

@@ -1,30 +0,0 @@
-import '@luzmo/lucero/number-field';
-import { CSSResultArray } from 'lit';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export type Position = 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
-export declare class LuzmoEditOptionPositionsNumberField extends LuzmoEditOptionBase {
-    static get styles(): CSSResultArray;
-    positions?: Position[];
-    values?: Record<Position, number | undefined>;
-    canSync?: boolean;
-    positionConfiguration?: Record<Position, {
-        min?: number;
-        max?: number;
-        step?: number;
-        default?: number;
-    }>;
-    invalid: boolean;
-    readonly: boolean;
-    debounce: number;
-    sync?: boolean;
-    syncedValue?: number;
-    debounceTimeout: any;
-    _positions: Position[][];
-    private _calculateSyncedValue;
-    toggleSync(): void;
-    private _handleEvent;
-    private _renderNumberField;
-    protected firstUpdated(): void;
-    protected willUpdate(): void;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}

package/components/edit-option-positions-number-field/index.cjs

@@ -1,42 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2025 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.
- * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@luzmo/icons");require("@luzmo/lucero/number-field");const u=require("lit"),s=require("lit/decorators.js"),m=require("../edit-option-base-tFr8Qg2B.cjs"),f=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var y=Object.defineProperty,r=(c,t,o,e)=>{for(var i=void 0,l=c.length-1,a;l>=0;l--)(a=c[l])&&(i=a(t,o,i)||i);return i&&y(t,o,i),i};class n extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[u.unsafeCSS(f)]}_calculateSyncedValue(){let t;const o={};return this.positions?.forEach(e=>{o[e]=this.values?.[e]??this.positionConfiguration?.[e]?.default??0,t=typeof t=="number"&&o[e]?Math.min(t,o[e]):o[e]}),t}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const t of this.positions??[])this.values[t]=this.syncedValue}}_handleEvent(t){const o=t.target.getAttribute("position"),e=t.target.value;let i={};if(!(!o||typeof e!="number")){if(this.canSync&&this.sync&&o==="center"){this.syncedValue=e;for(const l of this.positions??[])i[l]=e}else i={...this.values,[o]:e};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{const l=Object.keys(this.values??{}),a=Object.keys(i);let d=!0;l.length!==a.length&&(d=!1);for(const p of l)this.values?.[p]!==i[p]&&(d=!1);d||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...i}}})),this.values=i)},this.debounce??200)}}_renderNumberField(t){return this.positions?.includes(t)||t==="center"?this.canSync&&(this.sync&&t!=="center"||!this.sync&&t==="center")?u.html`<div
-          class="sync-button ${this.sync?"":"sync"}"
-          position=${t}
-          @click=${this.toggleSync}
-        >
-          ${h.luzmoIcon(h.luzmoLockOutline)}
-        </div>`:!this.canSync&&!this.positions?.includes("center")&&t==="center"?u.html`<div class="no-sync-center"></div>`:u.html`<div class="position">
-        <luzmo-number-field
-          position=${t}
-          .value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[t]??this.positionConfiguration?.[t]?.default??0}
-          .disabled=${this.disabled}
-          .size=${this.size}
-          .min=${this.positionConfiguration?.[t]?.min??0}
-          .max=${this.positionConfiguration?.[t]?.max??100}
-          .step=${this.positionConfiguration?.[t]?.step??1}
-          .invalid=${this.invalid}
-          @change=${this._handleEvent}
-          @input=${this._handleEvent}
-        >
-        </luzmo-number-field>
-      </div>`:u.html`<div class="position"></div>`}firstUpdated(){if(this.canSync&&!this.positions?.includes("center")){const t=this.values?.left??this.positionConfiguration?.left?.default,o=this.values?.top??this.positionConfiguration?.top?.default,e=this.values?.right??this.positionConfiguration?.right?.default,i=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=t===o&&o===e&&e===i}else this.sync=!1}willUpdate(){this.positions||(this.positions=["top","right","bottom","left"])}renderController(){this._calculateSyncedValue();const t=this._positions.map(o=>{const e=o.map(i=>this._renderNumberField(i));return u.html`${e}`});return u.html`<div class="positions-container-wrapper">
-      <div class="positions-container">${t}</div>
-    </div>`}}r([s.property({type:Array,reflect:!0})],n.prototype,"positions");r([s.property({type:Object,reflect:!0})],n.prototype,"values");r([s.property({type:Boolean,reflect:!0,attribute:"can-sync"})],n.prototype,"canSync");r([s.property({type:Object})],n.prototype,"positionConfiguration");r([s.property({type:Boolean,reflect:!0})],n.prototype,"invalid");r([s.property({type:Boolean,reflect:!0})],n.prototype,"readonly");r([s.property({type:Number,reflect:!0})],n.prototype,"debounce");r([s.property({type:Boolean,reflect:!0})],n.prototype,"sync");r([s.state()],n.prototype,"syncedValue");customElements.get("luzmo-edit-option-positions-number-field")||customElements.define("luzmo-edit-option-positions-number-field",n);exports.LuzmoEditOptionPositionsNumberField=n;

package/components/edit-option-positions-number-field/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionPositionsNumberField } from './edit-option-positions-number-field';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-positions-number-field': LuzmoEditOptionPositionsNumberField;
-    }
-}
-export { LuzmoEditOptionPositionsNumberField } from './edit-option-positions-number-field';

package/components/edit-option-radio-button-group/edit-option-radio-button-group.d.ts

@@ -1,18 +0,0 @@
-import '@luzmo/lucero/action-button';
-import '@luzmo/lucero/action-group';
-import { TemplateResult } from 'lit';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionRadioButtonGroup extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    values: Record<string, string>;
-    disabled: boolean;
-    value: string;
-    default: string;
-    parseValue?: (value?: string | number | any) => string;
-    toValue?: (value?: string) => string | number | any;
-    private actionGroup;
-    debounceTimeout: any;
-    private generateRadioButtons;
-    private _handleEvent;
-    protected renderController(): TemplateResult<1>;
-}

package/components/edit-option-radio-button-group/index.d.ts

@@ -1,7 +0,0 @@
-import { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';
-declare global {
-    interface HTMLElementTagNameMap {
-        'luzmo-edit-option-radio-button-group': LuzmoEditOptionRadioButtonGroup;
-    }
-}
-export { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';

package/components/edit-option-slider/edit-option-slider.d.ts

@@ -1,15 +0,0 @@
-import '@luzmo/lucero/slider';
-import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
-export declare class LuzmoEditOptionSlider extends LuzmoEditOptionBase {
-    static styles: import("lit").CSSResultArray[];
-    value: number;
-    default: number;
-    min: number;
-    max: number;
-    step: number;
-    debounce: number;
-    parseValue?: (value?: string | number | any) => number;
-    toValue?: (value?: number) => string | number | any;
-    private _handleEvent;
-    protected renderController(): import("lit-html").TemplateResult<1>;
-}