@luzmo/lucero 0.0.37 → 0.0.39

package/components/color-picker/index.cjs

@@ -15,7 +15,7 @@
  * 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 t=require("../base-CBCg3yyw.cjs"),c=require("../state-D8JEtYqe.cjs"),u=require("../query-BL-TJj7K.cjs"),h=require("../sized-mixin-CPxE5C96.cjs");require("../color-menu/index.cjs");require("../overlay/index.cjs");const d=require("../slottable-request-event-BfUUt1Mh.cjs");require("../popover/index.cjs");require("../swatch/index.cjs");const m="luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";var v=Object.defineProperty,o=(i,r,a,g)=>{for(var l=void 0,n=i.length-1,p;n>=0;n--)(p=i[n])&&(l=p(r,a,l)||l);return l&&v(r,a,l),l};const s=class s extends h.SizedMixin(t.LuzmoElement){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.open=!1,this.disabled=!1,this.placement="left-start",this.rounding="full",this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){this.color=this.menuElement.color,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener("slottable-request",r=>{this._renderMenu=r.data!==d.removeSlottableRequest})}updated(r){r.has("open")&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-CBCg3yyw.cjs"),c=require("../state-D8JEtYqe.cjs"),u=require("../query-BL-TJj7K.cjs"),h=require("../sized-mixin-CPxE5C96.cjs");require("../color-menu/index.cjs");require("../overlay/index.cjs");const d=require("../slottable-request-event-BfUUt1Mh.cjs");require("../popover/index.cjs");require("../swatch/index.cjs");const m="luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";var v=Object.defineProperty,o=(i,r,a,g)=>{for(var l=void 0,n=i.length-1,p;n>=0;n--)(p=i[n])&&(l=p(r,a,l)||l);return l&&v(r,a,l),l};const s=class s extends h.SizedMixin(t.LuzmoElement){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.open=!1,this.disabled=!1,this.placement="left-start",this.rounding="full",this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){const r=this.menuElement.color;this.color=typeof r=="string"?r:String(r),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener("slottable-request",r=>{this._renderMenu=r.data!==d.removeSlottableRequest})}updated(r){r.has("open")&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return t.x`
       <luzmo-color-menu
         .size=${this.size}
         .color=${this.color}
@@ -37,9 +37,8 @@
       ></luzmo-swatch>
       <luzmo-overlay
         trigger=${this.disabled?"":"trigger@click"}
-        type="auto"
         .placement=${this.placement}
-        type="page"
+        type="auto"
       >
         <luzmo-popover style="position:relative">
           ${this._renderMenu?this.renderColorMenu():t.x``}

package/components/color-picker/index.js

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as z, r as d, x as u, n as r } from "../base-WsynuqaS.js";
+import { a as z, r as d, x as u, n as l } from "../base-WsynuqaS.js";
 import { r as h } from "../state-Deh-vKYE.js";
 import { e as c } from "../query-D_KR_GUc.js";
 import { S as g } from "../sized-mixin-D4ACoVUr.js";
@@ -26,16 +26,16 @@ import "../popover/index.js";
 import "../swatch/index.js";
 const p = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const l = document.createElement("style");
-    l.setAttribute("data-luzmo-vars", ""), l.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(l);
+    const t = document.createElement("style");
+    t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
   }
 };
 p();
 const b = "luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";
