@luzmo/analytics-components-kit 1.0.1-alpha.142 → 1.0.1-alpha.144

package/components/edit-item/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../data-broker-cLR-t5LM.js";
 import "../edit-option-BhYZQEpl.js";
 import { t as LuzmoEditItem } from "../edit-item-ft4CT5Vl.js";

package/components/edit-option/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../edit-option-CAqIUpWx.cjs`);exports.LuzmoEditOption=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../data-broker-BUIUM5hr.cjs`);const e=require(`../edit-option-CAqIUpWx.cjs`);exports.LuzmoEditOption=e.t;

package/components/edit-option/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../data-broker-cLR-t5LM.js";
 import { t as LuzmoEditOption } from "../edit-option-BhYZQEpl.js";
 export { LuzmoEditOption };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-action-button-group-DlJwTW3A.cjs`);exports.LuzmoEditOptionActionButtonGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-action-button-group-W34osCsN.cjs`);exports.LuzmoEditOptionActionButtonGroup=e.t;

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

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
-import { t as LuzmoEditOptionActionButtonGroup } from "../edit-option-action-button-group-CnsDFlK_.js";
+import { t as LuzmoEditOptionActionButtonGroup } from "../edit-option-action-button-group-DNrXatQR.js";
 export { LuzmoEditOptionActionButtonGroup };

package/components/{edit-option-action-button-group-DlJwTW3A.cjs → edit-option-action-button-group-W34osCsN.cjs}

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

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-palette-picker-CGj9Vnfe.cjs`);exports.LuzmoEditOptionColorPalettePicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-palette-picker-CGj9Vnfe.cjs`);exports.LuzmoEditOptionColorPalettePicker=e.t;

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

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionColorPalettePicker } from "../edit-option-color-palette-picker-zqTMYlsF.js";
 export { LuzmoEditOptionColorPalettePicker };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-picker-CCnSHbzk.cjs`);exports.LuzmoEditOptionColorPicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-picker-CCnSHbzk.cjs`);exports.LuzmoEditOptionColorPicker=e.t;

package/components/edit-option-color-picker/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionColorPicker } from "../edit-option-color-picker-DiB3l1ZG.js";
 export { LuzmoEditOptionColorPicker };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-range-DhBp5wlk.cjs`);exports.LuzmoEditOptionColorRange=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-color-range-DVYMhG2R.cjs`);exports.LuzmoEditOptionColorRange=e.t;

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

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
-import { t as LuzmoEditOptionColorRange } from "../edit-option-color-range-BtahxHzd.js";
+import { t as LuzmoEditOptionColorRange } from "../edit-option-color-range-CmpvQTSG.js";
 export { LuzmoEditOptionColorRange };

package/components/{edit-option-color-range-BtahxHzd.js → edit-option-color-range-CmpvQTSG.js}

@@ -20,9 +20,9 @@
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
 import { t as Color } from "./color-Cssvhkzf.js";
 import { t as LuzmoEditOptionBase } from "./edit-option-base-CIsMGXix.js";
+import { luzmoTrashOutline } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, queryAll, state } from "lit/decorators.js";
-import { luzmoTrashOutline } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
 import "@luzmo/lucero/text-field";
 import "@luzmo/lucero/action-button";
