@luzmo/analytics-components-kit 1.0.1-alpha.27 → 1.0.1-alpha.28

package/components/slot-menu/index.js

@@ -17,14 +17,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import "../index-Dpt_Qqgy.js";
-import { k as z, a as h, x as i, n } from "../property-B2F7x7Cz.js";
+import "../index-KY89MPqI.js";
+import { L as z, r as h, x as i, n } from "../focusable-Dw_pMNQL.js";
 import "../display-settings/index.js";
 import "../slot-menu-list/index.js";
-import { O as m, W as g, v, B as b } from "../luzmo-icons-DxZo8BWX.js";
-import { m as f, d as x } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
-import { l as y } from "../localize-BX7q0S0M.js";
+import { O as m, W as g, v, B as b } from "../luzmo-icons-CmY3chvZ.js";
+import { l as f } from "../localize-BX7q0S0M.js";
 import { e as d } from "../query-Ddbd72Um.js";
+import { S as x, E as y } from "../sized-mixin-DMuOVsw0.js";
 const p = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -33,13 +33,13 @@ const p = () => {
 };
 p();
 const w = ":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";
-var C = Object.defineProperty, l = (r, o, e, a) => {
+var C = Object.defineProperty, e = (r, o, l, a) => {
   for (var s = void 0, u = r.length - 1, c; u >= 0; u--)
-    (c = r[u]) && (s = c(o, e, s) || s);
-  return s && C(o, e, s), s;
+    (c = r[u]) && (s = c(o, l, s) || s);
+  return s && C(o, l, s), s;
 };
-class t extends f(z, {
-  validSizes: Object.values(x)
+class t extends x(z, {
+  validSizes: Object.values(y)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.variant = "draggable", this.slotContents = [], this._slotListData = [], this._slotContents = [], this._currentSlotContent = {}, this._activeIndex = 0;
@@ -72,8 +72,8 @@ class t extends f(z, {
     );
   }
   willUpdate(o) {
-    var e;
-    o.has("slotContents") && (this._slotContents = structuredClone(this.slotContents), this._slotListData = structuredClone(this.slotContents), this._currentSlotContent = ((e = this._slotContents) == null ? void 0 : e[this._activeIndex ?? 0]) ?? {});
+    var l;
+    o.has("slotContents") && (this._slotContents = structuredClone(this.slotContents), this._slotListData = structuredClone(this.slotContents), this._currentSlotContent = ((l = this._slotContents) == null ? void 0 : l[this._activeIndex ?? 0]) ?? {});
   }
   updated() {
     this.updateContentLabel();
@@ -81,8 +81,8 @@ class t extends f(z, {
   _handleSlotListChange(o) {
     var a;
     this._slotContents = structuredClone(o.detail.slotContents);
-    const e = o.detail.activeIndex;
-    e !== this._activeIndex && (this._activeIndex = e), this._currentSlotContent = ((a = this._slotContents) == null ? void 0 : a[this._activeIndex ?? 0]) ?? {}, this.displaySettingsElement.slotContent = this._currentSlotContent, this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
+    const l = o.detail.activeIndex;
+    l !== this._activeIndex && (this._activeIndex = l), this._currentSlotContent = ((a = this._slotContents) == null ? void 0 : a[this._activeIndex ?? 0]) ?? {}, this.displaySettingsElement.slotContent = this._currentSlotContent, this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
   }
   _handleSlotContentChange(o) {
     this._slotContents[this._activeIndex] = structuredClone(
@@ -92,7 +92,7 @@ class t extends f(z, {
   // we set & update the label manually to not lose focus when typing in the display settings bc of rerender
   updateContentLabel() {
     if (this.slotContentLabelElement) {
-      const o = y(
+      const o = f(
         this._slotContents[this._activeIndex].label,
         this.contentLanguage
       );
@@ -101,7 +101,7 @@ class t extends f(z, {
   }
   removeSlotContent(o) {
     this._slotContents = this._slotContents.filter(
-      (e, a) => a !== o
+      (l, a) => a !== o
     ), this._currentSlotContent = {}, this._sendChangeEvent(), this._sendCloseEvent(), this.requestUpdate();
   }
   close() {
@@ -149,37 +149,37 @@ class t extends f(z, {
       </div>`;
   }
 }
-l([
+e([
   n({ type: String, reflect: !0 })
 ], t.prototype, "language");
-l([
+e([
   n({ type: String, attribute: "content-language", reflect: !0 })
 ], t.prototype, "contentLanguage");
-l([
+e([
   n({ type: String, attribute: "slot-type", reflect: !0 })
 ], t.prototype, "slotType");
-l([
+e([
   n({ type: Boolean, attribute: "no-drag", reflect: !0 })
 ], t.prototype, "noDrag");
-l([
+e([
   n({ type: Boolean, attribute: "no-close", reflect: !0 })
 ], t.prototype, "noClose");
-l([
+e([
   n({ type: String, reflect: !0 })
 ], t.prototype, "variant");
-l([
+e([
   n({ type: Boolean, attribute: "no-top-menu-label", reflect: !0 })
 ], t.prototype, "noTopMenuLabel");
-l([
+e([
   n()
 ], t.prototype, "slotContents");
-l([
+e([
   d(".slot-content-label")
 ], t.prototype, "slotContentLabelElement");
-l([
+e([
   d("luzmo-display-settings")
 ], t.prototype, "displaySettingsElement");
-l([
+e([
   d("luzmo-slot-menu-list")
 ], t.prototype, "slotMenuListElement");
 customElements.get("luzmo-slot-menu") || customElements.define("luzmo-slot-menu", t);

package/components/slot-menu/slot-menu.d.ts

@@ -2,12 +2,12 @@ import '@luzmo/lucero/divider';
 import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
 import './../display-settings';
 import './../slot-menu-list';
-import { LuzmoElement } from '@luzmo/lucero/utils';
+import { LuzmoElement } from '../../utils/base';
 import { LuzmoDisplaySettings } from './../display-settings/display-settings';
 import { LuzmoSlotMenuList } from './../slot-menu-list/slot-menu-list';
 declare const LuzmoSlotMenu_base: typeof LuzmoElement & {
-    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
-    prototype: import("@luzmo/lucero").SizedElementInterface;
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
 };
 /**
  * @element luzmo-slot-menu

package/components/slot-menu-list/index.cjs

@@ -17,11 +17,11 @@
  * 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 g=require("../property-0L4eB11h.cjs"),p=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-XsFsTAl3.cjs"),k=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../base-BjTwmyRF.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../focusable-Cu_m_GTh.cjs"),p=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../luzmo-icons-lvebt6bp.cjs"),_=require("../localize-r7ALOUy_.cjs"),P=require("../base-BjTwmyRF.cjs"),k=require("../sized-mixin-Cqlxwicw.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let j;function D(i){return(t,e)=>P.e(t,e,{get(){return(this.renderRoot??j??(j=document.createDocumentFragment())).querySelectorAll(i)}})}var F={large:700};function $(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:F.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){p._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var L={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},O=Symbol("closestEdge");function M(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:L[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},p._defineProperty({},O,d))}function E(i){var t;return(t=i[O])!==null&&t!==void 0?t:null}const q=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var A=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&A(t,e,s),s};class h extends k.m(g.kt,{validSizes:Object.values(k.d)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=p.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){p.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=p.getCssVariableValue(t,b)||p.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=p.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return M({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const v=o.activeIndex,z=l.data.index,x=m,I=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,I),z===v?o.activeIndex=x:z<v&&x>=v?o.activeIndex=v-1:z>v&&x<=v&&(o.activeIndex=v+1)}r&&($(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[g.r$1(q)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return g.x`<li class=${o===this.activeIndex?"active":""}>
+ */let j;function D(i){return(t,e)=>P.e(t,e,{get(){return(this.renderRoot??j??(j=document.createDocumentFragment())).querySelectorAll(i)}})}var F={large:700};function L(i){i.animate([{backgroundColor:"var(--ds-background-selected, #E9F2FF)"},{}],{duration:F.large,easing:"cubic-bezier(0.25, 0.1, 0.25, 1.0)",iterations:1})}function w(i,t){var e=Object.keys(i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(i);t&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),e.push.apply(e,o)}return e}function S(i){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?w(Object(e),!0).forEach(function(o){p._defineProperty(i,o,e[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(e)):w(Object(e)).forEach(function(o){Object.defineProperty(i,o,Object.getOwnPropertyDescriptor(e,o))})}return i}var $={top:function(t,e){return Math.abs(e.y-t.top)},right:function(t,e){return Math.abs(t.right-e.x)},bottom:function(t,e){return Math.abs(t.bottom-e.y)},left:function(t,e){return Math.abs(e.x-t.left)}},O=Symbol("closestEdge");function M(i,t){var e,o,s=t.element,u=t.input,n=t.allowedEdges,l={x:u.clientX,y:u.clientY},r=s.getBoundingClientRect(),a=n.map(function(c){return{edge:c,value:$[c](r,l)}}),d=(e=(o=a.sort(function(c,b){return c.value-b.value})[0])===null||o===void 0?void 0:o.edge)!==null&&e!==void 0?e:null;return S(S({},i),{},p._defineProperty({},O,d))}function E(i){var t;return(t=i[O])!==null&&t!==void 0?t:null}const q=':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';var A=Object.defineProperty,f=(i,t,e,o)=>{for(var s=void 0,u=i.length-1,n;u>=0;u--)(n=i[u])&&(s=n(t,e,s)||s);return s&&A(t,e,s),s};class h extends k.SizedMixin(g.LuzmoElement,{validSizes:Object.values(k.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.contentLanguage="en",this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent("slot-list-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements].forEach(t=>{const e=this._sendChangeEvent.bind(this),o=this,s=p.draggable({element:t,onGenerateDragPreview({nativeSetDragImage:n}){p.setCustomNativeDragPreview({nativeSetDragImage:n,render({container:l}){var d;const r=document.createElement("div");r.classList.add("drag-preview");const a={};[["borderColor","--luzmo-slot-menu-list-border-color","--luzmo-border-color"],["backgroundColor","--luzmo-slot-menu-list-background-color","--luzmo-background-color"],["color","--luzmo-slot-menu-list-font-color","--slot-menu-list-font-color"],["fontSize","--luzmo-slot-menu-list-font-size","--slot-menu-list-font-size"],["horizontalPadding","--luzmo-slot-menu-list-item-horizontal-padding","--slot-menu-list-item-horizontal-padding"],["verticalPadding","--luzmo-slot-menu-list-item-vertical-padding","--slot-menu-list-item-vertical-padding"],["borderRadius","--luzmo-slot-menu-list-border-radius","--luzmo-border-radius"],["fontFamily","--luzmo-slot-menu-list-font-family","--luzmo-font-family"]].forEach(([c,b,y])=>{const m=p.getCssVariableValue(t,b)||p.getCssVariableValue(t,y);a[c]=m}),r.textContent=((d=t.querySelector("[data-task-content]"))==null?void 0:d.textContent)??t.textContent,Object.assign(r.style,{border:`1px solid ${a.borderColor}`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius,fontFamily:a.fontFamily,fontSize:a.fontSize,color:a.color,paddingInline:`${a.horizontalPadding}`,paddingBlock:`${a.verticalPadding}`}),l.append(r)}})},getInitialData(){var r;const n=t.parentElement;let l=0;return n&&(l=[...((r=n.parentElement)==null?void 0:r.children)??[]].indexOf(n)),{index:l}},onDragStart(){t.style.opacity="0.5"},onDrop(){t.style.opacity="1"}});this._cleanupFns.push(s);const u=p.dropTargetForElements({element:t,canDrop({source:n}){var l;return n.element===t?!1:(l=n==null?void 0:n.element)==null?void 0:l.classList.contains("draggable-slot-content")},getData(n){return M({},{element:t,input:n.input,allowedEdges:["top","bottom"]})},getIsSticky(){return!0},onDragEnter({self:n}){const l=E(n.data);if(!l)return;const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDrag({self:n}){var a,d,c;const l=E(n.data);if(!l){(a=t.nextElementSibling)==null||a.remove();return}if(((d=t.nextElementSibling)==null?void 0:d.getAttribute("data-edge"))===l)return;(c=t.nextElementSibling)==null||c.remove();const r=document.createElement("div");r.classList.add("drop-indicator"),r.dataset.edge=l,t.after(r)},onDragLeave(){var n;(n=t.nextElementSibling)==null||n.remove()},onDrop({self:n,source:l}){var d,c,b,y;(d=t.nextElementSibling)==null||d.remove();const r=E(n.data),a=n.element.parentElement;if(typeof l.data.index=="number"&&a){let m=[...((c=a.parentElement)==null?void 0:c.children)??[]].indexOf(a);r==="bottom"&&l.data.index>=m&&m<(((y=(b=a==null?void 0:a.parentElement)==null?void 0:b.children)==null?void 0:y.length)??0)-1?m+=1:r==="top"&&m>l.data.index&&(m-=1);const v=o.activeIndex,z=l.data.index,x=m,I=o.slotContents[z];o.slotContents.splice(z,1),o.slotContents.splice(x,0,I),z===v?o.activeIndex=x:z<v&&x>=v?o.activeIndex=v-1:z>v&&x<=v&&(o.activeIndex=v+1)}r&&(L(l.element),o.requestUpdate(),e())}});this._cleanupFns.push(u)})},this._detachAll=()=>{this._cleanupFns.forEach(t=>t()),this._cleanupFns=[]}}static get styles(){return[g.r(q)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}setActiveIndex(t){this.activeIndex=t,this._sendChangeEvent()}removeSlotContent(t){this.slotContents=this.slotContents.filter((e,o)=>o!==t),this.activeIndex===t?this.activeIndex=t:this.slotContents.length>0&&this.activeIndex>t&&this.activeIndex--,this._sendChangeEvent()}render(){const t=this.slotContents.map((e,o)=>{const s=_.localize(e.label,this.contentLanguage);return g.x`<li class=${o===this.activeIndex?"active":""}>
           <div class="draggable-slot-content">
             <div
               class="draggable-slot-content-label"

package/components/slot-menu-list/index.js

@@ -17,12 +17,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { k as P, a as F, x as k, n as x } from "../property-B2F7x7Cz.js";
+import { L as P, r as F, x as E, n as x } from "../focusable-Dw_pMNQL.js";
 import { _ as S, a as D, d as j, s as $, g as w } from "../get-css-variable-Bhbr-Kr1.js";
-import { O as L, v as A } from "../luzmo-icons-DxZo8BWX.js";
-import { m as M, d as R } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
-import { l as q } from "../localize-BX7q0S0M.js";
-import { e as T } from "../base-D76d76ww.js";
+import { O as L, v as A } from "../luzmo-icons-CmY3chvZ.js";
+import { l as M } from "../localize-BX7q0S0M.js";
+import { e as R } from "../base-D76d76ww.js";
+import { S as q, E as T } from "../sized-mixin-DMuOVsw0.js";
 const _ = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const l = document.createElement("style");
@@ -37,7 +37,7 @@ _();
  */
 let U;
 function B(l) {
-  return (o, t) => T(o, t, { get() {
+  return (o, t) => R(o, t, { get() {
     return (this.renderRoot ?? U ?? (U = document.createDocumentFragment())).querySelectorAll(l);
   } });
 }
@@ -60,7 +60,7 @@ function V(l) {
     iterations: 1
   });
 }
-function E(l, o) {
+function k(l, o) {
   var t = Object.keys(l);
   if (Object.getOwnPropertySymbols) {
     var e = Object.getOwnPropertySymbols(l);
@@ -73,9 +73,9 @@ function E(l, o) {
 function C(l) {
   for (var o = 1; o < arguments.length; o++) {
     var t = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? E(Object(t), !0).forEach(function(e) {
+    o % 2 ? k(Object(t), !0).forEach(function(e) {
       S(l, e, t[e]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(t)) : E(Object(t)).forEach(function(e) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach(function(e) {
       Object.defineProperty(l, e, Object.getOwnPropertyDescriptor(t, e));
     });
   }
@@ -119,8 +119,8 @@ var X = Object.defineProperty, h = (l, o, t, e) => {
     (r = l[d]) && (s = r(o, t, s) || s);
   return s && X(o, t, s), s;
 };
-class z extends M(P, {
-  validSizes: Object.values(R)
+class z extends q(P, {
+  validSizes: Object.values(T)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.activeIndex = 0, this._sendChangeEvent = () => {
@@ -308,8 +308,8 @@ class z extends M(P, {
   render() {
     const o = this.slotContents.map(
       (t, e) => {
-        const s = q(t.label, this.contentLanguage);
-        return k`<li class=${e === this.activeIndex ? "active" : ""}>
+        const s = M(t.label, this.contentLanguage);
+        return E`<li class=${e === this.activeIndex ? "active" : ""}>
           <div class="draggable-slot-content">
             <div
               class="draggable-slot-content-label"
@@ -327,7 +327,7 @@ class z extends M(P, {
         </li>`;
       }
     );
-    return k`<div>${o}</div>`;
+    return E`<div>${o}</div>`;
   }
 }
 h([

package/components/slot-menu-list/slot-menu-list.d.ts

@@ -1,8 +1,8 @@
 import { CSSResultArray, TemplateResult } from 'lit';
-import { LuzmoElement } from '@luzmo/lucero/utils';
+import { LuzmoElement } from '../../utils/base';
 declare const LuzmoSlotMenuList_base: typeof LuzmoElement & {
-    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
-    prototype: import("@luzmo/lucero").SizedElementInterface;
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
 };
 /**
  * @element luzmo-slot-menu-list

package/components/{state-BFA93Sye.cjs → state-QgHgNZLe.cjs}

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const r=require("./property-0L4eB11h.cjs");/**
+"use strict";const e=require("./focusable-Cu_m_GTh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function e(t){return r.n({...t,state:!0,attribute:!1})}exports.r=e;
+ */function r(t){return e.n({...t,state:!0,attribute:!1})}exports.r=r;

package/components/{state-Joaryhrg.js → state-e2n-fyrr.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as r } from "./property-B2F7x7Cz.js";
+import { n as r } from "./focusable-Dw_pMNQL.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/components/{language-resolution-8yZa5r_P-CYK1IIrs.cjs → streaming-listener-CCalHg57-2AtO4Ho2.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const l=require("./property-0L4eB11h.cjs"),o=require("./async-directive-DWRUSKKF-D4itZyzc.cjs"),m=require("./directive-helpers-nlQRAaQt-3kEWF2GV.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const l=require("./base-D76d76ww-C6YO3slp.cjs"),o=require("./async-directive-DWRUSKKF-DWUZeMaj.cjs"),m=require("./directive-helpers-nlQRAaQt-DTZp2cFt.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -33,7 +33,7 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const i=["",()=>{}];class u extends o.C{constructor(){super(...arguments),this.start=i,this.streamInside=i,this.end=i,this.streamOutside=i,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return l.d}update(e,[{start:t,end:s,streamInside:n=i,streamOutside:d=i}]){var a;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((a=e.options)==null?void 0:a.host)||this.element,this.start=t,this.end=s,this.streamInside=n,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const c=m._(u);/*! * Lucero - The design system for Luzmo.
+ * */const r=Symbol("language resolver updated");let u=class{constructor(e){this.language=document.documentElement.lang||navigator.language,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}resolveLanguage(){const e=new CustomEvent("luzmo-language-context",{bubbles:!0,composed:!0,detail:{callback:(t,s)=>{const n=this.language;this.language=t,this.unsubscribe=s,this.host.requestUpdate(r,n)}},cancelable:!0});this.host.dispatchEvent(e)}};/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -49,4 +49,4 @@
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
- * */const r=Symbol("language resolver updated");let v=class{constructor(e){this.language=document.documentElement.lang||navigator.language,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}resolveLanguage(){const e=new CustomEvent("luzmo-language-context",{bubbles:!0,composed:!0,detail:{callback:(t,s)=>{const n=this.language;this.language=t,this.unsubscribe=s,this.host.requestUpdate(r,n)}},cancelable:!0});this.host.dispatchEvent(e)}};exports.l=v;exports.o=r;exports.u=c;
+ * */const i=["",()=>{}];class c extends o.C{constructor(){super(...arguments),this.start=i,this.streamInside=i,this.end=i,this.streamOutside=i,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return l.d}update(e,[{start:t,end:s,streamInside:n=i,streamOutside:d=i}]){var a;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((a=e.options)==null?void 0:a.host)||this.element,this.start=t,this.end=s,this.streamInside=n,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const v=m._(c);exports.l=u;exports.o=r;exports.u=v;

package/components/{language-resolution-8yZa5r_P-Chn3SFme.js → streaming-listener-CCalHg57-CQgWstyf.js}

@@ -17,9 +17,58 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d } from "./property-B2F7x7Cz.js";
-import { C as l } from "./async-directive-DWRUSKKF-CmOVMf6V.js";
-import { _ as o } from "./directive-helpers-nlQRAaQt-I6T4KZKW.js";
+import { d } from "./base-D76d76ww-M5t7LVBG.js";
+import { C as l } from "./async-directive-DWRUSKKF-CPf9l5wJ.js";
+import { _ as o } from "./directive-helpers-nlQRAaQt-DgSC1Yr2.js";
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const m = Symbol(
+  "language resolver updated"
+);
+let g = class {
+  constructor(e) {
+    this.language = document.documentElement.lang || navigator.language, this.host = e, this.host.addController(this);
+  }
+  hostConnected() {
+    this.resolveLanguage();
+  }
+  hostDisconnected() {
+    var e;
+    (e = this.unsubscribe) == null || e.call(this);
+  }
+  resolveLanguage() {
+    const e = new CustomEvent(
+      "luzmo-language-context",
+      {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          callback: (t, s) => {
+            const n = this.language;
+            this.language = t, this.unsubscribe = s, this.host.requestUpdate(m, n);
+          }
+        },
+        cancelable: !0
+      }
+    );
+    this.host.dispatchEvent(e);
+  }
+};
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
@@ -39,7 +88,7 @@ import { _ as o } from "./directive-helpers-nlQRAaQt-I6T4KZKW.js";
  * */
 const i = ["", () => {
 }];
-class m extends l {
+class u extends l {
   constructor() {
     super(...arguments), this.start = i, this.streamInside = i, this.end = i, this.streamOutside = i, this.state = "off", this.handleStart = (e) => {
       this.clearStream(), this.callHandler(this.start[1], e), !e.defaultPrevented && (this.removeListeners(), this.addListeners("on"));
@@ -102,60 +151,11 @@ class m extends l {
     this.addListeners();
   }
 }
-const g = o(
-  m
+const f = o(
+  u
 );
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const u = Symbol(
-  "language resolver updated"
-);
-let p = class {
-  constructor(e) {
-    this.language = document.documentElement.lang || navigator.language, this.host = e, this.host.addController(this);
-  }
-  hostConnected() {
-    this.resolveLanguage();
-  }
-  hostDisconnected() {
-    var e;
-    (e = this.unsubscribe) == null || e.call(this);
-  }
-  resolveLanguage() {
-    const e = new CustomEvent(
-      "luzmo-language-context",
-      {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          callback: (t, s) => {
-            const n = this.language;
-            this.language = t, this.unsubscribe = s, this.host.requestUpdate(u, n);
-          }
-        },
-        cancelable: !0
-      }
-    );
-    this.host.dispatchEvent(e);
-  }
-};
 export {
-  p as l,
-  u as o,
-  g as u
+  g as l,
+  m as o,
+  f as u
 };

package/components/{task-B8yMzxui.cjs → task-fQFUVV8e.cjs}

@@ -17,8 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const d=require("./property-0L4eB11h.cjs");/**
+"use strict";const d=require("./focusable-Cu_m_GTh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const p=Symbol();class f{get taskComplete(){return this.t||(this.i===1?this.t=new Promise((t,i)=>{this.o=t,this.h=i}):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(t,i,r){var e;this.p=0,this.i=0,(this._=t).addController(this);const s=typeof i=="object"?i:{task:i,args:r};this.v=s.task,this.j=s.args,this.m=s.argsEqual??g,this.k=s.onComplete,this.A=s.onError,this.autoRun=s.autoRun??!0,"initialValue"in s&&(this.u=s.initialValue,this.i=2,this.O=(e=this.T)==null?void 0:e.call(this))}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;const t=this.j();if(!Array.isArray(t))throw Error("The args function must return an array");return t}async S(){const t=this.T(),i=this.O;this.O=t,t===i||t===void 0||i!==void 0&&this.m(i,t)||await this.run(t)}async run(t){var a,o,n,u,l;let i,r;t??(t=this.T()),this.O=t,this.i===1?(a=this.q)==null||a.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask(()=>this._.requestUpdate()):this._.requestUpdate();const s=++this.p;this.q=new AbortController;let e=!1;try{i=await this.v(t,{signal:this.q.signal})}catch(c){e=!0,r=c}if(this.p===s){if(i===p)this.i=0;else{if(e===!1){try{(o=this.k)==null||o.call(this,i)}catch{}this.i=2,(n=this.o)==null||n.call(this,i)}else{try{(u=this.A)==null||u.call(this,r)}catch{}this.i=3,(l=this.h)==null||l.call(this,r)}this.u=i,this.l=r}this._.requestUpdate()}}abort(t){var i;this.i===1&&((i=this.q)==null||i.abort(t))}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(t){var i,r,s,e;switch(this.i){case 0:return(i=t.initial)==null?void 0:i.call(t);case 1:return(r=t.pending)==null?void 0:r.call(t);case 2:return(s=t.complete)==null?void 0:s.call(t,this.value);case 3:return(e=t.error)==null?void 0:e.call(t,this.error);default:throw Error("Unexpected status: "+this.i)}}}const g=(h,t)=>h===t||h.length===t.length&&h.every((i,r)=>!d.f(i,t[r]));exports.h=f;
+ */const p=Symbol();class f{get taskComplete(){return this.t||(this.i===1?this.t=new Promise((t,i)=>{this.o=t,this.h=i}):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(t,i,e){var h;this.p=0,this.i=0,(this._=t).addController(this);const s=typeof i=="object"?i:{task:i,args:e};this.v=s.task,this.j=s.args,this.m=s.argsEqual??g,this.k=s.onComplete,this.A=s.onError,this.autoRun=s.autoRun??!0,"initialValue"in s&&(this.u=s.initialValue,this.i=2,this.O=(h=this.T)==null?void 0:h.call(this))}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;const t=this.j();if(!Array.isArray(t))throw Error("The args function must return an array");return t}async S(){const t=this.T(),i=this.O;this.O=t,t===i||t===void 0||i!==void 0&&this.m(i,t)||await this.run(t)}async run(t){var a,o,n,u,l;let i,e;t??(t=this.T()),this.O=t,this.i===1?(a=this.q)==null||a.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask(()=>this._.requestUpdate()):this._.requestUpdate();const s=++this.p;this.q=new AbortController;let h=!1;try{i=await this.v(t,{signal:this.q.signal})}catch(c){h=!0,e=c}if(this.p===s){if(i===p)this.i=0;else{if(h===!1){try{(o=this.k)==null||o.call(this,i)}catch{}this.i=2,(n=this.o)==null||n.call(this,i)}else{try{(u=this.A)==null||u.call(this,e)}catch{}this.i=3,(l=this.h)==null||l.call(this,e)}this.u=i,this.l=e}this._.requestUpdate()}}abort(t){var i;this.i===1&&((i=this.q)==null||i.abort(t))}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(t){var i,e,s,h;switch(this.i){case 0:return(i=t.initial)==null?void 0:i.call(t);case 1:return(e=t.pending)==null?void 0:e.call(t);case 2:return(s=t.complete)==null?void 0:s.call(t,this.value);case 3:return(h=t.error)==null?void 0:h.call(t,this.error);default:throw Error("Unexpected status: "+this.i)}}}const g=(r,t)=>r===t||r.length===t.length&&r.every((i,e)=>!d.f(i,t[e]));exports.h=f;

package/components/{task-Cr9aRIbV.js → task-gE27tBDv.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { f as d } from "./property-B2F7x7Cz.js";
+import { f as d } from "./focusable-Dw_pMNQL.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/components/{text-field-BTnBJoP9-jo797Hka.js → text-field-BTnBJoP9-BuahhcXU.js}

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { H as s, r as g, h as b, d as u, v as h, R as r } from "./property-B2F7x7Cz.js";
-import { _ as z, n as m, $ as y, s as c, r as k, f as w } from "./directive-helpers-nlQRAaQt-I6T4KZKW.js";
-import { m as n, d as $ } from "./if-defined-BSAr_4u4-4Ys8VE7T.js";
-import { O as v, I as q, F as T } from "./luzmo-icons-DxZo8BWX.js";
-import { m as E } from "./sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { H as s, m as g, h as b, d as u, v as h, R as r } from "./base-D76d76ww-M5t7LVBG.js";
+import { _ as z, n as m, $ as y, s as c, r as k, f as w } from "./directive-helpers-nlQRAaQt-DgSC1Yr2.js";
+import { m as n, d as $ } from "./if-defined-BSAr_4u4-BCnSpSsA.js";
+import { O as v, I as q, F as T } from "./luzmo-icons-CmY3chvZ.js";
+import { r as E } from "./focusable-cj2QhwDT-DlzfnLn9.js";
 import { n as f, u as I } from "./element-resolution-FCUT-wql--7ctE626.js";
 /*! * Lucero - The design system for Luzmo.
  * 
@@ -172,7 +172,7 @@ var C = Object.defineProperty, H = Object.getOwnPropertyDescriptor, i = (l, e, t
 };
 const L = ["text", "url", "tel", "email", "password"];
 class o extends S(
-  E(g, {
+  g(E, {
     noDefaultSize: !0
   })
 ) {

package/components/{text-field-BTnBJoP9-Cwm3XQ88.cjs → text-field-BTnBJoP9-CDMhK3d1.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const t=require("./property-0L4eB11h.cjs"),d=require("./directive-helpers-nlQRAaQt-3kEWF2GV.cjs"),a=require("./if-defined-BSAr_4u4-gECNwmTC.cjs"),c=require("./luzmo-icons-XsFsTAl3.cjs"),f=require("./sized-mixin-BxMraZLS-DEFWqo8f.cjs"),p=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";const t=require("./base-D76d76ww-C6YO3slp.cjs"),d=require("./directive-helpers-nlQRAaQt-DTZp2cFt.cjs"),a=require("./if-defined-BSAr_4u4-CIqREoag.cjs"),c=require("./luzmo-icons-lvebt6bp.cjs"),f=require("./focusable-cj2QhwDT-CvevSkDr.cjs"),p=require("./element-resolution-FCUT-wql-DSTvdyds.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.
@@ -81,7 +81,7 @@
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(f.m(t.r,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.ht(g)]}set type(e){const i=this._type;this._type=e,this.requestUpdate("type",i)}get type(){return k.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,i,n="none"){this.inputElement.setSelectionRange(e,i,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const i=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(i,i);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?t.Ht`
+ */const b=d._(class extends d.${constructor(r){if(super(r),r.type!==d.s.PROPERTY&&r.type!==d.s.ATTRIBUTE&&r.type!==d.s.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!d.r(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===t.v||e===t.d)return e;const i=r.element,n=r.name;if(r.type===d.s.PROPERTY){if(e===i[n])return t.v}else if(r.type===d.s.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(n))return t.v}else if(r.type===d.s.ATTRIBUTE&&i.getAttribute(n)===e+"")return t.v;return d.f(r),e}});var z=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(r,e,i,n)=>{for(var s=n>1?void 0:n?y(e,i):e,u=r.length-1,h;u>=0;u--)(h=r[u])&&(s=(n?h(e,i,s):h(s))||s);return n&&s&&z(e,i,s),s};const k=["text","url","tel","email","password"];class o extends v(t.m(f.r,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[t.ht(g)]}set type(e){const i=this._type;this._type=e,this.requestUpdate("type",i)}get type(){return k.find(e=>e===this._type)??"text"}set value(e){if(e===this.value)return;const i=this._value;this._value=e,this.requestUpdate("value",i)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,i,n="none"){this.inputElement.setSelectionRange(e,i,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){const i=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(i,i);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?t.Ht`
         <div id="invalid" class="icon">${c.O2(c.I)}</div>
       `:this.valid?t.Ht`
         <div id="valid" class="icon">${c.O2(c.F)}</div>