-var v = Object.defineProperty, e = (l, t, s, x) => {
-  for (var n = void 0, i = l.length - 1, m; i >= 0; i--)
-    (m = l[i]) && (n = m(t, s, n) || n);
-  return n && v(t, s, n), n;
+var v = Object.defineProperty, e = (t, r, s, x) => {
+  for (var n = void 0, i = t.length - 1, m; i >= 0; i--)
+    (m = t[i]) && (n = m(r, s, n) || n);
+  return n && v(r, s, n), n;
 };
 const a = class a extends g(z) {
   constructor() {
@@ -48,7 +48,8 @@ const a = class a extends g(z) {
     this.open = !0;
   }
   handleColorChange() {
-    this.color = this.menuElement.color, this.dispatchEvent(
+    const r = this.menuElement.color;
+    this.color = typeof r == "string" ? r : String(r), this.dispatchEvent(
       new Event("change", {
         bubbles: !0,
         composed: !0
@@ -56,12 +57,12 @@ const a = class a extends g(z) {
     );
   }
   firstUpdated() {
-    this.overlayElement.addEventListener("slottable-request", (t) => {
-      this._renderMenu = t.data !== f;
+    this.overlayElement.addEventListener("slottable-request", (r) => {
+      this._renderMenu = r.data !== f;
     });
   }
-  updated(t) {
-    t.has("open") && this.open === !0 && (this._renderMenu = !0);
+  updated(r) {
+    r.has("open") && this.open === !0 && (this._renderMenu = !0);
   }
   renderColorMenu() {
     return u`
@@ -89,9 +90,8 @@ const a = class a extends g(z) {
       ></luzmo-swatch>
       <luzmo-overlay
         trigger=${this.disabled ? "" : "trigger@click"}
-        type="auto"
         .placement=${this.placement}
-        type="page"
+        type="auto"
       >
         <luzmo-popover style="position:relative">
           ${this._renderMenu ? this.renderColorMenu() : u``}
@@ -103,28 +103,28 @@ const a = class a extends g(z) {
 a.styles = d(b);
 let o = a;
 e([
-  r({ type: String, reflect: !0 })
+  l({ type: String, reflect: !0 })
 ], o.prototype, "color");
 e([
-  r({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], o.prototype, "open");
 e([
-  r({ type: Boolean, reflect: !0 })
+  l({ type: Boolean, reflect: !0 })
 ], o.prototype, "disabled");
 e([
-  r({ type: String, reflect: !0 })
+  l({ type: String, reflect: !0 })
 ], o.prototype, "placement");
 e([
-  r({ type: String, reflect: !0 })
+  l({ type: String, reflect: !0 })
 ], o.prototype, "rounding");
 e([
-  r({ type: String, reflect: !0 })
+  l({ type: String, reflect: !0 })
 ], o.prototype, "shape");
 e([
-  r({ type: Array, reflect: !0 })
+  l({ type: Array, reflect: !0 })
 ], o.prototype, "swatches");
 e([
-  r({ type: Boolean, reflect: !0, attribute: "no-alpha-channel" })
+  l({ type: Boolean, reflect: !0, attribute: "no-alpha-channel" })
 ], o.prototype, "noAlphaChannel");
 e([
   c("luzmo-color-menu")

package/components/index.cjs

@@ -15,4 +15,4 @@
  * 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 l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),b=require("./button-group/index.cjs"),S=require("./index-BLWuwZXx.cjs"),T=require("./checkbox/index.cjs"),v=require("./color-area/index.cjs"),C=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),M=require("./color-picker/index.cjs"),A=require("./color-slider/index.cjs"),O=require("./date-time-picker/index.cjs"),P=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const F=require("./icon/index.cjs"),y=require("./infield-button/index.cjs"),B=require("./label/index.cjs"),i=require("./menu/index.cjs"),k=require("./multi-language-field/index.cjs"),R=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const h=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const m=require("./radio/index.cjs"),D=require("./search/index.cjs"),E=require("./select/index.cjs"),G=require("./slider/index.cjs"),c=require("./swatch/index.cjs"),f=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),s=require("./tags/index.cjs"),N=require("./text-field/index.cjs"),U=require("./toast/index.cjs"),w=require("./tooltip/index.cjs"),H=require("./unit-input/index.cjs"),L=require("./base-CBCg3yyw.cjs"),V=require("./focus-visible-B0P9aY_G.cjs"),K=require("./focusable-EbipgXRh.cjs"),o=require("./platform-BiXhwqk3.cjs"),a=require("./sized-mixin-CPxE5C96.cjs"),W=require("./streaming-listener-B00MvALi.cjs"),Z=require("./action-group-DJGMcRHb.cjs"),j=require("./clear-button-Qi1pMA5S.cjs"),J=require("./close-button-BFMBEw3q.cjs"),Q=require("./color-loupe-CaA_Lfkk.cjs"),X=require("./field-group-DkGst3r5.cjs"),Y=require("./field-label-mO1AkUgR.cjs"),e=require("./overlay-o0tLxsk-.cjs"),z=require("./slottable-request-event-BfUUt1Mh.cjs"),n=require("./picker-0tQg3Aob.cjs"),$=require("./popover-KFfO0IYL.cjs"),ee=require("./progress-circle-BvRJNuNo.cjs"),oe=require("./text-field-D5d_Gt0t.cjs");exports.LuzmoAccordion=l.LuzmoAccordion;exports.LuzmoAccordionItem=l.LuzmoAccordionItem;exports.LuzmoActionBar=d.LuzmoActionBar;exports.LuzmoActionButton=q.LuzmoActionButton;exports.LuzmoActionMenu=p.LuzmoActionMenu;exports.LuzmoAvatar=x.LuzmoAvatar;exports.LuzmoButton=_.LuzmoButton;exports.LuzmoButtonGroup=b.LuzmoButtonGroup;exports.LuzmoCalendar=S.LuzmoCalendar;exports.LuzmoCheckbox=T.LuzmoCheckbox;exports.LuzmoColorArea=v.LuzmoColorArea;exports.LuzmoColorField=C.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=M.LuzmoColorPicker;exports.LuzmoColorSlider=A.LuzmoColorSlider;exports.LuzmoDateTimePicker=O.LuzmoDateTimePicker;exports.LuzmoDivider=P.LuzmoDivider;exports.LuzmoIcon=F.LuzmoIcon;exports.LuzmoInfieldButton=y.LuzmoInfieldButton;exports.LuzmoLabel=B.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=k.LuzmoMultiLangField;exports.LuzmoNumberField=R.LuzmoNumberField;exports.LuzmoOption=u.LuzmoOption;exports.LuzmoOptions=u.LuzmoOptions;exports.LuzmoOptionsDivider=u.LuzmoOptionsDivider;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=u.VIRTUALIZE_AS_OF_NUM_ITEMS;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=h.LuzmoPickerButton;exports.LuzmoRadio=m.LuzmoRadio;exports.LuzmoRadioGroup=m.LuzmoRadioGroup;exports.LuzmoSearch=D.LuzmoSearch;exports.LuzmoSelect=E.LuzmoSelect;exports.LuzmoSlider=G.LuzmoSlider;exports.LuzmoSwatch=c.LuzmoSwatch;exports.LuzmoSwatchGroup=c.LuzmoSwatchGroup;exports.LuzmoSwitch=f.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTag=s.LuzmoTag;exports.LuzmoTags=s.LuzmoTags;exports.LuzmoHelpText=N.LuzmoHelpText;exports.LuzmoToast=U.LuzmoToast;exports.LuzmoTooltip=w.LuzmoTooltip;exports.LuzmoUnitInput=H.LuzmoUnitInput;exports.LuzmoElement=L.LuzmoElement;exports.LuzmoMixin=L.LuzmoMixin;exports.FocusVisiblePolyfillMixin=V.FocusVisiblePolyfillMixin;exports.Focusable=K.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=a.ElementSizes;exports.SizedMixin=a.SizedMixin;exports.streamingListener=W.streamingListener;exports.LuzmoActionGroup=Z.LuzmoActionGroup;exports.LuzmoClearButton=j.LuzmoClearButton;exports.LuzmoCloseButton=J.LuzmoCloseButton;exports.LuzmoColorLoupe=Q.LuzmoColorLoupe;exports.LuzmoFieldGroup=X.LuzmoFieldGroup;exports.LuzmoFieldLabel=Y.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=z.SlottableRequestEvent;exports.removeSlottableRequest=z.removeSlottableRequest;exports.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoPopover=$.LuzmoPopover;exports.LuzmoProgressCircle=ee.LuzmoProgressCircle;exports.LuzmoTextField=oe.LuzmoTextField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./accordion/index.cjs"),d=require("./action-bar/index.cjs"),q=require("./action-button/index.cjs");require("./action-group/index.cjs");const p=require("./action-menu/index.cjs"),x=require("./avatar/index.cjs"),_=require("./button/index.cjs"),S=require("./button-group/index.cjs"),T=require("./index-BLWuwZXx.cjs"),b=require("./checkbox/index.cjs"),C=require("./color-area/index.cjs"),v=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),A=require("./color-picker/index.cjs"),O=require("./color-slider/index.cjs"),M=require("./date-time-picker/index.cjs"),F=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const P=require("./icon/index.cjs"),y=require("./infield-button/index.cjs"),R=require("./label/index.cjs"),i=require("./menu/index.cjs"),B=require("./multi-language-field/index.cjs"),k=require("./number-field/index.cjs"),u=require("./options/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const G=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const m=require("./radio/index.cjs"),h=require("./search/index.cjs"),D=require("./select/index.cjs"),E=require("./slider/index.cjs"),c=require("./swatch/index.cjs"),f=require("./switch/index.cjs"),t=require("./tabs/index.cjs"),s=require("./tags/index.cjs"),N=require("./text-field/index.cjs"),U=require("./toast/index.cjs"),w=require("./tooltip/index.cjs"),H=require("./unit-input/index.cjs"),L=require("./base-CBCg3yyw.cjs"),V=require("./focus-visible-B0P9aY_G.cjs"),K=require("./focusable-EbipgXRh.cjs"),o=require("./platform-BiXhwqk3.cjs"),a=require("./sized-mixin-CPxE5C96.cjs"),W=require("./streaming-listener-B00MvALi.cjs"),Z=require("./action-group-DJGMcRHb.cjs"),j=require("./clear-button-Qi1pMA5S.cjs"),J=require("./close-button-BFMBEw3q.cjs"),Q=require("./color-loupe-CaA_Lfkk.cjs"),X=require("./field-group-DkGst3r5.cjs"),Y=require("./field-label-mO1AkUgR.cjs"),e=require("./overlay-lzq2PziH.cjs"),z=require("./slottable-request-event-BfUUt1Mh.cjs"),n=require("./picker-DWsBWdPN.cjs"),$=require("./popover-KFfO0IYL.cjs"),ee=require("./progress-circle-BvRJNuNo.cjs"),oe=require("./text-field-D5d_Gt0t.cjs");exports.LuzmoAccordion=l.LuzmoAccordion;exports.LuzmoAccordionItem=l.LuzmoAccordionItem;exports.LuzmoActionBar=d.LuzmoActionBar;exports.LuzmoActionButton=q.LuzmoActionButton;exports.LuzmoActionMenu=p.LuzmoActionMenu;exports.LuzmoAvatar=x.LuzmoAvatar;exports.LuzmoButton=_.LuzmoButton;exports.LuzmoButtonGroup=S.LuzmoButtonGroup;exports.LuzmoCalendar=T.LuzmoCalendar;exports.LuzmoCheckbox=b.LuzmoCheckbox;exports.LuzmoColorArea=C.LuzmoColorArea;exports.LuzmoColorField=v.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=A.LuzmoColorPicker;exports.LuzmoColorSlider=O.LuzmoColorSlider;exports.LuzmoDateTimePicker=M.LuzmoDateTimePicker;exports.LuzmoDivider=F.LuzmoDivider;exports.LuzmoIcon=P.LuzmoIcon;exports.LuzmoInfieldButton=y.LuzmoInfieldButton;exports.LuzmoLabel=R.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=B.LuzmoMultiLangField;exports.LuzmoNumberField=k.LuzmoNumberField;exports.LuzmoOption=u.LuzmoOption;exports.LuzmoOptions=u.LuzmoOptions;exports.LuzmoOptionsDivider=u.LuzmoOptionsDivider;exports.VIRTUALIZE_AS_OF_NUM_ITEMS=u.VIRTUALIZE_AS_OF_NUM_ITEMS;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=G.LuzmoPickerButton;exports.LuzmoRadio=m.LuzmoRadio;exports.LuzmoRadioGroup=m.LuzmoRadioGroup;exports.LuzmoSearch=h.LuzmoSearch;exports.LuzmoSelect=D.LuzmoSelect;exports.LuzmoSlider=E.LuzmoSlider;exports.LuzmoSwatch=c.LuzmoSwatch;exports.LuzmoSwatchGroup=c.LuzmoSwatchGroup;exports.LuzmoSwitch=f.LuzmoSwitch;exports.LuzmoTab=t.LuzmoTab;exports.LuzmoTabPanel=t.LuzmoTabPanel;exports.LuzmoTabs=t.LuzmoTabs;exports.LuzmoTabsOverflow=t.LuzmoTabsOverflow;exports.LuzmoTag=s.LuzmoTag;exports.LuzmoTags=s.LuzmoTags;exports.LuzmoHelpText=N.LuzmoHelpText;exports.LuzmoToast=U.LuzmoToast;exports.LuzmoTooltip=w.LuzmoTooltip;exports.LuzmoUnitInput=H.LuzmoUnitInput;exports.LuzmoElement=L.LuzmoElement;exports.LuzmoMixin=L.LuzmoMixin;exports.FocusVisiblePolyfillMixin=V.FocusVisiblePolyfillMixin;exports.Focusable=K.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=a.ElementSizes;exports.SizedMixin=a.SizedMixin;exports.streamingListener=W.streamingListener;exports.LuzmoActionGroup=Z.LuzmoActionGroup;exports.LuzmoClearButton=j.LuzmoClearButton;exports.LuzmoCloseButton=J.LuzmoCloseButton;exports.LuzmoColorLoupe=Q.LuzmoColorLoupe;exports.LuzmoFieldGroup=X.LuzmoFieldGroup;exports.LuzmoFieldLabel=Y.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.SAFARI_FOCUS_RING_CLASS=e.SAFARI_FOCUS_RING_CLASS;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.lastInteractionType=e.lastInteractionType;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=z.SlottableRequestEvent;exports.removeSlottableRequest=z.removeSlottableRequest;exports.DESCRIPTION_ID=n.DESCRIPTION_ID;exports.LuzmoPicker=n.LuzmoPicker;exports.LuzmoPickerBase=n.LuzmoPickerBase;exports.LuzmoPopover=$.LuzmoPopover;exports.LuzmoProgressCircle=ee.LuzmoProgressCircle;exports.LuzmoTextField=oe.LuzmoTextField;

package/components/index.js

@@ -21,18 +21,18 @@ import { LuzmoActionButton as x } from "./action-button/index.js";
 import "./action-group/index.js";
 import { LuzmoActionMenu as g } from "./action-menu/index.js";
 import { LuzmoAvatar as h } from "./avatar/index.js";
-import { LuzmoButton as y } from "./button/index.js";
+import { LuzmoButton as S } from "./button/index.js";
 import { LuzmoButtonGroup as C } from "./button-group/index.js";
-import { L as I } from "./index-A-yOTB_d.js";
+import { L as T } from "./index-A-yOTB_d.js";
 import { LuzmoCheckbox as w } from "./checkbox/index.js";
 import { LuzmoColorArea as O } from "./color-area/index.js";
-import { LuzmoColorField as P } from "./color-field/index.js";
-import { LuzmoColorHandle as E } from "./color-handle/index.js";
+import { LuzmoColorField as M } from "./color-field/index.js";
+import { LuzmoColorHandle as R } from "./color-handle/index.js";
 import "./color-loupe/index.js";
 import { LuzmoColorMenu as B } from "./color-menu/index.js";
 import { LuzmoColorPicker as G } from "./color-picker/index.js";
-import { LuzmoColorSlider as N } from "./color-slider/index.js";
-import { LuzmoDateTimePicker as _ } from "./date-time-picker/index.js";
+import { LuzmoColorSlider as _ } from "./color-slider/index.js";
+import { LuzmoDateTimePicker as H } from "./date-time-picker/index.js";
 import { LuzmoDivider as V } from "./divider/index.js";
 import "./field-group/index.js";
 import "./field-label/index.js";
@@ -48,14 +48,14 @@ import "./picker/index.js";
 import { LuzmoPickerButton as vo } from "./picker-button/index.js";
 import "./popover/index.js";
 import "./progress-circle/index.js";
-import { LuzmoRadio as So, LuzmoRadioGroup as Co } from "./radio/index.js";
-import { LuzmoSearch as Io } from "./search/index.js";
+import { LuzmoRadio as yo, LuzmoRadioGroup as Co } from "./radio/index.js";
+import { LuzmoSearch as To } from "./search/index.js";
 import { LuzmoSelect as wo } from "./select/index.js";
 import { LuzmoSlider as Oo } from "./slider/index.js";
-import { LuzmoSwatch as Po, LuzmoSwatchGroup as Fo } from "./swatch/index.js";
-import { LuzmoSwitch as Ro } from "./switch/index.js";
-import { LuzmoTab as Do, LuzmoTabPanel as Go, LuzmoTabs as Uo, LuzmoTabsOverflow as No } from "./tabs/index.js";
-import { LuzmoTag as _o, LuzmoTags as qo } from "./tags/index.js";
+import { LuzmoSwatch as Mo, LuzmoSwatchGroup as Po } from "./swatch/index.js";
+import { LuzmoSwitch as Eo } from "./switch/index.js";
+import { LuzmoTab as Do, LuzmoTabPanel as Go, LuzmoTabs as Uo, LuzmoTabsOverflow as _o } from "./tabs/index.js";
+import { LuzmoTag as Ho, LuzmoTags as qo } from "./tags/index.js";
 import { LuzmoHelpText as jo } from "./text-field/index.js";
 import { LuzmoToast as Wo } from "./toast/index.js";
 import { LuzmoTooltip as Jo } from "./tooltip/index.js";
@@ -66,18 +66,18 @@ import { F as mr } from "./focusable-BxtpnzWp.js";
 import { j as tr, d as ar, e as ir, h as zr, c as nr, b as sr, a as cr, i as pr, g as fr, f as dr } from "./platform-BM-uMWpX.js";
 import { E as br, S as gr } from "./sized-mixin-D4ACoVUr.js";
 import { s as hr } from "./streaming-listener-CP-JE6Fa.js";
-import { L as yr } from "./action-group-DBImibFn.js";
+import { L as Sr } from "./action-group-DBImibFn.js";
 import { L as Cr } from "./clear-button-DoeRUWQ3.js";
-import { L as Ir } from "./close-button-BWXdHSx3.js";
+import { L as Tr } from "./close-button-BWXdHSx3.js";
 import { L as wr } from "./color-loupe-CmMsXbjT.js";
 import { L as Or } from "./field-group-DXfBWrkO.js";
-import { L as Pr } from "./field-label-CZ2zzChK.js";
-import { C as Er, H as Rr, b as Br, I as Dr, c as Gr, d as Ur, L as Nr, e as Hr, P as _r, V as qr, g as Vr, a as jr, n as Kr, o as Wr, p as Zr } from "./overlay-BBNyvs8F.js";
-import { S as Qr, r as Xr } from "./slottable-request-event-DggLA4Rx.js";
-import { D as $r, a as oe, L as re } from "./picker-daUT4cUN.js";
-import { LuzmoPopover as le } from "./popover-DjX0aAnY.js";
-import { L as ue } from "./progress-circle-DXH9z8-6.js";
-import { L as ae } from "./text-field-BIADXoLC.js";
+import { L as Mr } from "./field-label-CZ2zzChK.js";
+import { C as Rr, H as Er, b as Br, I as Dr, c as Gr, d as Ur, L as _r, e as Nr, P as Hr, S as qr, V as Vr, g as jr, l as Kr, a as Wr, n as Zr, o as Jr, p as Qr } from "./overlay-DaOKAKMl.js";
+import { S as Yr, r as $r } from "./slottable-request-event-DggLA4Rx.js";
+import { D as re, a as ee, L as le } from "./picker-BmoXv1jt.js";
+import { LuzmoPopover as ue } from "./popover-DjX0aAnY.js";
+import { L as ae } from "./progress-circle-DXH9z8-6.js";
+import { L as ze } from "./text-field-BIADXoLC.js";
 const r = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");
@@ -86,42 +86,42 @@ const r = () => {
 };
 r();
 export {
-  Er as ClickController,
-  $r as DESCRIPTION_ID,
+  Rr as ClickController,
+  re as DESCRIPTION_ID,
   br as ElementSizes,
   er as FocusVisiblePolyfillMixin,
   mr as Focusable,
-  Rr as HoverController,
+  Er as HoverController,
   Br as InteractionController,
   Dr as InteractionTypes,
   Gr as LONGPRESS_INSTRUCTIONS,
   Ur as LongpressController,
-  Nr as LuzmoAbstractOverlay,
+  _r as LuzmoAbstractOverlay,
   s as LuzmoAccordion,
   c as LuzmoAccordionItem,
   f as LuzmoActionBar,
   x as LuzmoActionButton,
-  yr as LuzmoActionGroup,
+  Sr as LuzmoActionGroup,
   g as LuzmoActionMenu,
   h as LuzmoAvatar,
-  y as LuzmoButton,
+  S as LuzmoButton,
   C as LuzmoButtonGroup,
-  I as LuzmoCalendar,
+  T as LuzmoCalendar,
   w as LuzmoCheckbox,
   Cr as LuzmoClearButton,
-  Ir as LuzmoCloseButton,
+  Tr as LuzmoCloseButton,
   O as LuzmoColorArea,
-  P as LuzmoColorField,
-  E as LuzmoColorHandle,
+  M as LuzmoColorField,
+  R as LuzmoColorHandle,
   wr as LuzmoColorLoupe,
   B as LuzmoColorMenu,
   G as LuzmoColorPicker,
-  N as LuzmoColorSlider,
-  _ as LuzmoDateTimePicker,
+  _ as LuzmoColorSlider,
+  H as LuzmoDateTimePicker,
   V as LuzmoDivider,
   $o as LuzmoElement,
   Or as LuzmoFieldGroup,
-  Pr as LuzmoFieldLabel,
+  Mr as LuzmoFieldLabel,
   jo as LuzmoHelpText,
   K as LuzmoIcon,
   Z as LuzmoInfieldButton,
@@ -136,40 +136,41 @@ export {
   io as LuzmoOption,
   zo as LuzmoOptions,
   no as LuzmoOptionsDivider,
-  Hr as LuzmoOverlay,
+  Nr as LuzmoOverlay,
   po as LuzmoOverlayTrigger,
-  oe as LuzmoPicker,
-  re as LuzmoPickerBase,
+  ee as LuzmoPicker,
+  le as LuzmoPickerBase,
   vo as LuzmoPickerButton,
-  le as LuzmoPopover,
-  ue as LuzmoProgressCircle,
-  So as LuzmoRadio,
+  ue as LuzmoPopover,
+  ae as LuzmoProgressCircle,
+  yo as LuzmoRadio,
   Co as LuzmoRadioGroup,
-  Io as LuzmoSearch,
+  To as LuzmoSearch,
   wo as LuzmoSelect,
   Oo as LuzmoSlider,
-  Po as LuzmoSwatch,
-  Fo as LuzmoSwatchGroup,
-  Ro as LuzmoSwitch,
+  Mo as LuzmoSwatch,
+  Po as LuzmoSwatchGroup,
+  Eo as LuzmoSwitch,
   Do as LuzmoTab,
   Go as LuzmoTabPanel,
   Uo as LuzmoTabs,
-  No as LuzmoTabsOverflow,
-  _o as LuzmoTag,
+  _o as LuzmoTabsOverflow,
+  Ho as LuzmoTag,
   qo as LuzmoTags,
-  ae as LuzmoTextField,
+  ze as LuzmoTextField,
   Wo as LuzmoToast,
   Jo as LuzmoTooltip,
   Xo as LuzmoUnitInput,
   eo as MenuItemAddedOrUpdatedEvent,
   fo as OverlayTriggerDirective,
-  _r as PlacementController,
+  Hr as PlacementController,
+  qr as SAFARI_FOCUS_RING_CLASS,
   gr as SizedMixin,
   xo as SlottableRequestDirective,
-  Qr as SlottableRequestEvent,
+  Yr as SlottableRequestEvent,
   so as VIRTUALIZE_AS_OF_NUM_ITEMS,
-  qr as VirtualTrigger,
-  Vr as guaranteedAllTransitionend,
+  Vr as VirtualTrigger,
+  jr as guaranteedAllTransitionend,
   tr as isAndroid,
   ar as isAppleDevice,
   ir as isChrome,
@@ -180,12 +181,13 @@ export {
   pr as isMac,
   fr as isSeamonkey,
   dr as isWebKit,
-  jr as nextFrame,
-  Kr as noop,
+  Kr as lastInteractionType,
+  Wr as nextFrame,
+  Zr as noop,
   bo as openOverlay,
-  Wr as overlayTimer,
-  Zr as placementUpdatedSymbol,
-  Xr as removeSlottableRequest,
+  Jr as overlayTimer,
+  Qr as placementUpdatedSymbol,
+  $r as removeSlottableRequest,
   go as slottableRequest,
   hr as streamingListener,
   Lo as trigger

package/components/menu/index.cjs

@@ -47,7 +47,7 @@
         @luzmo-menu-item-added-or-updated=${{handleEvent:t=>{t.clear(t.item)},capture:!0}}
         @focusin=${t=>t.stopPropagation()}
       ></slot>
-    `;return this.hasSubmenu?(this.dependencyManager.add("luzmo-overlay"),this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("../overlay-o0tLxsk-.cjs")).then(t=>t.overlay),Promise.resolve().then(()=>require("../popover-KFfO0IYL.cjs")),a.x`
+    `;return this.hasSubmenu?(this.dependencyManager.add("luzmo-overlay"),this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("../overlay-lzq2PziH.cjs")).then(t=>t.overlay),Promise.resolve().then(()=>require("../popover-KFfO0IYL.cjs")),a.x`
       <luzmo-overlay
         .triggerElement=${this}
         ?disabled=${!this.hasSubmenu}

package/components/menu/index.js

@@ -688,7 +688,7 @@ class s extends R(
         @focusin=${(t) => t.stopPropagation()}
       ></slot>
     `;
-    return this.hasSubmenu ? (this.dependencyManager.add("luzmo-overlay"), this.dependencyManager.add("luzmo-popover"), import("../overlay-BBNyvs8F.js").then((t) => t.f), import("../popover-DjX0aAnY.js"), d`
+    return this.hasSubmenu ? (this.dependencyManager.add("luzmo-overlay"), this.dependencyManager.add("luzmo-popover"), import("../overlay-DaOKAKMl.js").then((t) => t.f), import("../popover-DjX0aAnY.js"), d`
       <luzmo-overlay
         .triggerElement=${this}
         ?disabled=${!this.hasSubmenu}

package/components/overlay/hover-controller.d.ts

@@ -5,6 +5,7 @@ export declare class HoverController extends InteractionController {
     focusedin: boolean;
     private hoverTimeout?;
     pointerentered: boolean;
+    handleKeyup(event: KeyboardEvent): void;
     handleTargetFocusin(): void;
     handleTargetFocusout(): void;
     handleTargetPointerenter(): void;
@@ -17,4 +18,5 @@ export declare class HoverController extends InteractionController {
     protected doPointerleave(): void;
     init(): void;
     initOverlay(): void;
+    private removeSafariFocusRingClass;
 }

package/components/overlay/index.cjs

@@ -15,9 +15,9 @@
  * 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 s=require("../overlay-o0tLxsk-.cjs"),o=require("../base-CBCg3yyw.cjs"),p=require("../state-D8JEtYqe.cjs"),d=require("../query-BL-TJj7K.cjs"),f=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-BX1T1e1_.cjs"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),S=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $=Object.defineProperty,l=(c,e,t,r)=>{for(var i=void 0,a=c.length-1,h;a>=0;a--)(h=c[a])&&(i=h(e,t,i)||i);return i&&$(e,t,i),i};class n extends o.LuzmoElement{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[o.r(S)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case"click-content":{this.clickContent=this.getAssignedElementsFromSlot(e.target);break}case"longpress-content":{this.longpressContent=this.getAssignedElementsFromSlot(e.target);break}case"hover-content":{this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}}handleBeforetoggle(e){const{target:t}=e;let r;if(t===this.clickOverlayElement)r="click";else if(t===this.longpressOverlayElement)r="longpress";else if(t===this.hoverOverlayElement)r="hover";else return;e.newState==="open"?this.open=r:this.open===r&&(this.open=void 0)}update(e){var t,r,i,a,h,g;e.has("clickContent")&&(this.clickPlacement=((t=this.clickContent[0])==null?void 0:t.getAttribute("placement"))||((r=this.clickContent[0])==null?void 0:r.getAttribute("direction"))||void 0),e.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((h=this.longpressContent[0])==null?void 0:h.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return o.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../overlay-lzq2PziH.cjs"),n=require("../base-CBCg3yyw.cjs"),p=require("../state-D8JEtYqe.cjs"),d=require("../query-BL-TJj7K.cjs"),f=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-BX1T1e1_.cjs"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),S=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $=Object.defineProperty,l=(h,e,r,t)=>{for(var i=void 0,a=h.length-1,c;a>=0;a--)(c=h[a])&&(i=c(e,r,i)||i);return i&&$(e,r,i),i};class o extends n.LuzmoElement{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[n.r(S)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case"click-content":{this.clickContent=this.getAssignedElementsFromSlot(e.target);break}case"longpress-content":{this.longpressContent=this.getAssignedElementsFromSlot(e.target);break}case"hover-content":{this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}}handleBeforetoggle(e){const{target:r}=e;let t;if(r===this.clickOverlayElement)t="click";else if(r===this.longpressOverlayElement)t="longpress";else if(r===this.hoverOverlayElement)t="hover";else return;e.newState==="open"?this.open=t:this.open===t&&(this.open=void 0)}update(e){var r,t,i,a,c,g;e.has("clickContent")&&(this.clickPlacement=((r=this.clickContent[0])==null?void 0:r.getAttribute("placement"))||((t=this.clickContent[0])==null?void 0:t.getAttribute("direction"))||void 0),e.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((c=this.longpressContent[0])==null?void 0:c.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return n.x`
       <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `}renderClickOverlay(){Promise.resolve().then(()=>require("../overlay-o0tLxsk-.cjs")).then(t=>t.overlay);const e=this.renderSlot("click-content");return this.clickContent.length===0?e:o.x`
+    `}renderClickOverlay(){var t;const e=this.renderSlot("click-content"),r=n.x`
       <luzmo-overlay
         id="click-overlay"
         ?disabled=${this.disabled||this.clickContent.length===0}
@@ -32,7 +32,7 @@
       >
         ${e}
       </luzmo-overlay>
-    `}renderHoverOverlay(){Promise.resolve().then(()=>require("../overlay-o0tLxsk-.cjs")).then(t=>t.overlay);const e=this.renderSlot("hover-content");return this.hoverContent.length===0?e:o.x`
+    `;return(t=this.triggeredBy)!=null&&t.includes("click")?r:this.clickContent.length===0?e:r}renderHoverOverlay(){var t;const e=this.renderSlot("hover-content"),r=n.x`
       <luzmo-overlay
         id="hover-overlay"
         ?open=${this.open==="hover"&&this.hoverContent.length>0}
@@ -47,7 +47,7 @@
       >
         ${e}
       </luzmo-overlay>
-    `}renderLongpressOverlay(){Promise.resolve().then(()=>require("../overlay-o0tLxsk-.cjs")).then(t=>t.overlay);const e=this.renderSlot("longpress-content");return this.longpressContent.length===0?e:o.x`
+    `;return(t=this.triggeredBy)!=null&&t.includes("hover")?r:this.hoverContent.length===0?e:r}renderLongpressOverlay(){var t;const e=this.renderSlot("longpress-content"),r=n.x`
       <luzmo-overlay
         id="longpress-overlay"
         ?disabled=${this.disabled||this.longpressContent.length===0}
@@ -63,11 +63,11 @@
         ${e}
       </luzmo-overlay>
       <slot name="longpress-describedby-descriptor"></slot>
-    `}render(){const e=this.content.split(" ");return o.x`
+    `;return(t=this.triggeredBy)!=null&&t.includes("longpress")?r:this.longpressContent.length===0?e:r}render(){return n.x`
       <slot
         id="trigger"
         name="trigger"
         @slotchange=${this.handleTriggerContent}
       ></slot>
-      ${[e.includes("click")?this.renderClickOverlay():o.x``,e.includes("hover")?this.renderHoverOverlay():o.x``,e.includes("longpress")?this.renderLongpressOverlay():o.x``]}
-    `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([o.n()],n.prototype,"content");l([o.n({reflect:!0})],n.prototype,"placement");l([o.n()],n.prototype,"type");l([o.n({type:Number})],n.prototype,"offset");l([o.n({reflect:!0})],n.prototype,"open");l([o.n({type:Boolean,reflect:!0})],n.prototype,"disabled");l([o.n({attribute:"receives-focus"})],n.prototype,"receivesFocus");l([p.r()],n.prototype,"clickContent");l([p.r()],n.prototype,"longpressContent");l([p.r()],n.prototype,"hoverContent");l([p.r()],n.prototype,"targetContent");l([d.e("#click-overlay",!0)],n.prototype,"clickOverlayElement");l([d.e("#longpress-overlay",!0)],n.prototype,"longpressOverlayElement");l([d.e("#hover-overlay",!0)],n.prototype,"hoverOverlayElement");function k(c,e,t,r){return s.LuzmoOverlay.open(c,e,t,r)}class v extends O.f{render(e){return o.E}update(e,[t]){this.template=t,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest;o.B(t?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var t;(t=this.listeners)==null||t.abort(),this.listeners=new AbortController;const{signal:e}=this.listeners;this.listenerHost.addEventListener("slottable-request",r=>this.handleSlottableRequest(r),{signal:e})}disconnected(){var e;(e=this.listeners)==null||e.abort()}reconnected(){this.init()}}const E=f.e(v);class b extends v{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return o.E}update(e,[t,r]){var g,m,y;this.options={...this.defaultOptions.overlayOptions,...r==null?void 0:r.overlayOptions},this.insertionOptions=r==null?void 0:r.insertionOptions,this.template=t,this.host=(g=e.options)==null?void 0:g.host;let i=!1;const a=(r==null?void 0:r.triggerInteraction)||this.defaultOptions.triggerInteraction,h=s.InteractionTypes[(m=this.strategy)==null?void 0:m.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||h)&&((y=this.strategy)==null||y.abort(),this.strategy=new s.strategies[a](this.target,{isPersistent:!0,handleOverlayReady:C=>{this.listenerHost=this.overlay=C,this.init()}})),this.strategy.open=(r==null?void 0:r.open)??!1}handleSlottableRequest(e){var i,a;if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest,r={};if(this.host&&(r.host=this.host),o.B(t?void 0:this.template(),this.overlay,r),t)this.overlay.remove();else{s.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const h=typeof((i=this.insertionOptions)==null?void 0:i.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};h.insertAdjacentElement(g,this.overlay)}}}const q=f.e(b);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",s.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",n);exports.ClickController=s.ClickController;exports.HoverController=s.HoverController;exports.InteractionController=s.InteractionController;exports.InteractionTypes=s.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=s.LONGPRESS_INSTRUCTIONS;exports.LongpressController=s.LongpressController;exports.LuzmoAbstractOverlay=s.LuzmoAbstractOverlay;exports.LuzmoOverlay=s.LuzmoOverlay;exports.PlacementController=s.PlacementController;exports.VirtualTrigger=s.VirtualTrigger;exports.guaranteedAllTransitionend=s.guaranteedAllTransitionend;exports.nextFrame=s.nextFrame;exports.noop=s.noop;exports.overlayTimer=s.overlayTimer;exports.placementUpdatedSymbol=s.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=n;exports.OverlayTriggerDirective=b;exports.SlottableRequestDirective=v;exports.openOverlay=k;exports.slottableRequest=E;exports.trigger=q;
+      ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]}
+    `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([n.n()],o.prototype,"content");l([n.n({attribute:"triggered-by"})],o.prototype,"triggeredBy");l([n.n({reflect:!0})],o.prototype,"placement");l([n.n()],o.prototype,"type");l([n.n({type:Number})],o.prototype,"offset");l([n.n({reflect:!0})],o.prototype,"open");l([n.n({type:Boolean,reflect:!0})],o.prototype,"disabled");l([n.n({attribute:"receives-focus"})],o.prototype,"receivesFocus");l([p.r()],o.prototype,"clickContent");l([p.r()],o.prototype,"longpressContent");l([p.r()],o.prototype,"hoverContent");l([p.r()],o.prototype,"targetContent");l([d.e("#click-overlay",!0)],o.prototype,"clickOverlayElement");l([d.e("#longpress-overlay",!0)],o.prototype,"longpressOverlayElement");l([d.e("#hover-overlay",!0)],o.prototype,"hoverOverlayElement");function k(h,e,r,t){return s.LuzmoOverlay.open(h,e,r,t)}class v extends O.f{render(e){return n.E}update(e,[r]){this.template=r,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;const r=e.data===u.removeSlottableRequest;n.B(r?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var r;(r=this.listeners)==null||r.abort(),this.listeners=new AbortController;const{signal:e}=this.listeners;this.listenerHost.addEventListener("slottable-request",t=>this.handleSlottableRequest(t),{signal:e})}disconnected(){var e;(e=this.listeners)==null||e.abort()}reconnected(){this.init()}}const E=f.e(v);class b extends v{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,r){return n.E}update(e,[r,t]){var g,y,m;this.options={...this.defaultOptions.overlayOptions,...t==null?void 0:t.overlayOptions},this.insertionOptions=t==null?void 0:t.insertionOptions,this.template=r,this.host=(g=e.options)==null?void 0:g.host;let i=!1;const a=(t==null?void 0:t.triggerInteraction)||this.defaultOptions.triggerInteraction,c=s.InteractionTypes[(y=this.strategy)==null?void 0:y.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||c)&&((m=this.strategy)==null||m.abort(),this.strategy=new s.strategies[a](this.target,{isPersistent:!0,handleOverlayReady:C=>{this.listenerHost=this.overlay=C,this.init()}})),this.strategy.open=(t==null?void 0:t.open)??!1}handleSlottableRequest(e){var i,a;if(e.target!==e.currentTarget)return;const r=e.data===u.removeSlottableRequest,t={};if(this.host&&(t.host=this.host),n.B(r?void 0:this.template(),this.overlay,t),r)this.overlay.remove();else{s.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const c=typeof((i=this.insertionOptions)==null?void 0:i.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};c.insertAdjacentElement(g,this.overlay)}}}const T=f.e(b);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",s.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",o);exports.ClickController=s.ClickController;exports.HoverController=s.HoverController;exports.InteractionController=s.InteractionController;exports.InteractionTypes=s.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=s.LONGPRESS_INSTRUCTIONS;exports.LongpressController=s.LongpressController;exports.LuzmoAbstractOverlay=s.LuzmoAbstractOverlay;exports.LuzmoOverlay=s.LuzmoOverlay;exports.PlacementController=s.PlacementController;exports.SAFARI_FOCUS_RING_CLASS=s.SAFARI_FOCUS_RING_CLASS;exports.VirtualTrigger=s.VirtualTrigger;exports.guaranteedAllTransitionend=s.guaranteedAllTransitionend;exports.lastInteractionType=s.lastInteractionType;exports.nextFrame=s.nextFrame;exports.noop=s.noop;exports.overlayTimer=s.overlayTimer;exports.placementUpdatedSymbol=s.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=o;exports.OverlayTriggerDirective=b;exports.SlottableRequestDirective=v;exports.openOverlay=k;exports.slottableRequest=E;exports.trigger=T;