@@ -93,7 +93,7 @@ var edit_option_color_range_module_default = ":host{--luzmo-swatch-size:14px}.lu
 		}), this._ranges = structuredClone(this._ranges), this._handleChangeEvent();
 	}
 	renderRangeValues() {
-		let e = (e, i, a, s) => html`
+		let e = (e, i, a, c) => html`
         <div class="color-range-line" style="--range-color: ${e}">
           <luzmo-color-picker
             .color=${e}
@@ -116,7 +116,7 @@ var edit_option_color_range_module_default = ":host{--luzmo-swatch-size:14px}.lu
                 ?disabled=${this.disabled}
                 @change=${this._setColor}
               ></luzmo-color-field>` : a ? html` <luzmo-text-field
-                  .value=${"< " + (s ?? 0)}
+                  .value=${"< " + (c ?? 0)}
                   .size=${this.size}
                   readonly
                 ></luzmo-text-field>` : html` <luzmo-number-field

package/components/{edit-option-color-range-DhBp5wlk.cjs → edit-option-color-range-DVYMhG2R.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./color-Dxgbgkfy.cjs`),r=require(`./edit-option-base-DBfRz1gO.cjs`);let i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@luzmo/icons`);require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/text-field`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`),require(`@luzmo/lucero/color-picker`),require(`@luzmo/lucero/color-field`);const s=(e,t=.1)=>{if(e.length<2)return`#AAAAAA`;let r=e.length,i=new n.t(e[r-2]).to(`oklab`),a=new n.t(e[r-1]).to(`oklab`),o=i.coords[0],s=a.coords[0],c=s>o?1:-1;return new n.t(`oklab`,[Math.min(1,Math.max(0,s+c*t)),a.coords[1],a.coords[2]],a.alpha).to(`srgb`).toString({format:`hex`,precision:0})};var c=`:host{--luzmo-swatch-size:14px}.luzmo-edit-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-edit-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(--edit-option-component-height);align-items:center;display:flex}.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))}:is(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:"";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));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-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));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-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;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:" ";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;display:block;position:absolute}.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{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));outline:none}.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;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 r.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,r)=>i.html`
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./color-Dxgbgkfy.cjs`),r=require(`./edit-option-base-DBfRz1gO.cjs`);let i=require(`@luzmo/icons`),a=require(`lit`),o=require(`lit/decorators.js`);require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/text-field`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/number-field`),require(`@luzmo/lucero/color-picker`),require(`@luzmo/lucero/color-field`);const s=(e,t=.1)=>{if(e.length<2)return`#AAAAAA`;let r=e.length,i=new n.t(e[r-2]).to(`oklab`),a=new n.t(e[r-1]).to(`oklab`),o=i.coords[0],s=a.coords[0],c=s>o?1:-1;return new n.t(`oklab`,[Math.min(1,Math.max(0,s+c*t)),a.coords[1],a.coords[2]],a.alpha).to(`srgb`).toString({format:`hex`,precision:0})};var c=`:host{--luzmo-swatch-size:14px}.luzmo-edit-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-edit-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(--edit-option-component-height);align-items:center;display:flex}.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))}:is(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:"";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));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-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));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-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;display:block;position:absolute}.color-range-add-value .plus-sign:after{content:" ";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;display:block;position:absolute}.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{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));outline:none}.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;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 r.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,a.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,r)=>a.html`
         <div class="color-range-line" style="--range-color: ${e}">
           <luzmo-color-picker
             .color=${e}
@@ -27,30 +27,30 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
             ?read-only=${this.readOnlyColorPicker}
             @change=${this._setColor}
           ></luzmo-color-picker>
-          ${this.percentage?i.html`
+          ${this.percentage?a.html`
                   <div class="color-range-percentage-value">%</div>
-                `:i.html`
+                `:a.html`
                   
                 `}
-          ${this.noValues?i.html` <luzmo-color-field
+          ${this.noValues?a.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
+              ></luzmo-color-field>`:n?a.html` <luzmo-text-field
                   .value=${`< `+(r??0)}
                   .size=${this.size}
                   readonly
-                ></luzmo-text-field>`:i.html` <luzmo-number-field
+                ></luzmo-text-field>`:a.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
+          ${this.editRangeSize&&!this.disabled&&!n&&(this._ranges?.length??0)>this.minimumRangeSize?a.html`<luzmo-action-button
                 quiet
                 .size=${this.size}
                 @click=${this._removeRangeValue}
@@ -58,22 +58,22 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
                 <luzmo-icon
                   slot="icon"
                   .size=${this.size}
-                  .icon=${o.luzmoTrashOutline}
+                  .icon=${i.luzmoTrashOutline}
                 ></luzmo-icon>
-              </luzmo-action-button>`:i.html`
+              </luzmo-action-button>`:a.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`
+      `,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 a.html`
       <div class="color-range-lines-container">
-        ${this.editRangeSize&&!this.disabled&&this.reverse?i.html`<div class="color-range-add-value-container">
+        ${this.editRangeSize&&!this.disabled&&this.reverse?a.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>`:a.html`
                 
               `}
         <div
@@ -81,15 +81,15 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
         >
           ${n}
         </div>
-        ${this.editRangeSize&&!this.disabled&&!this.reverse?i.html`<div class="color-range-add-value-container">
+        ${this.editRangeSize&&!this.disabled&&!this.reverse?a.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>`:a.html`
                 
               `}
       </div>
-    `}renderController(){return this.renderRangeValues()}};t.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`value`,void 0),t.t([(0,a.property)({type:Array,reflect:!0})],l.prototype,`default`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),t.t([(0,a.property)({type:Boolean})],l.prototype,`percentage`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`no-alpha-channel`})],l.prototype,`noAlphaChannel`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`edit-range-size`})],l.prototype,`editRangeSize`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`no-values`})],l.prototype,`noValues`,void 0),t.t([(0,a.property)({type:Number,reflect:!0,attribute:`minimum-range-size`})],l.prototype,`minimumRangeSize`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`negative-infinity-value`})],l.prototype,`negativeInfinityValue`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`read-only-color-picker`})],l.prototype,`readOnlyColorPicker`,void 0),t.t([(0,a.property)({type:Boolean})],l.prototype,`reverse`,void 0),t.t([(0,a.property)({type:Number,reflect:!0})],l.prototype,`debounce`,void 0),t.t([(0,a.property)()],l.prototype,`parseValue`,void 0),t.t([(0,a.property)()],l.prototype,`toValue`,void 0),t.t([(0,a.queryAll)(`.color-range-line`)],l.prototype,`colorRangeLines`,void 0),t.t([(0,a.state)()],l.prototype,`_ranges`,void 0),customElements.get(`luzmo-edit-option-color-range`)||customElements.define(`luzmo-edit-option-color-range`,l),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+    `}renderController(){return this.renderRangeValues()}};t.t([(0,o.property)({type:Array,reflect:!0})],l.prototype,`value`,void 0),t.t([(0,o.property)({type:Array,reflect:!0})],l.prototype,`default`,void 0),t.t([(0,o.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),t.t([(0,o.property)({type:Boolean})],l.prototype,`percentage`,void 0),t.t([(0,o.property)({type:Boolean,attribute:`no-alpha-channel`})],l.prototype,`noAlphaChannel`,void 0),t.t([(0,o.property)({type:Boolean,attribute:`edit-range-size`})],l.prototype,`editRangeSize`,void 0),t.t([(0,o.property)({type:Boolean,attribute:`no-values`})],l.prototype,`noValues`,void 0),t.t([(0,o.property)({type:Number,reflect:!0,attribute:`minimum-range-size`})],l.prototype,`minimumRangeSize`,void 0),t.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`negative-infinity-value`})],l.prototype,`negativeInfinityValue`,void 0),t.t([(0,o.property)({type:Boolean,attribute:`read-only-color-picker`})],l.prototype,`readOnlyColorPicker`,void 0),t.t([(0,o.property)({type:Boolean})],l.prototype,`reverse`,void 0),t.t([(0,o.property)({type:Number,reflect:!0})],l.prototype,`debounce`,void 0),t.t([(0,o.property)()],l.prototype,`parseValue`,void 0),t.t([(0,o.property)()],l.prototype,`toValue`,void 0),t.t([(0,o.queryAll)(`.color-range-line`)],l.prototype,`colorRangeLines`,void 0),t.t([(0,o.state)()],l.prototype,`_ranges`,void 0),customElements.get(`luzmo-edit-option-color-range`)||customElements.define(`luzmo-edit-option-color-range`,l),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/components/edit-option-multi-language-field/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-multi-language-field-47AjaXIw.cjs`);exports.LuzmoEditOptionMultiLangField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-multi-language-field-47AjaXIw.cjs`);exports.LuzmoEditOptionMultiLangField=e.t;

