genesys-spark-components 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/cjs/gux-popover-list-beta.cjs.entry.js

@@ -1,139 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const floatingUi_dom_esm = require('./floating-ui.dom.esm-cad0a9cf.js');
-const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const usage = require('./usage-773d060a.js');
-const findElementById = require('./find-element-by-id-99f1f933.js');
-
-const guxPopoverListBetaCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const GuxPopoverListBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-    this.for = undefined;
-    this.position = 'bottom';
-    this.displayDismissButton = undefined;
-    this.closeOnClickOutside = false;
-    this.isOpen = false;
-  }
-  checkForClickOutside(event) {
-    const clickPath = event.composedPath();
-    const forElement = findElementById.findElementById(this.root, this.for);
-    const clickedForElement = clickPath.includes(forElement);
-    if ((this.closeOnClickOutside || !this.displayDismissButton) &&
-      this.isOpen &&
-      !clickedForElement) {
-      this.dismiss();
-    }
-  }
-  runUpdatePosition() {
-    if (this.root.isConnected) {
-      this.cleanupUpdatePosition = floatingUi_dom_esm.autoUpdate(findElementById.findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
-        ancestorScroll: true,
-        elementResize: true,
-        animationFrame: true,
-        ancestorResize: true
-      });
-    }
-    else {
-      this.disconnectedCallback();
-    }
-  }
-  updatePosition() {
-    const forElement = findElementById.findElementById(this.root, this.for);
-    // This is 13 because this makes the arrow look aligned
-    const arrowLen = 13;
-    if (this.popupElement) {
-      void floatingUi_dom_esm.computePosition(forElement, this.popupElement, {
-        placement: this.position,
-        middleware: [
-          floatingUi_dom_esm.offset(7),
-          floatingUi_dom_esm.flip(),
-          floatingUi_dom_esm.shift(),
-          floatingUi_dom_esm.arrow({
-            element: this.arrowElement,
-            padding: 16
-          })
-        ]
-      }).then(({ x, y, middlewareData, placement }) => {
-        Object.assign(this.popupElement.style, {
-          left: `${x}px`,
-          top: `${y}px`
-        });
-        const side = placement.split('-')[0];
-        const staticSide = {
-          top: 'bottom',
-          right: 'left',
-          bottom: 'top',
-          left: 'right'
-        }[side];
-        if (middlewareData.arrow) {
-          const { x, y } = middlewareData.arrow;
-          this.popupElement.setAttribute('data-placement', placement);
-          Object.assign(this.arrowElement.style, {
-            left: x != null ? `${x}px` : '',
-            top: y != null ? `${y}px` : '',
-            right: '',
-            bottom: '',
-            [staticSide]: `${-arrowLen / 2}px`,
-            transform: 'rotate(45deg)'
-          });
-        }
-      });
-    }
-  }
-  dismiss() {
-    const dismissEvent = this.guxdismiss.emit();
-    if (!dismissEvent.defaultPrevented) {
-      this.isOpen = false;
-    }
-  }
-  connectedCallback() {
-    usage.trackComponent(this.root, { variant: this.position });
-  }
-  componentDidLoad() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-  }
-  componentDidUpdate() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-    else if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  disconnectedCallback() {
-    if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  render() {
-    return (index.h("div", { ref: (el) => (this.popupElement = el), class: {
-        'gux-hidden': !this.isOpen,
-        'gux-popover-wrapper': true
-      }, "data-placement": true }, index.h("div", { ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { class: "gux-popover-content" }, index.h("slot", null))));
-  }
-  get root() { return index.getElement(this); }
-};
-__decorate([
-  onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
-], GuxPopoverListBeta.prototype, "checkForClickOutside", null);
-GuxPopoverListBeta.style = guxPopoverListBetaCss;
-
-exports.gux_popover_list_beta = GuxPopoverListBeta;

package/dist/collection/components/beta/gux-popover-list-beta/gux-popover-list-beta.css

@@ -1,46 +0,0 @@
-.gux-popover-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: var(--gux-zindex-popover, 2);
-  display: inline-block;
-  padding: 8px 0;
-  color: #2e394c;
-  background-color: #fdfdfd;
-  border: 1px solid #b4bccb;
-  border-radius: 4px;
-  box-shadow: 0 2px 4px rgba(32, 41, 55, 0.24);
-}
-.gux-popover-wrapper.gux-hidden {
-  display: none;
-}
-.gux-popover-wrapper .gux-arrow {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background: inherit;
-}
-.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,
-.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,
-.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow {
-  border-top: 1px solid #b4bccb;
-  border-left: 1px solid #b4bccb;
-}
-.gux-popover-wrapper[data-placement='top'] .gux-arrow,
-.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,
-.gux-popover-wrapper[data-placement='top-end'] .gux-arrow {
-  border-right: 1px solid #b4bccb;
-  border-bottom: 1px solid #b4bccb;
-}
-.gux-popover-wrapper[data-placement='left'] .gux-arrow,
-.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,
-.gux-popover-wrapper[data-placement='left-end'] .gux-arrow {
-  border-top: 1px solid #b4bccb;
-  border-right: 1px solid #b4bccb;
-}
-.gux-popover-wrapper[data-placement='right'] .gux-arrow,
-.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,
-.gux-popover-wrapper[data-placement='right-end'] .gux-arrow {
-  border-bottom: 1px solid #b4bccb;
-  border-left: 1px solid #b4bccb;
-}

