genesys-spark-components 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/cjs/gux-pagination-buttons-beta_2.cjs.entry.js

@@ -1,255 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const index$1 = require('./index-9bbde1aa.js');
-const en = require('./en-b3076cac.js');
-const afterNextRender = require('./after-next-render-a09f528a.js');
-require('./get-closest-element-ab4b2eee.js');
-
-class GuxPaginationButtonsService {
-  static displayAllPageButtons(currentPage, totalPages, layout) {
-    switch (layout) {
-      case 'advanced':
-        return getAdvancedList(currentPage, totalPages);
-      case 'simple':
-        return getSimpleList(currentPage, totalPages);
-    }
-  }
-}
-function getAdvancedList(currentPage, totalPages) {
-  if (totalPages <= 7) {
-    return [...Array(totalPages).keys()].map(index => {
-      const pageNumber = index + 1;
-      return {
-        pageNumber,
-        display: String(pageNumber),
-        current: pageNumber === currentPage
-      };
-    });
-  }
-  if (currentPage <= 3) {
-    const startPageList = [...Array(5).keys()].map(index => {
-      const pageNumber = index + 1;
-      return {
-        pageNumber,
-        display: String(pageNumber),
-        current: pageNumber === currentPage
-      };
-    });
-    return [
-      ...startPageList,
-      {
-        pageNumber: 6,
-        display: '...',
-        current: false
-      },
-      {
-        pageNumber: totalPages,
-        display: String(totalPages),
-        current: false
-      }
-    ];
-  }
-  if (currentPage > totalPages - 3) {
-    const endPageList = [...Array(5).keys()].map(index => {
-      const pageNumber = index + totalPages - 4;
-      return {
-        pageNumber,
-        display: String(pageNumber),
-        current: pageNumber === currentPage
-      };
-    });
-    return [
-      {
-        pageNumber: 1,
-        display: '1',
-        current: false
-      },
-      {
-        pageNumber: totalPages - 6,
-        display: '...',
-        current: false
-      },
-      ...endPageList
-    ];
-  }
-  const middlePageList = [...Array(3).keys()].map(index => {
-    const pageNumber = index + currentPage - 1;
-    return {
-      pageNumber,
-      display: String(pageNumber),
-      current: pageNumber === currentPage
-    };
-  });
-  return [
-    {
-      pageNumber: 1,
-      display: '1',
-      current: false
-    },
-    {
-      pageNumber: currentPage - 3,
-      display: '...',
-      current: false
-    },
-    ...middlePageList,
-    {
-      pageNumber: currentPage + 3,
-      display: '...',
-      current: false
-    },
-    {
-      pageNumber: totalPages,
-      display: String(totalPages),
-      current: false
-    }
-  ];
-}
-function getSimpleList(currentPage, totalPages) {
-  if (totalPages <= 3) {
-    return [...Array(totalPages).keys()].map(index => {
-      const pageNumber = index + 1;
-      return {
-        pageNumber,
-        display: String(pageNumber),
-        current: pageNumber === currentPage
-      };
-    });
-  }
-  if (totalPages >= 4) {
-    const startPageList = [...Array(1).keys()].map(index => {
-      const pageNumber = index + currentPage;
-      return {
-        pageNumber,
-        display: String(pageNumber),
-        current: pageNumber !== totalPages
-      };
-    });
-    return [
-      ...startPageList,
-      {
-        pageNumber: currentPage,
-        display: '...',
-        current: false
-      },
-      {
-        pageNumber: totalPages,
-        display: String(totalPages),
-        current: totalPages == currentPage
-      }
-    ];
-  }
-}
-
-const guxPaginationButtonsBetaCss = "gux-pagination-buttons-beta{color:#2e394c}gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-end}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group gux-button-slot-beta:not(:first-of-type){margin-right:8px;margin-left:8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;margin:0 16px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input{width:60px;margin:0 8px}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-input-container .gux-pagination-buttons-input input{width:inherit;text-align:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding:2px 4px;margin:0;background:inherit;border:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border:3px solid #aac9ff;border-radius:4px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:#eff1f5;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;color:#6b7585;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{background-color:#d7dce5;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}";
-
-const GuxPaginationButtonsBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.internalcurrentpagechange = index.createEvent(this, "internalcurrentpagechange", 3);
-    this.currentPage = undefined;
-    this.totalPages = undefined;
-    this.layout = 'advanced';
-  }
-  goToPageHandler(event) {
-    this.currentPage = event.detail;
-    this.handlePageChange(this.currentPage);
-    afterNextRender.afterNextRender(() => {
-      this.currentElement.focus();
-    });
-  }
-  get onFirstPage() {
-    return this.currentPage <= 1;
-  }
-  get onLastPage() {
-    return this.currentPage >= this.totalPages;
-  }
-  handleClickFirst() {
-    this.internalcurrentpagechange.emit(1);
-  }
-  handleClickPrevious() {
-    this.internalcurrentpagechange.emit(this.currentPage - 1);
-  }
-  handleClickNext() {
-    this.internalcurrentpagechange.emit(this.currentPage + 1);
-  }
-  handleClickLast() {
-    this.internalcurrentpagechange.emit(this.totalPages);
-  }
-  handlePageChange(pageNumber) {
-    this.internalcurrentpagechange.emit(pageNumber);
-  }
-  getPageListEnteries(currentPage, totalPages, layout) {
-    return GuxPaginationButtonsService.displayAllPageButtons(currentPage, totalPages, layout).reduce((acc, cv) => {
-      if (cv.current) {
-        return acc.concat((index.h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current" }, cv.display)));
-      }
-      if (cv.display == '...') {
-        return acc.concat((index.h("gux-pagination-ellipsis-button", { totalPages: this.totalPages })));
-      }
-      return acc.concat((index.h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber) }, cv.display)));
-    }, []);
-  }
-  getPageNavigation() {
-    return (index.h("div", { class: "gux-pagination-buttons-list-container" }, this.getPageListEnteries(this.currentPage, this.totalPages, this.layout)));
-  }
-  async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
-  }
-  render() {
-    return (index.h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot-beta", { accent: "ghost" }, index.h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot-beta", { accent: "ghost" }, index.h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot-beta", { accent: "ghost" }, index.h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot-beta", { accent: "ghost" }, index.h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxPaginationButtonsBeta.style = guxPaginationButtonsBetaCss;
-
-const itemCountDisplay = "{firstItem, number} - {lastItem, number}";
-const totalItems = " of {totalItems, number}";
-const paginationResources = {
-	itemCountDisplay: itemCountDisplay,
-	totalItems: totalItems
-};
-
-const guxPaginationItemCountsBetaCss = "gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{margin-right:16px;white-space:nowrap}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";
-
-const GuxPaginationItemCountsBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.totalItems = 0;
-    this.currentPage = 0;
-    this.itemsPerPage = 25;
-  }
-  get firstItem() {
-    if (this.totalItems < 1) {
-      return 0;
-    }
-    return (this.currentPage - 1) * this.itemsPerPage + 1;
-  }
-  get lastItem() {
-    if (this.totalItems < 1) {
-      return 0;
-    }
-    return Math.min(this.currentPage * this.itemsPerPage, this.totalItems);
-  }
-  async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources);
-  }
-  getPaginationItemCountsRange() {
-    if (this.totalItems) {
-      return (index.h("span", null, this.i18n('totalItems', { totalItems: this.totalItems })));
-    }
-  }
-  render() {
-    return (index.h("div", { class: "gux-pagination-item-counts-container" }, index.h("span", { class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
-      firstItem: this.firstItem,
-      lastItem: this.lastItem
-    })), this.getPaginationItemCountsRange()));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxPaginationItemCountsBeta.style = guxPaginationItemCountsBetaCss;
-
-exports.gux_pagination_buttons_beta = GuxPaginationButtonsBeta;
-exports.gux_pagination_item_counts_beta = GuxPaginationItemCountsBeta;

