@luzmo/lucero 1.0.1-alpha.3 → 1.0.1-alpha.31

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-KSKMzzkh.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`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../overlay-nUwFClQq.cjs"),h=require("lit"),i=require("lit/decorators.js"),b=require("../base-5nDSSNeT.cjs"),d=require("lit/async-directive.js"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),O=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var S=Object.defineProperty,l=(g,e,r,t)=>{for(var n=void 0,a=g.length-1,c;a>=0;a--)(c=g[a])&&(n=c(e,r,n)||n);return n&&S(e,r,n),n};class s extends b.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[h.unsafeCSS(O)]}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,n,a,c,p;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=((n=this.hoverContent[0])==null?void 0:n.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"))||((p=this.longpressContent[0])==null?void 0:p.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return h.html`
       <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `}renderClickOverlay(){var t;const e=this.renderSlot("click-content"),r=n.x`
+    `}renderClickOverlay(){var t;const e=this.renderSlot("click-content"),r=h.html`
       <luzmo-overlay
         id="click-overlay"
         ?disabled=${this.disabled||this.clickContent.length===0}
@@ -32,7 +32,7 @@
       >
         ${e}
       </luzmo-overlay>
-    `;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`
+    `;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=h.html`
       <luzmo-overlay
         id="hover-overlay"
         ?open=${this.open==="hover"&&this.hoverContent.length>0}
@@ -47,7 +47,7 @@
       >
         ${e}
       </luzmo-overlay>
-    `;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`
+    `;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=h.html`
       <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>