package/dist/collection/components/beta/gux-popover-list-beta/gux-popover-list-beta.js

@@ -1,257 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { h } from '@stencil/core';
-import { autoUpdate, computePosition, arrow, flip, offset, shift } from '@floating-ui/dom';
-import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
-import { trackComponent } from '@utils/tracking/usage';
-import { findElementById } from '@utils/dom/find-element-by-id';
-/**
- * @slot - popover content
- */
-export class GuxPopoverListBeta {
-  constructor() {
-    this.for = undefined;
-    this.position = 'bottom';
-    this.displayDismissButton = undefined;
-    this.closeOnClickOutside = false;
-    this.isOpen = false;
-  }
-  checkForClickOutside(event) {
-    const clickPath = event.composedPath();
-    const forElement = findElementById(this.root, this.for);
-    const clickedForElement = clickPath.includes(forElement);
-    if ((this.closeOnClickOutside || !this.displayDismissButton) &&
-      this.isOpen &&
-      !clickedForElement) {
-      this.dismiss();
-    }
-  }
-  runUpdatePosition() {
-    if (this.root.isConnected) {
-      this.cleanupUpdatePosition = autoUpdate(findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
-        ancestorScroll: true,
-        elementResize: true,
-        animationFrame: true,
-        ancestorResize: true
-      });
-    }
-    else {
-      this.disconnectedCallback();
-    }
-  }
-  updatePosition() {
-    const forElement = findElementById(this.root, this.for);
-    // This is 13 because this makes the arrow look aligned
-    const arrowLen = 13;
-    if (this.popupElement) {
-      void computePosition(forElement, this.popupElement, {
-        placement: this.position,
-        middleware: [
-          offset(7),
-          flip(),
-          shift(),
-          arrow({
-            element: this.arrowElement,
-            padding: 16
-          })
-        ]
-      }).then(({ x, y, middlewareData, placement }) => {
-        Object.assign(this.popupElement.style, {
-          left: `${x}px`,
-          top: `${y}px`
-        });
-        const side = placement.split('-')[0];
-        const staticSide = {
-          top: 'bottom',
-          right: 'left',
-          bottom: 'top',
-          left: 'right'
-        }[side];
-        if (middlewareData.arrow) {
-          const { x, y } = middlewareData.arrow;
-          this.popupElement.setAttribute('data-placement', placement);
-          Object.assign(this.arrowElement.style, {
-            left: x != null ? `${x}px` : '',
-            top: y != null ? `${y}px` : '',
-            right: '',
-            bottom: '',
-            [staticSide]: `${-arrowLen / 2}px`,
-            transform: 'rotate(45deg)'
-          });
-        }
-      });
-    }
-  }
-  dismiss() {
-    const dismissEvent = this.guxdismiss.emit();
-    if (!dismissEvent.defaultPrevented) {
-      this.isOpen = false;
-    }
-  }
-  connectedCallback() {
-    trackComponent(this.root, { variant: this.position });
-  }
-  componentDidLoad() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-  }
-  componentDidUpdate() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-    else if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  disconnectedCallback() {
-    if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  render() {
-    return (h("div", { ref: (el) => (this.popupElement = el), class: {
-        'gux-hidden': !this.isOpen,
-        'gux-popover-wrapper': true
-      }, "data-placement": true }, h("div", { ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { class: "gux-popover-content" }, h("slot", null))));
-  }
-  static get is() { return "gux-popover-list-beta"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gux-popover-list-beta.less"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gux-popover-list-beta.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "for": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of the element the popover should anchor to"
-        },
-        "attribute": "for",
-        "reflect": false
-      },
-      "position": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Placement",
-          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "references": {
-            "Placement": {
-              "location": "import",
-              "path": "@floating-ui/dom"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicate position of popover element arrow (follow floating ui placement attribute api)"
-        },
-        "attribute": "position",
-        "reflect": false,
-        "defaultValue": "'bottom'"
-      },
-      "displayDismissButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicate if the dismiss button is displayed"
-        },
-        "attribute": "display-dismiss-button",
-        "reflect": false
-      },
-      "closeOnClickOutside": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Close popover when the user clicks outside of its bounds"
-        },
-        "attribute": "close-on-click-outside",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "isOpen": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-open",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "guxdismiss",
-        "name": "guxdismiss",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fired when a user dismisses the popover"
-        },
-        "complexType": {
-          "original": "void",
-          "resolved": "void",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "root"; }
-}
-__decorate([
-  OnClickOutside({ triggerEvents: 'mousedown' })
-], GuxPopoverListBeta.prototype, "checkForClickOutside", null);

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/gux-popover-list-beta.entry.js