package/components/edit-option-multi-language-field/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionMultiLangField } from "../edit-option-multi-language-field-ByLEzlg8.js";
 export { LuzmoEditOptionMultiLangField };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-number-field-BMXponHb.cjs`);exports.LuzmoEditOptionNumberField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-number-field-BMXponHb.cjs`);exports.LuzmoEditOptionNumberField=e.t;

package/components/edit-option-number-field/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionNumberField } from "../edit-option-number-field-BPU_5SFo.js";
 export { LuzmoEditOptionNumberField };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-picker-CpCILJtP.cjs`);exports.LuzmoEditOptionPicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-picker-CpCILJtP.cjs`);exports.LuzmoEditOptionPicker=e.t;

package/components/edit-option-picker/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionPicker } from "../edit-option-picker-BdpVCT4v.js";
 export { LuzmoEditOptionPicker };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-position-picker-utD_OSQy.cjs`);exports.LuzmoEditOptionPositionPicker=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-position-picker-utD_OSQy.cjs`);exports.LuzmoEditOptionPositionPicker=e.t;

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

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionPositionPicker } from "../edit-option-position-picker-CC-7sJNj.js";
 export { LuzmoEditOptionPositionPicker };

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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-positions-number-field-DhnxicFl.cjs`);exports.LuzmoEditOptionPositionsNumberField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-positions-number-field-CmK8_2ZQ.cjs`);exports.LuzmoEditOptionPositionsNumberField=e.t;

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

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
-import { t as LuzmoEditOptionPositionsNumberField } from "../edit-option-positions-number-field-BX1zqHcV.js";
+import { t as LuzmoEditOptionPositionsNumberField } from "../edit-option-positions-number-field-DZtxuvEY.js";
 export { LuzmoEditOptionPositionsNumberField };

package/components/{edit-option-positions-number-field-DhnxicFl.cjs → edit-option-positions-number-field-CmK8_2ZQ.cjs}