-    `;return(t=this.triggeredBy)!=null&&t.includes("longpress")?r:this.longpressContent.length===0?e:r}render(){return n.x`
+    `;return(t=this.triggeredBy)!=null&&t.includes("longpress")?r:this.longpressContent.length===0?e:r}render(){return h.html`
       <slot
         id="trigger"
         name="trigger"
         @slotchange=${this.handleTriggerContent}
       ></slot>
       ${[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;
+    `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([i.property()],s.prototype,"content");l([i.property({attribute:"triggered-by"})],s.prototype,"triggeredBy");l([i.property({reflect:!0})],s.prototype,"placement");l([i.property()],s.prototype,"type");l([i.property({type:Number})],s.prototype,"offset");l([i.property({reflect:!0})],s.prototype,"open");l([i.property({type:Boolean,reflect:!0})],s.prototype,"disabled");l([i.property({attribute:"receives-focus"})],s.prototype,"receivesFocus");l([i.state()],s.prototype,"clickContent");l([i.state()],s.prototype,"longpressContent");l([i.state()],s.prototype,"hoverContent");l([i.state()],s.prototype,"targetContent");l([i.query("#click-overlay",!0)],s.prototype,"clickOverlayElement");l([i.query("#longpress-overlay",!0)],s.prototype,"longpressOverlayElement");l([i.query("#hover-overlay",!0)],s.prototype,"hoverOverlayElement");function $(g,e,r,t){return o.LuzmoOverlay.open(g,e,r,t)}class y extends d.AsyncDirective{render(e){return h.nothing}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;h.render(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 k=d.directive(y);class f extends y{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,r){return h.nothing}update(e,[r,t]){var p,v,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=(p=e.options)==null?void 0:p.host;let n=!1;const a=(t==null?void 0:t.triggerInteraction)||this.defaultOptions.triggerInteraction,c=o.InteractionTypes[(v=this.strategy)==null?void 0:v.type]!==a;this.target!==e.element&&(this.target=e.element,n=!0),(n||c)&&((m=this.strategy)==null||m.abort(),this.strategy=new o.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 n,a;if(e.target!==e.currentTarget)return;const r=e.data===u.removeSlottableRequest,t={};if(this.host&&(t.host=this.host),h.render(r?void 0:this.template(),this.overlay,t),r)this.overlay.remove();else{o.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const c=typeof((n=this.insertionOptions)==null?void 0:n.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:p="afterend"}=this.insertionOptions||{};c.insertAdjacentElement(p,this.overlay)}}}const E=d.directive(f);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",o.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",s);exports.ClickController=o.ClickController;exports.HoverController=o.HoverController;exports.InteractionController=o.InteractionController;exports.InteractionTypes=o.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=o.LONGPRESS_INSTRUCTIONS;exports.LongpressController=o.LongpressController;exports.LuzmoAbstractOverlay=o.LuzmoAbstractOverlay;exports.LuzmoOverlay=o.LuzmoOverlay;exports.PlacementController=o.PlacementController;exports.SAFARI_FOCUS_RING_CLASS=o.SAFARI_FOCUS_RING_CLASS;exports.VirtualTrigger=o.VirtualTrigger;exports.guaranteedAllTransitionend=o.guaranteedAllTransitionend;exports.lastInteractionType=o.lastInteractionType;exports.nextFrame=o.nextFrame;exports.noop=o.noop;exports.overlayTimer=o.overlayTimer;exports.placementUpdatedSymbol=o.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=s;exports.OverlayTriggerDirective=f;exports.SlottableRequestDirective=y;exports.openOverlay=$;exports.slottableRequest=k;exports.trigger=E;

package/components/overlay/index.js

@@ -15,15 +15,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { e as f, I as O, s as S, L as $ } from "../overlay-Cig9r6uU.js";
-import { C as D, H as M, b as J, c as K, d as Q, P as W, S as X, V as Y, g as Z, l as ee, a as te, n as oe, o as re, p as le } from "../overlay-Cig9r6uU.js";
-import { a as E, r as w, x as m, n as c, E as z, B as v } from "../base-WsynuqaS.js";
-import { r as g } from "../state-Deh-vKYE.js";
-import { e as h } from "../query-D_KR_GUc.js";
-import { e as b } from "../directive-oAbCiebi.js";
-import { f as A } from "../async-directive-BfcqVjDp.js";
+import { e as f, I as O, s as S, L as $ } from "../overlay-DpWon1Rp.js";
+import { C as V, H as j, b as M, c as J, d as K, P as Q, S as W, V as X, g as Y, l as Z, a as ee, n as te, o as oe, p as re } from "../overlay-DpWon1Rp.js";
+import { unsafeCSS as E, html as m, nothing as z, render as v } from "lit";
+import { property as c, state as g, query as h } from "lit/decorators.js";
+import { a as w } from "../base-CdYjmV_8.js";
+import { directive as b, AsyncDirective as A } from "lit/async-directive.js";
 import { r as y } from "../slottable-request-event-DggLA4Rx.js";
-import { S as ne } from "../slottable-request-event-DggLA4Rx.js";
+import { S as se } from "../slottable-request-event-DggLA4Rx.js";
 const k = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const i = document.createElement("style");
@@ -37,12 +36,12 @@ var I = Object.defineProperty, s = (i, e, o, t) => {
     (a = i[n]) && (l = a(e, o, l) || l);
   return l && I(e, o, l), l;
 };
-class r extends E {
+class r extends w {
   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 [w(F)];
+    return [E(F)];
   }
   getAssignedElementsFromSlot(e) {
     return e.assignedElements({ flatten: !0 });
@@ -218,7 +217,7 @@ s([
 s([
   h("#hover-overlay", !0)
 ], r.prototype, "hoverOverlayElement");
-function U(i, e, o, t) {
+function H(i, e, o, t) {
   return f.open(
     i,
     e,
@@ -261,7 +260,7 @@ class x extends A {
     this.init();
   }
 }
-const N = b(x);
+const U = b(x);
 class R extends x {
   constructor() {
     super(...arguments), this.defaultOptions = {
@@ -314,33 +313,33 @@ class R extends x {
     }
   }
 }
-const G = b(R);
+const N = b(R);
 customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", f);
 customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", r);
 export {
-  D as ClickController,
-  M as HoverController,
-  J as InteractionController,
+  V as ClickController,
+  j as HoverController,
+  M as InteractionController,
   O as InteractionTypes,
-  K as LONGPRESS_INSTRUCTIONS,
-  Q as LongpressController,
+  J as LONGPRESS_INSTRUCTIONS,
+  K as LongpressController,
   $ as LuzmoAbstractOverlay,
   f as LuzmoOverlay,
   r as LuzmoOverlayTrigger,
   R as OverlayTriggerDirective,
-  W as PlacementController,
-  X as SAFARI_FOCUS_RING_CLASS,
+  Q as PlacementController,
+  W as SAFARI_FOCUS_RING_CLASS,
   x as SlottableRequestDirective,
-  ne as SlottableRequestEvent,
-  Y as VirtualTrigger,
-  Z as guaranteedAllTransitionend,
-  ee as lastInteractionType,
-  te as nextFrame,
-  oe as noop,
-  U as openOverlay,
-  re as overlayTimer,
-  le as placementUpdatedSymbol,
+  se as SlottableRequestEvent,
+  X as VirtualTrigger,
+  Y as guaranteedAllTransitionend,
+  Z as lastInteractionType,
+  ee as nextFrame,
+  te as noop,
+  H as openOverlay,
+  oe as overlayTimer,
+  re as placementUpdatedSymbol,
   y as removeSlottableRequest,
-  N as slottableRequest,
-  G as trigger
+  U as slottableRequest,
+  N as trigger
 };