@luzmo/lucero 1.0.1-alpha.15 → 1.0.1-alpha.17

package/components/overlay/index.cjs

@@ -15,59 +15,405 @@
  * 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`
-      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `}renderClickOverlay(){var t;const e=this.renderSlot("click-content"),r=n.x`
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const overlay = require("../overlay-LViy9VWM.cjs");
+const lit = require("lit");
+const decorators_js = require("lit/decorators.js");
+const base = require("../base-COw9n7UR.cjs");
+const asyncDirective_js = require("lit/async-directive.js");
+const slottableRequestEvent = require("../slottable-request-event-CANixJnR.cjs");
+const overlayTriggerStyles = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+class LuzmoOverlayTrigger extends base.LuzmoElement {
+  constructor() {
+    super(...arguments);
+    this.content = "click hover longpress";
+    this.offset = 6;
+    this.disabled = false;
+    this.receivesFocus = "auto";
+    this.clickContent = [];
+    this.longpressContent = [];
+    this.hoverContent = [];
+    this.targetContent = [];
+  }
+  static get styles() {
+    return [lit.unsafeCSS(overlayTriggerStyles)];
+  }
+  getAssignedElementsFromSlot(slot) {
+    return slot.assignedElements({ flatten: true });
+  }
+  handleTriggerContent(event) {
+    this.targetContent = this.getAssignedElementsFromSlot(event.target);
+  }
+  handleSlotContent(event) {
+    switch (event.target.name) {
+      case "click-content": {
+        this.clickContent = this.getAssignedElementsFromSlot(event.target);
+        break;
+      }
+      case "longpress-content": {
+        this.longpressContent = this.getAssignedElementsFromSlot(event.target);
+        break;
+      }
+      case "hover-content": {
+        this.hoverContent = this.getAssignedElementsFromSlot(event.target);
+        break;
+      }
+    }
+  }
+  handleBeforetoggle(event) {
+    const { target } = event;
+    let type;
+    if (target === this.clickOverlayElement) {
+      type = "click";
+    } else if (target === this.longpressOverlayElement) {
+      type = "longpress";
+    } else if (target === this.hoverOverlayElement) {
+      type = "hover";
+    } else {
+      return;
+    }
+    if (event.newState === "open") {
+      this.open = type;
+    } else if (this.open === type) {
+      this.open = void 0;
+    }
+  }
+  update(changes) {
+    var _a, _b, _c, _d, _e, _f;
+    if (changes.has("clickContent")) {
+      this.clickPlacement = ((_a = this.clickContent[0]) == null ? void 0 : _a.getAttribute("placement")) || ((_b = this.clickContent[0]) == null ? void 0 : _b.getAttribute("direction")) || void 0;
+    }
+    if (changes.has("hoverContent")) {
+      this.hoverPlacement = ((_c = this.hoverContent[0]) == null ? void 0 : _c.getAttribute("placement")) || ((_d = this.hoverContent[0]) == null ? void 0 : _d.getAttribute("direction")) || void 0;
+    }
+    if (changes.has("longpressContent")) {
+      this.longpressPlacement = ((_e = this.longpressContent[0]) == null ? void 0 : _e.getAttribute("placement")) || ((_f = this.longpressContent[0]) == null ? void 0 : _f.getAttribute("direction")) || void 0;
+    }
+    super.update(changes);
+  }
+  renderSlot(name) {
+    return lit.html`
+      <slot name=${name} @slotchange=${this.handleSlotContent}></slot>
+    `;
+  }
+  renderClickOverlay() {
+    var _a;
+    const slot = this.renderSlot("click-content");
+    const clickOverlay = lit.html`
       <luzmo-overlay
         id="click-overlay"
-        ?disabled=${this.disabled||this.clickContent.length===0}
-        ?open=${this.open==="click"&&this.clickContent.length>0}
+        ?disabled=${this.disabled || this.clickContent.length === 0}
+        ?open=${this.open === "click" && this.clickContent.length > 0}
         .offset=${this.offset}
-        .placement=${this.clickPlacement||this.placement}
+        .placement=${this.clickPlacement || this.placement}
         .triggerElement=${this.targetContent[0]}
         .triggerInteraction=${"click"}
-        .type=${this.type==="modal"?"modal":"auto"}
+        .type=${this.type === "modal" ? "modal" : "auto"}
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${e}
+        ${slot}
       </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`
+    `;
+    if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("click")) {
+      return clickOverlay;
+    }
+    if (this.clickContent.length === 0) {
+      return slot;
+    }
+    return clickOverlay;
+  }
+  renderHoverOverlay() {
+    var _a;
+    const slot = this.renderSlot("hover-content");
+    const hoverOverlay = lit.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"}
+        ?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}
+        .placement=${this.hoverPlacement || this.placement}
         .triggerElement=${this.targetContent[0]}
         .triggerInteraction=${"hover"}
         .type=${"hint"}
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${e}
+        ${slot}
       </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`
+    `;
+    if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("hover")) {
+      return hoverOverlay;
+    }
+    if (this.hoverContent.length === 0) {
+      return slot;
+    }
+    return hoverOverlay;
+  }
+  renderLongpressOverlay() {
+    var _a;
+    const slot = this.renderSlot("longpress-content");
+    const longpressOverlay = lit.html`
       <luzmo-overlay
         id="longpress-overlay"
-        ?disabled=${this.disabled||this.longpressContent.length===0}
-        ?open=${this.open==="longpress"&&this.longpressContent.length>0}
+        ?disabled=${this.disabled || this.longpressContent.length === 0}
+        ?open=${this.open === "longpress" && this.longpressContent.length > 0}
         .offset=${this.offset}
-        .placement=${this.longpressPlacement||this.placement}
+        .placement=${this.longpressPlacement || this.placement}
         .triggerElement=${this.targetContent[0]}
         .triggerInteraction=${"longpress"}
         .type=${"auto"}
         @beforetoggle=${this.handleBeforetoggle}
         .receivesFocus=${this.receivesFocus}
       >
-        ${e}
+        ${slot}
       </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`
+    `;
+    if ((_a = this.triggeredBy) == null ? void 0 : _a.includes("longpress")) {
+      return longpressOverlay;
+    }
+    if (this.longpressContent.length === 0) {
+      return slot;
+    }
+    return longpressOverlay;
+  }
+  render() {
+    return lit.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;
+      ${[
+      this.renderClickOverlay(),
+      this.renderHoverOverlay(),
+      this.renderLongpressOverlay()
+    ]}
+    `;
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (this.disabled && changedProperties.has("disabled")) {
+      this.open = void 0;
+      return;
+    }
+  }
+  async getUpdateComplete() {
+    const complete = await super.getUpdateComplete();
+    return complete;
+  }
+}
+__decorateClass([
+  decorators_js.property()
+], LuzmoOverlayTrigger.prototype, "content");
+__decorateClass([
+  decorators_js.property({ attribute: "triggered-by" })
+], LuzmoOverlayTrigger.prototype, "triggeredBy");
+__decorateClass([
+  decorators_js.property({ reflect: true })
+], LuzmoOverlayTrigger.prototype, "placement");
+__decorateClass([
+  decorators_js.property()
+], LuzmoOverlayTrigger.prototype, "type");
+__decorateClass([
+  decorators_js.property({ type: Number })
+], LuzmoOverlayTrigger.prototype, "offset");
+__decorateClass([
+  decorators_js.property({ reflect: true })
+], LuzmoOverlayTrigger.prototype, "open");
+__decorateClass([
+  decorators_js.property({ type: Boolean, reflect: true })
+], LuzmoOverlayTrigger.prototype, "disabled");
+__decorateClass([
+  decorators_js.property({ attribute: "receives-focus" })
+], LuzmoOverlayTrigger.prototype, "receivesFocus");
+__decorateClass([
+  decorators_js.state()
+], LuzmoOverlayTrigger.prototype, "clickContent");
+__decorateClass([
+  decorators_js.state()
+], LuzmoOverlayTrigger.prototype, "longpressContent");
+__decorateClass([
+  decorators_js.state()
+], LuzmoOverlayTrigger.prototype, "hoverContent");
+__decorateClass([
+  decorators_js.state()
+], LuzmoOverlayTrigger.prototype, "targetContent");
+__decorateClass([
+  decorators_js.query("#click-overlay", true)
+], LuzmoOverlayTrigger.prototype, "clickOverlayElement");
+__decorateClass([
+  decorators_js.query("#longpress-overlay", true)
+], LuzmoOverlayTrigger.prototype, "longpressOverlayElement");
+__decorateClass([
+  decorators_js.query("#hover-overlay", true)
+], LuzmoOverlayTrigger.prototype, "hoverOverlayElement");
+function openOverlay(triggerOrContent, interactionOrOptions, content, optionsV1) {
+  return overlay.LuzmoOverlay.open(
+    triggerOrContent,
+    interactionOrOptions,
+    content,
+    optionsV1
+  );
+}
+class SlottableRequestDirective extends asyncDirective_js.AsyncDirective {
+  /* c8 ignore next 9 */
+  render(_template) {
+    return lit.nothing;
+  }
+  update(part, [template]) {
+    this.template = template;
+    if (this.target !== part.element) {
+      this.target = part.element;
+      this.renderBefore = this.target.children[0];
+    }
+    this.listenerHost = this.target;
+    this.init();
+  }
+  handleSlottableRequest(event) {
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+    const willRemoveSlottable = event.data === slottableRequestEvent.removeSlottableRequest;
+    lit.render(willRemoveSlottable ? void 0 : this.template(), this.target, {
+      renderBefore: this.renderBefore
+    });
+  }
+  init() {
+    var _a;
+    (_a = this.listeners) == null ? void 0 : _a.abort();
+    this.listeners = new AbortController();
+    const { signal } = this.listeners;
+    this.listenerHost.addEventListener(
+      "slottable-request",
+      (event) => this.handleSlottableRequest(event),
+      { signal }
+    );
+  }
+  disconnected() {
+    var _a;
+    (_a = this.listeners) == null ? void 0 : _a.abort();
+  }
+  /* c8 ignore next 3 */
+  reconnected() {
+    this.init();
+  }
+}
+const slottableRequest = asyncDirective_js.directive(SlottableRequestDirective);
+class OverlayTriggerDirective extends SlottableRequestDirective {
+  constructor() {
+    super(...arguments);
+    this.defaultOptions = {
+      triggerInteraction: "click",
+      overlayOptions: {
+        type: "auto",
+        offset: 0
+      }
+    };
+    this.options = {
+      ...this.defaultOptions.overlayOptions
+    };
+  }
+  /* c8 ignore next 9 */
+  render(_template, _options) {
+    return lit.nothing;
+  }
+  update(part, [template, options]) {
+    var _a, _b, _c;
+    this.options = {
+      ...this.defaultOptions.overlayOptions,
+      ...options == null ? void 0 : options.overlayOptions
+    };
+    this.insertionOptions = options == null ? void 0 : options.insertionOptions;
+    this.template = template;
+    this.host = (_a = part.options) == null ? void 0 : _a.host;
+    let newTarget = false;
+    const triggerInteraction = (options == null ? void 0 : options.triggerInteraction) || this.defaultOptions.triggerInteraction;
+    const newStrategy = overlay.InteractionTypes[(_b = this.strategy) == null ? void 0 : _b.type] !== triggerInteraction;
+    if (this.target !== part.element) {
+      this.target = part.element;
+      newTarget = true;
+    }
+    if (newTarget || newStrategy) {
+      (_c = this.strategy) == null ? void 0 : _c.abort();
+      this.strategy = new overlay.strategies[triggerInteraction](this.target, {
+        isPersistent: true,
+        handleOverlayReady: (overlay2) => {
+          this.listenerHost = this.overlay = overlay2;
+          this.init();
+        }
+      });
+    }
+    this.strategy.open = (options == null ? void 0 : options.open) ?? false;
+  }
+  handleSlottableRequest(event) {
+    var _a, _b;
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+    const willRemoveSlottable = event.data === slottableRequestEvent.removeSlottableRequest;
+    const options = {};
+    if (this.host) {
+      options.host = this.host;
+    }
+    lit.render(
+      willRemoveSlottable ? void 0 : this.template(),
+      this.overlay,
+      options
+    );
+    if (willRemoveSlottable) {
+      this.overlay.remove();
+    } else {
+      overlay.LuzmoAbstractOverlay.applyOptions(this.overlay, {
+        ...this.options,
+        trigger: this.target
+      });
+      const insertionEl = typeof ((_a = this.insertionOptions) == null ? void 0 : _a.el) === "function" ? this.insertionOptions.el() : ((_b = this.insertionOptions) == null ? void 0 : _b.el) || this.target;
+      const { where = "afterend" } = this.insertionOptions || {};
+      insertionEl.insertAdjacentElement(where, this.overlay);
+    }
+  }
+}
+const trigger = asyncDirective_js.directive(OverlayTriggerDirective);
+if (!customElements.get("luzmo-overlay")) {
+  customElements.define("luzmo-overlay", overlay.LuzmoOverlay);
+}
+if (!customElements.get("luzmo-overlay-trigger")) {
+  customElements.define("luzmo-overlay-trigger", LuzmoOverlayTrigger);
+}
+exports.ClickController = overlay.ClickController;
+exports.HoverController = overlay.HoverController;
+exports.InteractionController = overlay.InteractionController;
+exports.InteractionTypes = overlay.InteractionTypes;
+exports.LONGPRESS_INSTRUCTIONS = overlay.LONGPRESS_INSTRUCTIONS;
+exports.LongpressController = overlay.LongpressController;
+exports.LuzmoAbstractOverlay = overlay.LuzmoAbstractOverlay;
+exports.LuzmoOverlay = overlay.LuzmoOverlay;
+exports.PlacementController = overlay.PlacementController;
+exports.SAFARI_FOCUS_RING_CLASS = overlay.SAFARI_FOCUS_RING_CLASS;
+exports.VirtualTrigger = overlay.VirtualTrigger;
+exports.guaranteedAllTransitionend = overlay.guaranteedAllTransitionend;
+exports.lastInteractionType = overlay.lastInteractionType;
+exports.nextFrame = overlay.nextFrame;
+exports.noop = overlay.noop;
+exports.overlayTimer = overlay.overlayTimer;
+exports.placementUpdatedSymbol = overlay.placementUpdatedSymbol;
+exports.SlottableRequestEvent = slottableRequestEvent.SlottableRequestEvent;
+exports.removeSlottableRequest = slottableRequestEvent.removeSlottableRequest;
+exports.LuzmoOverlayTrigger = LuzmoOverlayTrigger;
+exports.OverlayTriggerDirective = OverlayTriggerDirective;
+exports.SlottableRequestDirective = SlottableRequestDirective;
+exports.openOverlay = openOverlay;
+exports.slottableRequest = slottableRequest;
+exports.trigger = trigger;