genesys-spark-components 4.26.1-beta.0 → 4.26.1

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
-import { b as buildI18nForComponent } from './index-39266f37.js';
-import './get-closest-element-66f63212.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
+import './get-closest-element-728b9f18.js';
 
 const perPage = "per page";
 const itemsPerPage = "Items per page";
@@ -12,31 +12,32 @@ const paginationResources = {
 };
 
 const guxPaginationItemsPerPageCss = "gux-pagination-items-per-page .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-items-per-page .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor)}";
+const GuxPaginationItemsPerPageStyle0 = guxPaginationItemsPerPageCss;
 
 const GuxPaginationItemsPerPage = 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", { class: "gux-pagination-per-page" }, this.i18n('perPage'))));
-  }
-  get root() { return getElement(this); }
+    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", { key: 'b5e4323e9849899dc52d879469d3e0309658a11a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a61d6b49b8e56625469a88154994a8c9fffd042e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd3d7ed8f10c827dc007743c360078543939147fd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+    }
+    get root() { return getElement(this); }
 };
-GuxPaginationItemsPerPage.style = guxPaginationItemsPerPageCss;
+GuxPaginationItemsPerPage.style = GuxPaginationItemsPerPageStyle0;
 
 export { GuxPaginationItemsPerPage as gux_pagination_items_per_page };

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

@@ -1,72 +1,73 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-96d4ad58.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { t as trackComponent } from './usage-584e4793.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
+const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
 
 const GuxPaginationLegacy = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
-    this.currentPage = 1;
-    this.totalItems = 0;
-    this.itemsPerPage = 25;
-    this.layout = 'full';
-    this.totalPages = undefined;
-  }
-  setPage(page) {
-    if (page <= 0) {
-      this.setPage(1);
-      return;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
+        this.currentPage = 1;
+        this.totalItems = 0;
+        this.itemsPerPage = 25;
+        this.layout = 'full';
+        this.totalPages = undefined;
     }
-    const totalPages = this.calculateTotalPages();
-    if (page > totalPages) {
-      this.setPage(totalPages);
-      return;
+    setPage(page) {
+        if (page <= 0) {
+            this.setPage(1);
+            return;
+        }
+        const totalPages = this.calculateTotalPages();
+        if (page > totalPages) {
+            this.setPage(totalPages);
+            return;
+        }
+        this.currentPage = page;
+        this.guxpaginationchange.emit({
+            currentPage: this.currentPage,
+            itemsPerPage: this.itemsPerPage
+        });
     }
-    this.currentPage = page;
-    this.guxpaginationchange.emit({
-      currentPage: this.currentPage,
-      itemsPerPage: this.itemsPerPage
-    });
-  }
-  calculateTotalPages() {
-    return Math.max(1, Math.ceil(this.totalItems / this.itemsPerPage));
-  }
-  calculateCurrentPage() {
-    const minCurrentPage = this.totalPages > 0 ? 1 : 0;
-    return Math.max(minCurrentPage, Math.min(this.currentPage, this.totalPages));
-  }
-  handleInternalitemsperpagechange(event) {
-    this.itemsPerPage = event.detail;
-    this.setPage(1);
-  }
-  handleInternalcurrentpagechange(event) {
-    this.setPage(event.detail);
-  }
-  getPaginationInfoElement(layout) {
-    if (layout === 'expanded') {
-      return null;
+    calculateTotalPages() {
+        return Math.max(1, Math.ceil(this.totalItems / this.itemsPerPage));
     }
-    const content = [
-      h("gux-pagination-item-counts-legacy", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage })
-    ];
-    if (layout === 'full') {
-      content.push(h("gux-pagination-items-per-page-legacy", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }));
+    calculateCurrentPage() {
+        const minCurrentPage = this.totalPages > 0 ? 1 : 0;
+        return Math.max(minCurrentPage, Math.min(this.currentPage, this.totalPages));
     }
-    return (h("div", { class: "gux-pagination-info" }, content));
-  }
-  componentWillLoad() {
-    trackComponent(this.root, { variant: this.layout });
-  }
-  componentWillRender() {
-    this.totalPages = this.calculateTotalPages();
-    this.currentPage = this.calculateCurrentPage();
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
-  }
-  get root() { return getElement(this); }
+    handleInternalitemsperpagechange(event) {
+        this.itemsPerPage = event.detail;
+        this.setPage(1);
+    }
+    handleInternalcurrentpagechange(event) {
+        this.setPage(event.detail);
+    }
+    getPaginationInfoElement(layout) {
+        if (layout === 'expanded') {
+            return null;
+        }
+        const content = [
+            h("gux-pagination-item-counts-legacy", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage })
+        ];
+        if (layout === 'full') {
+            content.push(h("gux-pagination-items-per-page-legacy", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }));
+        }
+        return (h("div", { class: "gux-pagination-info" }, content));
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.layout });
+    }
+    componentWillRender() {
+        this.totalPages = this.calculateTotalPages();
+        this.currentPage = this.calculateCurrentPage();
+    }
+    render() {
+        return (h("div", { key: '2a2e8ddb9120903a48bf45ac562f89d1dc4a3a22', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '327ab4a9570515f15a133c3544b1e84ebc1e88ef', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '5729b190bdcf636b2bc21014fd4b9ba925c12343', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+    }
+    get root() { return getElement(this); }
 };
-GuxPaginationLegacy.style = guxPaginationLegacyCss;
+GuxPaginationLegacy.style = GuxPaginationLegacyStyle0;
 
 export { GuxPaginationLegacy as gux_pagination_legacy };

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

@@ -1,97 +1,98 @@
-import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-39e65a0a.js';
-import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-96d4ad58.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-da21b737.js';
+import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
+import { t as trackComponent } from './usage-584e4793.js';
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;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 GuxPaginationStyle0 = guxPaginationCss;
 
 const minAdvancedSpacerWidth = 24;
 const GuxPagination = 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;
+    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;
     }
-    const totalPages = this.calculateTotalPages(this.totalItems, this.itemsPerPage);
-    if (page > totalPages) {
-      this.setPage(totalPages);
-      return;
+    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
+        });
     }
-    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'));
+    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());
+    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);
     }
-    if (this.resizeObserver) {
-      this.resizeObserver.observe(this.root.shadowRoot.querySelector('.gux-pagination-container'));
+    render() {
+        return (h("div", { key: '00be70bf087dab63649f4de07150fdaa61a1c904', class: "gux-pagination-container" }, h("div", { key: '5f2576d4b32916f4caaf619fc62ffbe4514df0c0', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '72f3e5f2454d3ff660fe4251ae43c068770abb00', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'd4b1de8070a0e53e1cea28ef6c81907b1e38444c', class: "gux-pagination-spacer" }), h("div", { key: 'e540ae2d2736fb8c99407504e9c517e49d16913c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd314c64295f03391993c61cd585a36094a3e512b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
-    afterNextRenderTimeout(() => {
-      this.checkPaginationContainerWidthForLayout();
-    }, 500);
-  }
-  render() {
-    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "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", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
-  }
-  get root() { return getElement(this); }
+    get root() { return getElement(this); }
 };
-GuxPagination.style = guxPaginationCss;
+GuxPagination.style = GuxPaginationStyle0;
 
 export { GuxPagination as gux_pagination };