genesys-spark-components 3.1.3-beta.8 → 3.3.1

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

@@ -0,0 +1,258 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-33b1b88e.js');
+const index$1 = require('./index-2202ad01.js');
+require('./get-closest-element-ab4b2eee.js');
+
+const page = "Page";
+const totalPages = " of {totalPages, number}";
+const first = "First";
+const previous = "Previous";
+const next = "Next";
+const last = "Last";
+const pageInputLabel = "Page {currentPage, number} of {totalPages, number}";
+const paginationResources$2 = {
+	page: page,
+	totalPages: totalPages,
+	first: first,
+	previous: previous,
+	next: next,
+	last: last,
+	pageInputLabel: pageInputLabel
+};
+
+class GuxPaginationButtonsService {
+  static getPageList(currentPage, totalPages) {
+    if (totalPages <= 10) {
+      return [...Array(totalPages).keys()].map(index => {
+        const pageNumber = index + 1;
+        return {
+          pageNumber,
+          display: String(pageNumber),
+          current: pageNumber === currentPage
+        };
+      });
+    }
+    if (currentPage <= 5) {
+      const startPageList = [...Array(6).keys()].map(index => {
+        const pageNumber = index + 1;
+        return {
+          pageNumber,
+          display: String(pageNumber),
+          current: pageNumber === currentPage
+        };
+      });
+      return [
+        ...startPageList,
+        {
+          pageNumber: 7,
+          display: '...',
+          current: false
+        },
+        {
+          pageNumber: totalPages,
+          display: String(totalPages),
+          current: false
+        }
+      ];
+    }
+    if (currentPage > totalPages - 5) {
+      const endPageList = [...Array(6).keys()].map(index => {
+        const pageNumber = index + totalPages - 5;
+        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(5).keys()].map(index => {
+      const pageNumber = index + currentPage - 2;
+      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
+      }
+    ];
+  }
+}
+
+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-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-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{height:32px;padding:0 8px;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:5px;outline:none}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{font-weight:600}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:#2a60c8;cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-spacer{width:8px}";
+
+const GuxPaginationButtonsBeta = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.internalcurrentpagechange = index.createEvent(this, "internalcurrentpagechange", 3);
+    this.layout = 'advanced';
+  }
+  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);
+  }
+  handleClickPage(pageNumber) {
+    this.internalcurrentpagechange.emit(pageNumber);
+  }
+  getPageListEnteries(currentPage, totalPages) {
+    return GuxPaginationButtonsService.getPageList(currentPage, totalPages).reduce((acc, cv) => {
+      if (cv.current) {
+        return acc.concat((index.h("button", { class: "gux-pagination-buttons-list-current" }, cv.display)));
+      }
+      return acc.concat((index.h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handleClickPage(cv.pageNumber) }, cv.display)));
+    }, []);
+  }
+  getSmallPagePicker() {
+    return (index.h("div", { class: 'gux-pagination-buttons-spacer' }));
+  }
+  getFullPagePicker() {
+    return (index.h("div", { class: "gux-pagination-buttons-list-container" }, this.getPageListEnteries(this.currentPage, this.totalPages)));
+  }
+  getPagePicker(layout) {
+    if (layout === 'simple') {
+      return this.getSmallPagePicker();
+    }
+    return this.getFullPagePicker();
+  }
+  async componentWillLoad() {
+    this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
+  }
+  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: "secondary" }, 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: "secondary" }, 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.getPagePicker(this.layout), index.h("div", { class: "gux-pagination-buttons-group" }, index.h("gux-button-slot-beta", { accent: "secondary" }, 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: "secondary" }, 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$1 = {
+	itemCountDisplay: itemCountDisplay,
+	totalItems: totalItems
+};
+
+const guxPaginationItemCountsBetaCss = "gux-pagination-item-counts-beta{color:#2e394c}gux-pagination-item-counts-beta .gux-pagination-item-counts-container{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$1);
+  }
+  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;
+
+const perPage = "per page";
+const itemsPerPage = "Items per page";
+const paginationResources = {
+	perPage: perPage,
+	itemsPerPage: itemsPerPage
+};
+
+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:0 8px 0 16px}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}` }, 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_buttons_beta = GuxPaginationButtonsBeta;
+exports.gux_pagination_item_counts_beta = GuxPaginationItemCountsBeta;
+exports.gux_pagination_items_per_page_beta = GuxPaginationItemsPerPageBeta;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const page = "Page";

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
-const index$1 = require('./index-608364a8.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
+const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const previous = "Previous";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxPaginationCss = ":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:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 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-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 function hasSlot(element, slotName) {
   return Boolean(element.querySelector(`[slot=${slotName}]`));

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const onClickOutside = require('./on-click-outside-246a1eb3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const popper = require('./popper-71bf3058.js');
 
 const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const onClickOutside = require('./on-click-outside-246a1eb3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const popper = require('./popper-71bf3058.js');
 
 const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const index$1 = require('./index-2202ad01.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const loading = "Loading";

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const logError = require('./log-error-a57681bf.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const clamp = require('./clamp-1bb96117.js');

package/dist/cjs/gux-rating.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const clamp = require('./clamp-1bb96117.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const logError = require('./log-error-a57681bf.js');
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const en = require('./en-3662eafc.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -24,7 +24,7 @@ const GuxRowSelect = class {
     this.internalrowselectchange.emit();
   }
   async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources);
+    this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
   }
   render() {
     return (index.h("gux-form-field-checkbox", null, index.h("input", { slot: "input", id: this.id, type: "checkbox", checked: this.selected }), index.h("label", { slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { class: "gux-label-text" }, this.i18n('selectTableRow')))));

package/dist/cjs/gux-side-panel-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxSidePanelCss = "gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";
 

package/dist/cjs/gux-simple-toast.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

package/dist/cjs/gux-switch.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-33b1b88e.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
 const onMutation = require('./on-mutation-2e4dd956.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 const eventIsFrom = require('./event-is-from-ad1044f2.js');
 const en = require('./en-eb56dc17.js');
 require('./get-closest-element-ab4b2eee.js');
@@ -379,7 +379,7 @@ const GuxTabAdvancedList = class {
   }
   async componentWillLoad() {
     this.setTabTriggers();
-    this.i18n = await index$1.buildI18nForComponent(this.root, en.tabsResources);
+    this.i18n = await index$1.buildI18nForComponent(this.root, en.tabsResources, 'gux-tabs-advanced');
   }
   componentDidLoad() {
     if (this.allowSort && !this.sortableInstance) {

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 const eventIsFrom = require('./event-is-from-ad1044f2.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const en = require('./en-eb56dc17.js');
@@ -114,7 +114,7 @@ const GuxTabAdvanced = class {
     }, this.moveFocusDelay);
   }
   async componentWillLoad() {
-    this.i18n = await index$1.buildI18nForComponent(this.root, en.tabsResources);
+    this.i18n = await index$1.buildI18nForComponent(this.root, en.tabsResources, 'gux-tabs-advanced');
   }
   componentDidLoad() {
     this.tabTitle = this.root

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const scrollLeft = "Scroll Left";
@@ -171,7 +171,7 @@ const GuxTabList = class {
   }
   async componentWillLoad() {
     this.setTabTriggers();
-    this.i18n = await index$1.buildI18nForComponent(this.root, tabsResources);
+    this.i18n = await index$1.buildI18nForComponent(this.root, tabsResources, 'gux-tabs');
   }
   componentDidLoad() {
     if (!this.resizeObserver && window.ResizeObserver) {

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

@@ -22,9 +22,11 @@ const GuxTab = class {
     }
   }
   onFocusin() {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     void this.tooltipTitleElement.setShowTooltip();
   }
   onFocusout() {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
     void this.tooltipTitleElement.setHideTooltip();
   }
   // eslint-disable-next-line @typescript-eslint/require-await

package/dist/cjs/gux-table-beta.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const en = require('./en-3662eafc.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

package/dist/cjs/gux-tabs-legacy.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
-const index$1 = require('./index-608364a8.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
+const index$1 = require('./index-2202ad01.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";
 

package/dist/cjs/gux-tag-beta.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const index$1 = require('./index-608364a8.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const index$1 = require('./index-2202ad01.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const search = require('./search-a2ed7f26.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const GuxTextHighlight = class {
   constructor(hostRef) {

package/dist/cjs/gux-text-label-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";
 

package/dist/cjs/gux-time-picker-beta.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const onClickOutside = require('./on-click-outside-246a1eb3.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
-const index$1 = require('./index-608364a8.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
+const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /********************************************************

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const index$1 = require('./index-608364a8.js');
+const index$1 = require('./index-2202ad01.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const defaultAriaLabel = "Toggle Switch";

package/dist/cjs/gux-tooltip_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-33b1b88e.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 const popper = require('./popper-71bf3058.js');
 const logError = require('./log-error-a57681bf.js');
 const onMutation = require('./on-mutation-2e4dd956.js');
@@ -144,12 +144,14 @@ const GuxTooltipTitle = class {
   async setShowTooltip() {
     if (this.tooltipElement) {
       this.showTooltip = true;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       await this.tooltipElement.showTooltip();
     }
   }
   async setHideTooltip() {
     if (this.tooltipElement) {
       this.showTooltip = false;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
       await this.tooltipElement.hideTooltip();
     }
   }

package/dist/cjs/gux-visualization-beta.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$2 = require('./index-33b1b88e.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const index$3 = require('./index-608364a8.js');
-const usageTracking = require('./usage-tracking-16ea4cff.js');
+const index$3 = require('./index-2202ad01.js');
+const usageTracking = require('./usage-tracking-c08b8c93.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /*!