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

package/dist/esm/gux-error-message-beta.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
-
-const guxErrorMessageBetaCss = ".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";
-
-const GuxErrorMessageBeta = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  render() {
-    return (h("div", { class: "gux-container" }, h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), h("div", { class: "gux-message" }, h("slot", null), h("slot", { name: "error" }))));
-  }
-  get root() { return getElement(this); }
-};
-GuxErrorMessageBeta.style = guxErrorMessageBetaCss;
-
-export { GuxErrorMessageBeta as gux_error_message_beta };

package/dist/esm/gux-loading-message-beta.entry.js

@@ -1,64 +0,0 @@
-import { r as registerInstance, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
-import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
-
-/**
- * Below are the max-widths for the loading component.
- */
-const SMALL_LOADING_MESSAGE = 160;
-const MEDIUM_LOADING_MESSAGE = 300;
-
-const guxLoadingMessageCss = ":host{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gux-container slot[name='primary-message']{color:#364154;text-align:center}.gux-container slot[name='additional-guidance']{color:#596373;text-align:center}.gux-container.gux-small,.gux-container.gux-medium{padding:8px 0 4px}.gux-container.gux-small slot[name='primary-message'],.gux-container.gux-medium slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}.gux-container.gux-small slot[name='additional-guidance'],.gux-container.gux-medium slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}.gux-container.gux-large{padding:16px 0 4px}.gux-container.gux-large slot[name='primary-message']{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}.gux-container.gux-large slot[name='additional-guidance']{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}";
-
-const GuxLoadingMessage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hasAdditionalGuidance = undefined;
-    this.loadingMessageSize = undefined;
-  }
-  updateLoadingMessageSize() {
-    readTask(() => {
-      const containerWidth = this.root.clientWidth;
-      if (containerWidth <= SMALL_LOADING_MESSAGE) {
-        this.loadingMessageSize = 'small';
-      }
-      else if (containerWidth <= MEDIUM_LOADING_MESSAGE) {
-        this.loadingMessageSize = 'medium';
-      }
-      else {
-        this.loadingMessageSize = 'large';
-      }
-    });
-  }
-  componentWillLoad() {
-    trackComponent(this.root);
-  }
-  componentDidLoad() {
-    if (!this.resizeObserver && window.ResizeObserver) {
-      this.resizeObserver = new ResizeObserver(() => {
-        this.updateLoadingMessageSize();
-      });
-    }
-    if (this.resizeObserver) {
-      this.resizeObserver.observe(this.root);
-    }
-    afterNextRenderTimeout(() => {
-      this.updateLoadingMessageSize();
-    }, 500);
-  }
-  disconnectedCallback() {
-    if (this.resizeObserver) {
-      this.resizeObserver.unobserve(this.root);
-    }
-  }
-  render() {
-    return (h("div", { class: {
-        'gux-container': true,
-        [`gux-${this.loadingMessageSize}`]: true
-      }, role: "alert", "aria-live": "assertive" }, h("slot", { name: "progress" }), h("slot", { name: "primary-message" }), h("slot", { name: "additional-guidance" })));
-  }
-  get root() { return getElement(this); }
-};
-GuxLoadingMessage.style = guxLoadingMessageCss;
-
-export { GuxLoadingMessage as gux_loading_message_beta };

package/dist/esm/gux-pagination-beta.entry.js