@@ -17,15 +17,15 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./edit-option-base-DBfRz1gO.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`),a=require(`@luzmo/icons`);require(`@luzmo/lucero/number-field`);var o=`: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));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));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer}.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))}`,s=class extends n.t{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[(0,r.unsafeCSS)(o)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?r.html`<div
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./edit-option-base-DBfRz1gO.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`);require(`@luzmo/lucero/number-field`);var o=`: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));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));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer}.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))}`,s=class extends n.t{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[(0,i.unsafeCSS)(o)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?i.html`<div
           class="sync-button ${this.sync?``:`sync`}"
           position=${e}
           @click=${this.toggleSync}
         >
-          ${(0,a.luzmoIcon)(a.luzmoLockOutline)}
-        </div>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?r.html`
+          ${(0,r.luzmoIcon)(r.luzmoLockOutline)}
+        </div>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?i.html`
           <div class="no-sync-center"></div>
-        `:r.html`<div class="position">
+        `:i.html`<div class="position">
         <luzmo-number-field
           position=${e}
           .value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[e]??this.positionConfiguration?.[e]?.default??0}
@@ -39,8 +39,8 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
           @input=${this._handleEvent}
         >
         </luzmo-number-field>
-      </div>`:r.html`
+      </div>`:i.html`
       <div class="position"></div>
-    `}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){return this._calculateSyncedValue(),r.html`<div class="positions-container-wrapper">
-      <div class="positions-container">${this._positions.map(e=>r.html`${e.map(e=>this._renderNumberField(e))}`)}</div>
-    </div>`}};t.t([(0,i.property)({type:Array,reflect:!0})],s.prototype,`positions`,void 0),t.t([(0,i.property)({type:Object,reflect:!0})],s.prototype,`values`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],s.prototype,`canSync`,void 0),t.t([(0,i.property)({type:Object})],s.prototype,`positionConfiguration`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`readonly`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`sync`,void 0),t.t([(0,i.state)()],s.prototype,`syncedValue`,void 0),customElements.get(`luzmo-edit-option-positions-number-field`)||customElements.define(`luzmo-edit-option-positions-number-field`,s),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+    `}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){return this._calculateSyncedValue(),i.html`<div class="positions-container-wrapper">
+      <div class="positions-container">${this._positions.map(e=>i.html`${e.map(e=>this._renderNumberField(e))}`)}</div>
+    </div>`}};t.t([(0,a.property)({type:Array,reflect:!0})],s.prototype,`positions`,void 0),t.t([(0,a.property)({type:Object,reflect:!0})],s.prototype,`values`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],s.prototype,`canSync`,void 0),t.t([(0,a.property)({type:Object})],s.prototype,`positionConfiguration`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`readonly`,void 0),t.t([(0,a.property)({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`sync`,void 0),t.t([(0,a.state)()],s.prototype,`syncedValue`,void 0),customElements.get(`luzmo-edit-option-positions-number-field`)||customElements.define(`luzmo-edit-option-positions-number-field`,s),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/components/edit-option-radio-button-group/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-radio-button-group-BCVOZOhT.cjs`);exports.LuzmoEditOptionRadioButtonGroup=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-radio-button-group-BCVOZOhT.cjs`);exports.LuzmoEditOptionRadioButtonGroup=e.t;

package/components/edit-option-radio-button-group/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionRadioButtonGroup } from "../edit-option-radio-button-group-D8AuOqNL.js";
 export { LuzmoEditOptionRadioButtonGroup };

package/components/edit-option-slider/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-slider-B7ArGXrY.cjs`);exports.LuzmoEditOptionSlider=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-slider-B7ArGXrY.cjs`);exports.LuzmoEditOptionSlider=e.t;

package/components/edit-option-slider/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionSlider } from "../edit-option-slider-Ozb3RBHW.js";
 export { LuzmoEditOptionSlider };

package/components/edit-option-switch/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-switch-ByyZ8LFD.cjs`);exports.LuzmoEditOptionSwitch=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-switch-ByyZ8LFD.cjs`);exports.LuzmoEditOptionSwitch=e.t;

package/components/edit-option-switch/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionSwitch } from "../edit-option-switch-BUjPU49i.js";
 export { LuzmoEditOptionSwitch };

package/components/edit-option-text-field/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-text-field-LTOr4mYL.cjs`);exports.LuzmoEditOptionTextField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-DjOkyNGu.cjs`),require(`../localized-mixin-BmZhC9XV.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-text-field-LTOr4mYL.cjs`);exports.LuzmoEditOptionTextField=e.t;

package/components/edit-option-text-field/index.js

@@ -25,8 +25,8 @@
 })();
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-CRNDDu2d.js";
+import "../localized-mixin-CgQFYGOU.js";
 import "../edit-option-base-CIsMGXix.js";
 import { t as LuzmoEditOptionTextField } from "../edit-option-text-field-CjdGtevT.js";
 export { LuzmoEditOptionTextField };