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

package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js

@@ -2,212 +2,213 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-75c9f0d9.js');
-const index$1 = require('./index-dee802be.js');
+const index = require('./index-7fb02c8c.js');
+const index$1 = require('./index-a1a48d79.js');
 const en = require('./en-66d2b744.js');
-const afterNextRender = require('./after-next-render-a023ef47.js');
-require('./get-closest-element-26894e5a.js');
+const afterNextRender = require('./after-next-render-162425fe.js');
+require('./get-closest-element-9e41d6b9.js');
 
 class GuxPaginationButtonsService {
-  static displayAllPageButtons(currentPage, totalPages, layout) {
-    switch (layout) {
-      case 'advanced':
-        return getAdvancedList(currentPage, totalPages);
-      case 'simple':
-        return getSimpleList(currentPage, totalPages);
+    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
-      };
+    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: totalPages - 6,
-        display: '...',
-        current: false
-      },
-      ...endPageList
+        {
+            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
+        }
     ];
-  }
-  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
-      }
-    ];
-  }
+    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 guxPaginationButtonsCss = "gux-pagination-buttons .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-end;align-items:center;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-group{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);white-space:nowrap}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch center;align-items:center}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);margin:0;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);background:inherit;border:none}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}";
+const GuxPaginationButtonsStyle0 = guxPaginationButtonsCss;
 
 const GuxPaginationButtons = 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", "aria-label": this.i18n('pageSelected', {
-            pageSelected: cv.pageNumber
-          }) }, 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), "aria-label": this.i18n('pageNumber', {
-          pageNumber: 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", { accent: "ghost" }, index.h("button", { title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('previousPage'), 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", { accent: "ghost" }, index.h("button", { title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { title: this.i18n('lastPage'), 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); }
+    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", "aria-label": this.i18n('pageSelected', {
+                        pageSelected: cv.pageNumber
+                    }) }, 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), "aria-label": this.i18n('pageNumber', {
+                    pageNumber: 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", { key: '593f6c001948188e54c301efdfe6aa031255b7a8', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '9c0bd7211f773f8f492193eeca974f69456d8588', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '33c4a33fc6b0620c7595f1f5645c63c05e70402f', accent: "ghost" }, index.h("button", { key: 'dfb509bfbb1719278e8e1bb0cdb350ba3a96632d', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'c28b78052595b3ae3b903011685be2d25d4bb57a', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '823a26cdc43783d61dd07a321191679f118d60f5', accent: "ghost" }, index.h("button", { key: '8ee40251757b7fd33cd3def62e1385fe8f67065e', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '3e00c761635549f18406ac0689ef410d1f7cedc7', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: 'a056ab5312a98e597bd08f6a023db653115f5f0e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '85b010e556b036b5e6b49cddbda831df3bb048bd', accent: "ghost" }, index.h("button", { key: '6f8356037c05cd2e07607d298bfa2febf1d43efb', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '31598a969e084b23c56f126b655ec4dd4711fbd7', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'bfa05ac48557735ade8cff2c8349ab731fbcbedc', accent: "ghost" }, index.h("button", { key: 'a7626e099a683019c0e6d215b2967d15eca872d0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b506c68adf995f08617c922e5026c74f5dc9517a', decorative: true, "icon-name": "chevron-double-right" }))))));
+    }
+    get root() { return index.getElement(this); }
 };
-GuxPaginationButtons.style = guxPaginationButtonsCss;
+GuxPaginationButtons.style = GuxPaginationButtonsStyle0;
 
 const itemCountDisplay = "{firstItem, number} - {lastItem, number}";
 const totalItems = " of {totalItems, number}";
@@ -217,43 +218,44 @@ const paginationResources = {
 };
 
 const guxPaginationItemCountsCss = "gux-pagination-item-counts .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);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);white-space:nowrap}";
+const GuxPaginationItemCountsStyle0 = guxPaginationItemCountsCss;
 
 const GuxPaginationItemCounts = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.totalItems = 0;
-    this.currentPage = 0;
-    this.itemsPerPage = 25;
-  }
-  get firstItem() {
-    if (this.totalItems < 1) {
-      return 0;
+    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);
     }