@@ -1,97 +0,0 @@
-import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
-import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-4f6d345a.js';
-
-const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
-
-const minAdvancedSpacerWidth = 24;
-const GuxPaginationBeta = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
-    this.reinstateLayoutBreakpoint = 0;
-    this.layout = 'advanced';
-    this.currentPage = 1;
-    this.totalItems = 0;
-    this.itemsPerPage = 25;
-    this.totalPages = undefined;
-    this.displayedLayout = undefined;
-  }
-  setPage(page) {
-    if (page <= 0) {
-      this.setPage(1);
-      return;
-    }
-    const totalPages = this.calculateTotalPages(this.totalItems, this.itemsPerPage);
-    if (page > totalPages) {
-      this.setPage(totalPages);
-      return;
-    }
-    this.currentPage = page;
-    this.guxpaginationchange.emit({
-      currentPage: this.currentPage,
-      itemsPerPage: this.itemsPerPage
-    });
-  }
-  handleInternalitemsperpagechange(event) {
-    this.itemsPerPage = event.detail;
-    this.setPage(1);
-  }
-  handleInternalcurrentpagechange(event) {
-    this.setPage(event.detail);
-  }
-  calculateTotalPages(totalItems, itemsPerPage) {
-    return Math.max(1, Math.ceil(totalItems / itemsPerPage));
-  }
-  calculateCurrentPage(totalPages, currentPage) {
-    const minCurrentPage = totalPages > 0 ? 1 : 0;
-    return Math.max(minCurrentPage, Math.min(currentPage, totalPages));
-  }
-  checkPaginationContainerWidthForLayout() {
-    readTask(() => {
-      const container = this.root.shadowRoot.querySelector('.gux-pagination-container');
-      const spacer = this.root.shadowRoot.querySelector('.gux-pagination-spacer');
-      const containerWidth = container.clientWidth;
-      const spacerWidth = spacer.clientWidth;
-      if (spacerWidth < minAdvancedSpacerWidth &&
-        this.displayedLayout !== 'simple') {
-        this.reinstateLayoutBreakpoint = containerWidth;
-        this.displayedLayout = 'simple';
-      }
-      else if (containerWidth > this.reinstateLayoutBreakpoint) {
-        this.reinstateLayoutBreakpoint = 0;
-        this.displayedLayout = this.layout;
-      }
-    });
-  }
-  componentWillLoad() {
-    trackComponent(this.root, { variant: this.layout });
-  }
-  componentWillRender() {
-    this.totalPages = this.calculateTotalPages(this.totalItems, this.itemsPerPage);
-    this.currentPage = this.calculateCurrentPage(this.totalPages, this.currentPage);
-  }
-  disconnectedCallback() {
-    if (this.resizeObserver) {
-      this.resizeObserver.unobserve(this.root.shadowRoot.querySelector('.gux-pagination-container'));
-    }
-  }
-  componentDidLoad() {
-    if (!this.resizeObserver && window.ResizeObserver) {
-      this.resizeObserver = new ResizeObserver(() => this.checkPaginationContainerWidthForLayout());
-    }
-    if (this.resizeObserver) {
-      this.resizeObserver.observe(this.root.shadowRoot.querySelector('.gux-pagination-container'));
-    }
-    afterNextRenderTimeout(() => {
-      this.checkPaginationContainerWidthForLayout();
-    }, 500);
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts-beta", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page-beta", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { class: "gux-pagination-spacer" }), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons-beta", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
-  }
-  get root() { return getElement(this); }
-};
-GuxPaginationBeta.style = guxPaginationBetaCss;
-
-export { GuxPaginationBeta as gux_pagination_beta };

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

@@ -1,250 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as translationResources } from './en-5d726a81.js';
-import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
-import './get-closest-element-1597503c.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) {
-    registerInstance(this, hostRef);
-    this.internalcurrentpagechange = createEvent(this, "internalcurrentpagechange", 3);
-    this.currentPage = undefined;
-    this.totalPages = undefined;
-    this.layout = 'advanced';
-  }
-  goToPageHandler(event) {
-    this.currentPage = event.detail;
-    this.handlePageChange(this.currentPage);
-    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((h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current" }, cv.display)));
-      }
-      if (cv.display == '...') {
-        return acc.concat((h("gux-pagination-ellipsis-button", { totalPages: this.totalPages })));
-      }
-      return acc.concat((h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber) }, cv.display)));
-    }, []);
-  }
-  getPageNavigation() {
-    return (h("div", { class: "gux-pagination-buttons-list-container" }, this.getPageListEnteries(this.currentPage, this.totalPages, this.layout)));
-  }
-  async componentWillLoad() {
-    this.i18n = await buildI18nForComponent(this.root, translationResources);
-  }
-  render() {
-    return (h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot-beta", { accent: "ghost" }, h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot-beta", { accent: "ghost" }, h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot-beta", { accent: "ghost" }, h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot-beta", { accent: "ghost" }, h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
-  }
-  get root() { return 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) {
-    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 buildI18nForComponent(this.root, paginationResources);
-  }
-  getPaginationItemCountsRange() {
-    if (this.totalItems) {
-      return (h("span", null, this.i18n('totalItems', { totalItems: this.totalItems })));
-    }
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-item-counts-container" }, h("span", { class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
-      firstItem: this.firstItem,
-      lastItem: this.lastItem
-    })), this.getPaginationItemCountsRange()));
-  }
-  get root() { return getElement(this); }
-};
-GuxPaginationItemCountsBeta.style = guxPaginationItemCountsBetaCss;
-
-export { GuxPaginationButtonsBeta as gux_pagination_buttons_beta, GuxPaginationItemCountsBeta as gux_pagination_item_counts_beta };

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

@@ -1,42 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { b as buildI18nForComponent } from './index-694d55cf.js';
-import './get-closest-element-1597503c.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) {
-    registerInstance(this, hostRef);
-    this.internalitemsperpagechange = 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 buildI18nForComponent(this.root, paginationResources);
-  }
-  getDropdown() {
-    return (h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}`, "aria-label": this.i18n('rangeSelected', {
-        range: this.itemsPerPage
-      }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", null, this.i18n('perPage'))));
-  }
-  get root() { return getElement(this); }
-};
-GuxPaginationItemsPerPageBeta.style = guxPaginationItemsPerPageBetaCss;
-
-export { GuxPaginationItemsPerPageBeta as gux_pagination_items_per_page_beta };

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-4f6d345a.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 };