@luzmo/lucero 0.0.3 → 0.0.4

package/lib/observe-slot-text-BmsCNJig.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+"use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-BCmA9Wxv.cjs"),x=require("./query-assigned-nodes-BcKWmGzy.cjs");var m=Object.defineProperty,h=(d,n,i,u)=>{for(var t=void 0,r=d.length-1,o;r>=0;r--)(o=d[r])&&(t=o(n,i,t)||t);return t&&m(n,i,t),t};const c=Symbol("assignedNodes");function v(d,n,i=[]){var u,t;const r=f=>e=>f.matches(e);class o extends(t=d,u=c,t){constructor(...e){super(e),this.slotHasContent=!1,new b.s(this,{config:{characterData:!0,subtree:!0},callback:l=>{for(const s of l)if(s.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[c])return;const e=[...this[c]].filter(l=>{const s=l;return s.tagName?!i.some(r(s)):s.textContent?s.textContent.trim():!1});this.slotHasContent=e.length>0}update(e){if(!this.hasUpdated){const{childNodes:l}=this,s=[...l].filter(p=>{const a=p;return a.tagName?i.some(r(a))?!1:n?a.getAttribute("slot")===n:!a.hasAttribute("slot"):a.textContent?a.textContent.trim():!1});this.slotHasContent=s.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return h([g.n({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),h([x.n({slot:n,flatten:!0})],o.prototype,u),o}exports.ObserveSlotText=v;

package/lib/observe-slot-text-BoFRF-VI.js

@@ -0,0 +1,87 @@
+/*! * 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.
+ * */
+import { s as m } from "./mutation-controller-DH7YOCyj.js";
+import { n as x } from "./base-nYalvNMy.js";
+import { n as b } from "./query-assigned-nodes-C76XVPWY.js";
+var g = Object.defineProperty, p = (d, n, i, f) => {
+  for (var t = void 0, o = d.length - 1, r; o >= 0; o--)
+    (r = d[o]) && (t = r(n, i, t) || t);
+  return t && g(n, i, t), t;
+};
+const u = Symbol("assignedNodes");
+function y(d, n, i = []) {
+  var f, t;
+  const o = (c) => (e) => c.matches(e);
+  class r extends (t = d, f = u, t) {
+    constructor(...e) {
+      super(e), this.slotHasContent = !1, new m(this, {
+        config: {
+          characterData: !0,
+          subtree: !0
+        },
+        callback: (l) => {
+          for (const s of l)
+            if (s.type === "characterData") {
+              this.manageTextObservedSlot();
+              return;
+            }
+        }
+      });
+    }
+    manageTextObservedSlot() {
+      if (!this[u])
+        return;
+      const e = [...this[u]].filter(
+        (l) => {
+          const s = l;
+          return s.tagName ? !i.some(o(s)) : s.textContent ? s.textContent.trim() : !1;
+        }
+      );
+      this.slotHasContent = e.length > 0;
+    }
+    update(e) {
+      if (!this.hasUpdated) {
+        const { childNodes: l } = this, s = [...l].filter((h) => {
+          const a = h;
+          return a.tagName ? i.some(o(a)) ? !1 : (
+            // Confirm it would exist in a targeted slot if there was one supplied.
+            n ? a.getAttribute("slot") === n : !a.hasAttribute("slot")
+          ) : a.textContent ? a.textContent.trim() : !1;
+        });
+        this.slotHasContent = s.length > 0;
+      }
+      super.update(e);
+    }
+    firstUpdated(e) {
+      super.firstUpdated(e), this.updateComplete.then(() => {
+        this.manageTextObservedSlot();
+      });
+    }
+  }
+  return p([
+    x({ type: Boolean, attribute: !1 })
+  ], r.prototype, "slotHasContent"), p([
+    b({
+      slot: n,
+      flatten: !0
+    })
+  ], r.prototype, f), r;
+}
+export {
+  y as O
+};

package/lib/overlay/index.cjs

@@ -0,0 +1,73 @@
+/*! * 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../overlay-DScraBAi.cjs"),h=require("../base-BCmA9Wxv.cjs"),i=require("lit"),d=require("../state-DReJ3hB6.cjs"),u=require("../query-BL-TJj7K.cjs");require("../lit-html-p4Oxv2-5.cjs");const C=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-CV2MII86.cjs"),y=require("../slottable-request-event-BfUUt1Mh.cjs"),$=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var k=Object.defineProperty,o=(c,e,t,r)=>{for(var n=void 0,l=c.length-1,a;l>=0;l--)(a=c[l])&&(n=a(e,t,n)||n);return n&&k(e,t,n),n};class s extends h.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[i.unsafeCSS($)]}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,n,l,a,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=((n=this.hoverContent[0])==null?void 0:n.getAttribute("placement"))||((l=this.hoverContent[0])==null?void 0:l.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((a=this.longpressContent[0])==null?void 0:a.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return i.html`
+      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
+    `}renderClickOverlay(){Promise.resolve().then(()=>require("../overlay-DScraBAi.cjs")).then(t=>t.overlay);const e=this.renderSlot("click-content");return this.clickContent.length===0?e:i.html`
+      <luzmo-overlay
+        id="click-overlay"
+        ?disabled=${this.disabled||this.clickContent.length===0}
+        ?open=${this.open==="click"&&this.clickContent.length>0}
+        .offset=${this.offset}
+        .placement=${this.clickPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"click"}
+        .type=${this.type==="modal"?"modal":"auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+    `}renderHoverOverlay(){Promise.resolve().then(()=>require("../overlay-DScraBAi.cjs")).then(t=>t.overlay);const e=this.renderSlot("hover-content");return this.hoverContent.length===0?e:i.html`
+      <luzmo-overlay
+        id="hover-overlay"
+        ?open=${this.open==="hover"&&this.hoverContent.length>0}
+        ?disabled=${this.disabled||this.hoverContent.length===0||!!this.open&&this.open!=="hover"}
+        .offset=${this.offset}
+        .placement=${this.hoverPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"hover"}
+        .type=${"hint"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+    `}renderLongpressOverlay(){Promise.resolve().then(()=>require("../overlay-DScraBAi.cjs")).then(t=>t.overlay);const e=this.renderSlot("longpress-content");return this.longpressContent.length===0?e:i.html`
+      <luzmo-overlay
+        id="longpress-overlay"
+        ?disabled=${this.disabled||this.longpressContent.length===0}
+        ?open=${this.open==="longpress"&&this.longpressContent.length>0}
+        .offset=${this.offset}
+        .placement=${this.longpressPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"longpress"}
+        .type=${"auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+      <slot name="longpress-describedby-descriptor"></slot>
+    `}render(){const e=this.content.split(" ");return i.html`
+      <slot
+        id="trigger"
+        name="trigger"
+        @slotchange=${this.handleTriggerContent}
+      ></slot>
+      ${[e.includes("click")?this.renderClickOverlay():i.html``,e.includes("hover")?this.renderHoverOverlay():i.html``,e.includes("longpress")?this.renderLongpressOverlay():i.html``]}
+    `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}o([h.n()],s.prototype,"content");o([h.n({reflect:!0})],s.prototype,"placement");o([h.n()],s.prototype,"type");o([h.n({type:Number})],s.prototype,"offset");o([h.n({reflect:!0})],s.prototype,"open");o([h.n({type:Boolean,reflect:!0})],s.prototype,"disabled");o([h.n({attribute:"receives-focus"})],s.prototype,"receivesFocus");o([d.r()],s.prototype,"clickContent");o([d.r()],s.prototype,"longpressContent");o([d.r()],s.prototype,"hoverContent");o([d.r()],s.prototype,"targetContent");o([u.e("#click-overlay",!0)],s.prototype,"clickOverlayElement");o([u.e("#longpress-overlay",!0)],s.prototype,"longpressOverlayElement");o([u.e("#hover-overlay",!0)],s.prototype,"hoverOverlayElement");function S(c,e,t,r){return p.Overlay.open(c,e,t,r)}class E extends O.f{render(e){return i.nothing}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===y.removeSlottableRequest;i.render(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()}}class f extends E{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return i.nothing}update(e,[t,r]){var g,v,m;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 n=!1;const l=(r==null?void 0:r.triggerInteraction)||this.defaultOptions.triggerInteraction,a=p.InteractionTypes[(v=this.strategy)==null?void 0:v.type]!==l;this.target!==e.element&&(this.target=e.element,n=!0),(n||a)&&((m=this.strategy)==null||m.abort(),this.strategy=new p.strategies[l](this.target,{isPersistent:!0,handleOverlayReady:b=>{this.listenerHost=this.overlay=b,this.init()}})),this.strategy.open=(r==null?void 0:r.open)??!1}handleSlottableRequest(e){var n,l;if(e.target!==e.currentTarget)return;const t=e.data===y.removeSlottableRequest,r={};if(this.host&&(r.host=this.host),i.render(t?void 0:this.template(),this.overlay,r),t)this.overlay.remove();else{p.AbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const a=typeof((n=this.insertionOptions)==null?void 0:n.el)=="function"?this.insertionOptions.el():((l=this.insertionOptions)==null?void 0:l.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};a.insertAdjacentElement(g,this.overlay)}}}const q=C.e(f);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",p.Overlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",s);exports.Overlay=p.Overlay;exports.VirtualTrigger=p.VirtualTrigger;exports.OverlayTrigger=s;exports.OverlayTriggerDirective=f;exports.openOverlay=S;exports.trigger=q;

package/lib/overlay/index.js

@@ -0,0 +1,325 @@
+/*! * 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.
+ * */
+import { O as f, I as C, s as k, A as O } from "../overlay-C7QKFqRc.js";
+import { V as M } from "../overlay-C7QKFqRc.js";
+import { L as $, n as u } from "../base-nYalvNMy.js";
+import { unsafeCSS as S, html as c, nothing as z, render as v } from "lit";
+import { r as h } from "../state-BAO-13Bs.js";
+import { e as g } from "../query-D_KR_GUc.js";
+import "../lit-html-B3ugcwD9.js";
+import { e as w } from "../directive-oAbCiebi.js";
+import { f as E } from "../async-directive-FGzMycjH.js";
+import { r as b } from "../slottable-request-event-DggLA4Rx.js";
+const x = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const i = document.createElement("style");
+    i.setAttribute("data-luzmo-vars", ""), i.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-color-disabled);--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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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(i);
+  }
+};
+x();
+const A = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
+var F = Object.defineProperty, s = (i, e, t, o) => {
+  for (var r = void 0, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (r = a(e, t, r) || r);
+  return r && F(e, t, r), r;
+};
+class l extends $ {
+  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 [S(A)];
+  }
+  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 o;
+    if (t === this.clickOverlayElement)
+      o = "click";
+    else if (t === this.longpressOverlayElement)
+      o = "longpress";
+    else if (t === this.hoverOverlayElement)
+      o = "hover";
+    else
+      return;
+    e.newState === "open" ? this.open = o : this.open === o && (this.open = void 0);
+  }
+  update(e) {
+    var t, o, r, n, a, m;
+    e.has("clickContent") && (this.clickPlacement = ((t = this.clickContent[0]) == null ? void 0 : t.getAttribute("placement")) || ((o = this.clickContent[0]) == null ? void 0 : o.getAttribute("direction")) || void 0), e.has("hoverContent") && (this.hoverPlacement = ((r = this.hoverContent[0]) == null ? void 0 : r.getAttribute("placement")) || ((n = this.hoverContent[0]) == null ? void 0 : n.getAttribute("direction")) || void 0), e.has("longpressContent") && (this.longpressPlacement = ((a = this.longpressContent[0]) == null ? void 0 : a.getAttribute("placement")) || ((m = this.longpressContent[0]) == null ? void 0 : m.getAttribute("direction")) || void 0), super.update(e);
+  }
+  renderSlot(e) {
+    return c`
+      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
+    `;
+  }
+  renderClickOverlay() {
+    import("../overlay-C7QKFqRc.js").then((t) => t.o);
+    const e = this.renderSlot("click-content");
+    return this.clickContent.length === 0 ? e : c`
+      <luzmo-overlay
+        id="click-overlay"
+        ?disabled=${this.disabled || this.clickContent.length === 0}
+        ?open=${this.open === "click" && this.clickContent.length > 0}
+        .offset=${this.offset}
+        .placement=${this.clickPlacement || this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"click"}
+        .type=${this.type === "modal" ? "modal" : "auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+    `;
+  }
+  renderHoverOverlay() {
+    import("../overlay-C7QKFqRc.js").then((t) => t.o);
+    const e = this.renderSlot("hover-content");
+    return this.hoverContent.length === 0 ? e : c`
+      <luzmo-overlay
+        id="hover-overlay"
+        ?open=${this.open === "hover" && this.hoverContent.length > 0}
+        ?disabled=${this.disabled || this.hoverContent.length === 0 || !!this.open && this.open !== "hover"}
+        .offset=${this.offset}
+        .placement=${this.hoverPlacement || this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"hover"}
+        .type=${"hint"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+    `;
+  }
+  renderLongpressOverlay() {
+    import("../overlay-C7QKFqRc.js").then((t) => t.o);
+    const e = this.renderSlot("longpress-content");
+    return this.longpressContent.length === 0 ? e : c`
+      <luzmo-overlay
+        id="longpress-overlay"
+        ?disabled=${this.disabled || this.longpressContent.length === 0}
+        ?open=${this.open === "longpress" && this.longpressContent.length > 0}
+        .offset=${this.offset}
+        .placement=${this.longpressPlacement || this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"longpress"}
+        .type=${"auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${e}
+      </luzmo-overlay>
+      <slot name="longpress-describedby-descriptor"></slot>
+    `;
+  }
+  render() {
+    const e = this.content.split(" ");
+    return c`
+      <slot
+        id="trigger"
+        name="trigger"
+        @slotchange=${this.handleTriggerContent}
+      ></slot>
+      ${[
+      e.includes("click") ? this.renderClickOverlay() : c``,
+      e.includes("hover") ? this.renderHoverOverlay() : c``,
+      e.includes("longpress") ? this.renderLongpressOverlay() : c``
+    ]}
+    `;
+  }
+  updated(e) {
+    if (super.updated(e), this.disabled && e.has("disabled")) {
+      this.open = void 0;
+      return;
+    }
+  }
+  async getUpdateComplete() {
+    return await super.getUpdateComplete();
+  }
+}
+s([
+  u()
+], l.prototype, "content");
+s([
+  u({ reflect: !0 })
+], l.prototype, "placement");
+s([
+  u()
+], l.prototype, "type");
+s([
+  u({ type: Number })
+], l.prototype, "offset");
+s([
+  u({ reflect: !0 })
+], l.prototype, "open");
+s([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "disabled");
+s([
+  u({ attribute: "receives-focus" })
+], l.prototype, "receivesFocus");
+s([
+  h()
+], l.prototype, "clickContent");
+s([
+  h()
+], l.prototype, "longpressContent");
+s([
+  h()
+], l.prototype, "hoverContent");
+s([
+  h()
+], l.prototype, "targetContent");
+s([
+  g("#click-overlay", !0)
+], l.prototype, "clickOverlayElement");
+s([
+  g("#longpress-overlay", !0)
+], l.prototype, "longpressOverlayElement");
+s([
+  g("#hover-overlay", !0)
+], l.prototype, "hoverOverlayElement");
+function j(i, e, t, o) {
+  return f.open(
+    i,
+    e,
+    t,
+    o
+  );
+}
+class I extends E {
+  /* c8 ignore next 9 */
+  render(e) {
+    return z;
+  }
+  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 === b;
+    v(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",
+      (o) => this.handleSlottableRequest(o),
+      { signal: e }
+    );
+  }
+  disconnected() {
+    var e;
+    (e = this.listeners) == null || e.abort();
+  }
+  /* c8 ignore next 3 */
+  reconnected() {
+    this.init();
+  }
+}
+class T extends I {
+  constructor() {
+    super(...arguments), this.defaultOptions = {
+      triggerInteraction: "click",
+      overlayOptions: {
+        type: "auto",
+        offset: 0
+      }
+    }, this.options = {
+      ...this.defaultOptions.overlayOptions
+    };
+  }
+  /* c8 ignore next 9 */
+  render(e, t) {
+    return z;
+  }
+  update(e, [t, o]) {
+    var m, d, p;
+    this.options = {
+      ...this.defaultOptions.overlayOptions,
+      ...o == null ? void 0 : o.overlayOptions
+    }, this.insertionOptions = o == null ? void 0 : o.insertionOptions, this.template = t, this.host = (m = e.options) == null ? void 0 : m.host;
+    let r = !1;
+    const n = (o == null ? void 0 : o.triggerInteraction) || this.defaultOptions.triggerInteraction, a = C[(d = this.strategy) == null ? void 0 : d.type] !== n;
+    this.target !== e.element && (this.target = e.element, r = !0), (r || a) && ((p = this.strategy) == null || p.abort(), this.strategy = new k[n](this.target, {
+      isPersistent: !0,
+      handleOverlayReady: (y) => {
+        this.listenerHost = this.overlay = y, this.init();
+      }
+    })), this.strategy.open = (o == null ? void 0 : o.open) ?? !1;
+  }
+  handleSlottableRequest(e) {
+    var r, n;
+    if (e.target !== e.currentTarget)
+      return;
+    const t = e.data === b, o = {};
+    if (this.host && (o.host = this.host), v(
+      t ? void 0 : this.template(),
+      this.overlay,
+      o
+    ), t)
+      this.overlay.remove();
+    else {
+      O.applyOptions(this.overlay, {
+        ...this.options,
+        trigger: this.target
+      });
+      const a = typeof ((r = this.insertionOptions) == null ? void 0 : r.el) == "function" ? this.insertionOptions.el() : ((n = this.insertionOptions) == null ? void 0 : n.el) || this.target, { where: m = "afterend" } = this.insertionOptions || {};
+      a.insertAdjacentElement(m, this.overlay);
+    }
+  }
+}
+const D = w(T);
+customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", f);
+customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", l);
+export {
+  f as Overlay,
+  l as OverlayTrigger,
+  T as OverlayTriggerDirective,
+  M as VirtualTrigger,
+  j as openOverlay,
+  D as trigger
+};