-    return (this.currentPage - 1) * this.itemsPerPage + 1;
-  }
-  get lastItem() {
-    if (this.totalItems < 1) {
-      return 0;
+    getPaginationItemCountsRange() {
+        if (this.totalItems) {
+            return (index.h("span", null, this.i18n('totalItems', { totalItems: this.totalItems })));
+        }
     }
-    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", { key: 'f71829cc8c4e4f577c3f6426d0d1d61880530965', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '62bc3d24d4ba1b088e3aa59119f42ba40250211a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+            firstItem: this.firstItem,
+            lastItem: this.lastItem
+        })), this.getPaginationItemCountsRange()));
     }
-  }
-  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); }
+    get root() { return index.getElement(this); }
 };
-GuxPaginationItemCounts.style = guxPaginationItemCountsCss;
+GuxPaginationItemCounts.style = GuxPaginationItemCountsStyle0;
 
 exports.gux_pagination_buttons = GuxPaginationButtons;
 exports.gux_pagination_item_counts = GuxPaginationItemCounts;

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-287da480.js');
-const index$1 = require('./index-dee802be.js');
-require('./get-closest-element-26894e5a.js');
+const index = require('./index-7fb02c8c.js');
+const usage = require('./usage-0a903414.js');
+const index$1 = require('./index-a1a48d79.js');
+require('./get-closest-element-9e41d6b9.js');
 
 const previous = "Previous";
 const next = "Next";
@@ -15,52 +15,53 @@ const translationResources = {
 };
 
 const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);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-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}";
+const GuxPaginationCursorStyle0 = guxPaginationCursorCss;
 
 const GuxPaginationCursor = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxPaginationCursorchange = index.createEvent(this, "guxPaginationCursorchange", 7);
-    this.guxitemsperpagechange = index.createEvent(this, "guxitemsperpagechange", 7);
-    this.hasPrevious = false;
-    this.hasNext = false;
-    this.itemsPerPage = undefined;
-    this.layout = 'simple';
-  }
-  handleInternalitemsperpagechange(event) {
-    this.guxitemsperpagechange.emit(event.detail);
-  }
-  onButtonClick(paginationDetail) {
-    if ((paginationDetail === 'previous' && this.hasPrevious) ||
-      (paginationDetail === 'next' && this.hasNext)) {
-      this.guxPaginationCursorchange.emit(paginationDetail);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guxPaginationCursorchange = index.createEvent(this, "guxPaginationCursorchange", 7);
+        this.guxitemsperpagechange = index.createEvent(this, "guxitemsperpagechange", 7);
+        this.hasPrevious = false;
+        this.hasNext = false;
+        this.itemsPerPage = undefined;
+        this.layout = 'simple';
     }
-  }
-  async componentWillLoad() {
-    usage.trackComponent(this.root);
-    this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
-  }
-  renderSimpleLayout() {
-    return [
-      index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "chevron-small-left", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "chevron-small-right", "screenreader-text": this.i18n('next') }))))
-    ];
-  }
-  renderAdvancedLayout() {
-    return [
-      index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "chevron-small-left" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "chevron-small-right" }))))),
-      this.renderItemsPerPage()
-    ];
-  }
-  renderItemsPerPage() {
-    return (this.itemsPerPage &&
-      (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) })));
-  }
-  render() {
-    return this.layout === 'advanced'
-      ? this.renderAdvancedLayout()
-      : this.renderSimpleLayout();
-  }
-  get root() { return index.getElement(this); }
+    handleInternalitemsperpagechange(event) {
+        this.guxitemsperpagechange.emit(event.detail);
+    }
+    onButtonClick(paginationDetail) {
+        if ((paginationDetail === 'previous' && this.hasPrevious) ||
+            (paginationDetail === 'next' && this.hasNext)) {
+            this.guxPaginationCursorchange.emit(paginationDetail);
+        }
+    }
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
+    }
+    renderSimpleLayout() {
+        return [
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "chevron-small-left", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "chevron-small-right", "screenreader-text": this.i18n('next') }))))
+        ];
+    }
+    renderAdvancedLayout() {
+        return [
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "chevron-small-left" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "chevron-small-right" }))))),
+            this.renderItemsPerPage()
+        ];
+    }
+    renderItemsPerPage() {
+        return (this.itemsPerPage &&
+            (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) })));
+    }
+    render() {
+        return this.layout === 'advanced'
+            ? this.renderAdvancedLayout()
+            : this.renderSimpleLayout();
+    }
+    get root() { return index.getElement(this); }
 };
-GuxPaginationCursor.style = guxPaginationCursorCss;
+GuxPaginationCursor.style = GuxPaginationCursorStyle0;
 
 exports.gux_pagination_cursor = GuxPaginationCursor;