package/dist/cjs/gux-pagination-items-per-page-beta.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const index$1 = require('./index-9bbde1aa.js');
-require('./get-closest-element-ab4b2eee.js');
-
-const perPage = "per page";
-const itemsPerPage = "Items per page";
-const rangeSelected = "Items per page dropdown, {range} selected";
-const paginationResources = {
-	perPage: perPage,
-	itemsPerPage: itemsPerPage,
-	rangeSelected: rangeSelected
-};
-
-const guxPaginationItemsPerPageBetaCss = "gux-pagination-items-per-page-beta{color:#2e394c}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker{margin-right:8px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page-beta .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}";
-
-const GuxPaginationItemsPerPageBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.internalitemsperpagechange = index.createEvent(this, "internalitemsperpagechange", 3);
-    this.itemsPerPage = 25;
-  }
-  handleChange(event) {
-    event.stopPropagation();
-    const newItemsPerPageValue = parseInt(this.dropdownElement.value, 10);
-    this.internalitemsperpagechange.emit(newItemsPerPageValue);
-  }
-  async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources);
-  }
-  getDropdown() {
-    return (index.h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}`, "aria-label": this.i18n('rangeSelected', {
-        range: this.itemsPerPage
-      }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
-  }
-  render() {
-    return (index.h("div", { class: "gux-pagination-items-per-page-container" }, index.h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", null, this.i18n('perPage'))));
-  }
-  get root() { return index.getElement(this); }
-};
-GuxPaginationItemsPerPageBeta.style = guxPaginationItemsPerPageBetaCss;
-
-exports.gux_pagination_items_per_page_beta = GuxPaginationItemsPerPageBeta;

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-1066593d.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/cjs/gux-popover.cjs.entry.js

@@ -1,133 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usage = require('./usage-1066593d.js');
-const getSlot = require('./get-slot-097ade01.js');
-const findElementById = require('./find-element-by-id-99f1f933.js');
-const popper = require('./popper-9a6aec9e.js');
-
-const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;background-color:#fdfdfd;border-radius:4px;box-shadow:0 3px 14px rgba(46, 57, 76, 0.22)}.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='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='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='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 .gux-popover-header{font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700;display:flex;flex-direction:row;align-content:center;align-items:center;justify-content:space-between;padding-bottom:16px}.gux-popover-wrapper gux-dismiss-button{float:right}";
-
-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 GuxPopover = 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.hidden = true;
-  }
-  hiddenHandler(hidden) {
-    if (!hidden && !this.popperInstance) {
-      this.runPopper();
-    }
-    else if (!hidden && this.popperInstance) {
-      this.popperInstance.forceUpdate();
-    }
-  }
-  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.hidden &&
-      !clickedForElement) {
-      this.dismiss();
-    }
-  }
-  get titleSlot() {
-    return getSlot.getSlot(this.root, 'title');
-  }
-  runPopper() {
-    const forElement = findElementById.findElementById(this.root, this.for);
-    if (!forElement) {
-      console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`);
-    }
-    else if (this.popupElement) {
-      this.popperInstance = popper.createPopper(forElement, this.popupElement, {
-        modifiers: [
-          {
-            name: 'computeStyles',
-            options: {
-              gpuAcceleration: false
-            }
-          },
-          {
-            name: 'offset',
-            options: {
-              offset: [0, 7]
-            }
-          },
-          {
-            name: 'arrow',
-            options: {
-              padding: 16
-            }
-          }
-        ],
-        placement: this.position
-      });
-    }
-  }
-  destroyPopper() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
-    }
-  }
-  dismiss() {
-    const dismissEvent = this.guxdismiss.emit();
-    if (!dismissEvent.defaultPrevented) {
-      this.root.setAttribute('hidden', '');
-    }
-  }
-  connectedCallback() {
-    usage.trackComponent(this.root, { variant: this.position });
-    this.hiddenObserver = onAttributeChange.onHiddenChange(this.root, (hidden) => {
-      this.hidden = hidden;
-    });
-    this.hidden = this.root.hidden;
-  }
-  componentDidLoad() {
-    this.runPopper();
-  }
-  disconnectedCallback() {
-    this.destroyPopper();
-    if (this.hiddenObserver) {
-      this.hiddenObserver.disconnect();
-    }
-  }
-  renderDismissButton() {
-    if (this.displayDismissButton) {
-      return (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this), position: "inherit" }));
-    }
-  }
-  render() {
-    return (index.h("div", { ref: (el) => (this.popupElement = el), class: "gux-popover-wrapper" }, index.h("div", { class: "gux-arrow", "data-popper-arrow": true }), index.h("div", { class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { name: "title" }), this.renderDismissButton()), index.h("div", { class: "gux-popover-content" }, index.h("slot", null))));
-  }
-  get root() { return index.getElement(this); }
-  static get watchers() { return {
-    "hidden": ["hiddenHandler"]
-  }; }
-};
-__decorate([
-  onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
-], GuxPopover.prototype, "checkForClickOutside", null);
-GuxPopover.style = guxPopoverCss;
-
-exports.gux_popover = GuxPopover;

package/dist/cjs/gux-tab-panel-beta.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0fdb85.js');
-
-const guxTabPanelBetaCss = ":host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";
-
-const GuxTabPanelBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxactivepanelchange = index.createEvent(this, "guxactivepanelchange", 7);
-    this.tabId = undefined;
-    this.active = false;
-  }
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async guxSetActive(active) {
-    this.active = active;
-  }
-  watchActivePanel() {
-    if (this.active === true) {
-      this.guxactivepanelchange.emit(this.tabId);
-    }
-  }
-  render() {
-    return (index.h(index.Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", null)));
-  }
-  static get watchers() { return {
-    "active": ["watchActivePanel"]
-  }; }
-};
-GuxTabPanelBeta.style = guxTabPanelBetaCss;
-
-exports.gux_tab_panel_beta = GuxTabPanelBeta;