@@ -1,135 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-48871497.js';
-import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
-import { t as trackComponent } from './usage-fc286feb.js';
-import { f as findElementById } from './find-element-by-id-758a0703.js';
-
-const guxPopoverListBetaCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const GuxPopoverListBeta = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.guxdismiss = createEvent(this, "guxdismiss", 7);
-    this.for = undefined;
-    this.position = 'bottom';
-    this.displayDismissButton = undefined;
-    this.closeOnClickOutside = false;
-    this.isOpen = false;
-  }
-  checkForClickOutside(event) {
-    const clickPath = event.composedPath();
-    const forElement = findElementById(this.root, this.for);
-    const clickedForElement = clickPath.includes(forElement);
-    if ((this.closeOnClickOutside || !this.displayDismissButton) &&
-      this.isOpen &&
-      !clickedForElement) {
-      this.dismiss();
-    }
-  }
-  runUpdatePosition() {
-    if (this.root.isConnected) {
-      this.cleanupUpdatePosition = autoUpdate(findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
-        ancestorScroll: true,
-        elementResize: true,
-        animationFrame: true,
-        ancestorResize: true
-      });
-    }
-    else {
-      this.disconnectedCallback();
-    }
-  }
-  updatePosition() {
-    const forElement = findElementById(this.root, this.for);
-    // This is 13 because this makes the arrow look aligned
-    const arrowLen = 13;
-    if (this.popupElement) {
-      void computePosition(forElement, this.popupElement, {
-        placement: this.position,
-        middleware: [
-          offset(7),
-          flip(),
-          shift(),
-          arrow({
-            element: this.arrowElement,
-            padding: 16
-          })
-        ]
-      }).then(({ x, y, middlewareData, placement }) => {
-        Object.assign(this.popupElement.style, {
-          left: `${x}px`,
-          top: `${y}px`
-        });
-        const side = placement.split('-')[0];
-        const staticSide = {
-          top: 'bottom',
-          right: 'left',
-          bottom: 'top',
-          left: 'right'
-        }[side];
-        if (middlewareData.arrow) {
-          const { x, y } = middlewareData.arrow;
-          this.popupElement.setAttribute('data-placement', placement);
-          Object.assign(this.arrowElement.style, {
-            left: x != null ? `${x}px` : '',
-            top: y != null ? `${y}px` : '',
-            right: '',
-            bottom: '',
-            [staticSide]: `${-arrowLen / 2}px`,
-            transform: 'rotate(45deg)'
-          });
-        }
-      });
-    }
-  }
-  dismiss() {
-    const dismissEvent = this.guxdismiss.emit();
-    if (!dismissEvent.defaultPrevented) {
-      this.isOpen = false;
-    }
-  }
-  connectedCallback() {
-    trackComponent(this.root, { variant: this.position });
-  }
-  componentDidLoad() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-  }
-  componentDidUpdate() {
-    if (this.isOpen) {
-      this.runUpdatePosition();
-    }
-    else if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  disconnectedCallback() {
-    if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  render() {
-    return (h("div", { ref: (el) => (this.popupElement = el), class: {
-        'gux-hidden': !this.isOpen,
-        'gux-popover-wrapper': true
-      }, "data-placement": true }, h("div", { ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { class: "gux-popover-content" }, h("slot", null))));
-  }
-  get root() { return getElement(this); }
-};
-__decorate([
-  OnClickOutside({ triggerEvents: 'mousedown' })
-], GuxPopoverListBeta.prototype, "checkForClickOutside", null);
-GuxPopoverListBeta.style = guxPopoverListBetaCss;
-
-export { GuxPopoverListBeta as gux_popover_list_beta };

package/dist/genesys-webcomponents/p-024a83a3.entry.js

@@ -1 +0,0 @@
-import{r,c as p,h as e,g as o}from"./p-7d26b2e1.js";import{O as t}from"./p-9d18d475.js";import{b as a}from"./p-3701eff0.js";import{t as i}from"./p-2eabf7ba.js";import{c as s}from"./p-e459974a.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.for=void 0,this.position="bottom",this.displayDismissButton=void 0,this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover-list: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver&&this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover_list}

package/dist/types/components/beta/gux-popover-list-beta/gux-popover-list-beta.d.ts

@@ -1,41 +0,0 @@
-import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { Placement } from '@floating-ui/dom';
-/**
- * @slot - popover content
- */
-export declare class GuxPopoverListBeta {
-  private popupElement;
-  private arrowElement;
-  private cleanupUpdatePosition;
-  private root;
-  /**
-   * Indicates the id of the element the popover should anchor to
-   */
-  for: string;
-  /**
-   * Indicate position of popover element arrow (follow floating ui placement attribute api)
-   */
-  position: Placement;
-  /**
-   * Indicate if the dismiss button is displayed
-   */
-  displayDismissButton: boolean;
-  /**
-   * Close popover when the user clicks outside of its bounds
-   */
-  closeOnClickOutside: boolean;
-  isOpen: boolean;
-  /**
-   * Fired when a user dismisses the popover
-   */
-  guxdismiss: EventEmitter<void>;
-  checkForClickOutside(event: MouseEvent): void;
-  private runUpdatePosition;
-  private updatePosition;
-  private dismiss;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
-  render(): JSX.Element;
-}

package/dist/types/components/stable/gux-popover-list/gux-popover-list.types.d.ts

@@ -1 +0,0 @@
-export type PopperPosition = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';