genesys-spark-components 4.137.1 → 4.138.0

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
@@ -43,12 +43,8 @@ const YearFirstLocales = ['ar', 'he', 'ja', 'ko', 'zh-cn', 'zh-tw'];
 const GuxMonthPicker = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
-        this.min = undefined;
-        this.max = undefined;
         this.disabled = false;
         this.expanded = false;
-        this.locale = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;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:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -12,13 +12,16 @@ const GuxNotificationToast = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
+        /**
+         * The component accent.
+         */
         this.accent = 'neutral';
     }
     componentWillLoad() {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '47a33ed4de5228de0e187987869c27b07e0d5787' }, index.h("div", { key: '361fb8c114bfbe51c8d16a8de214bdd723c0a6f7', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'bd3a78f5a5f05a0cf5098266766789ef8cc0a8f3', name: "icon" })), index.h("div", { key: 'dc19ff38c0c039b8296749f418cf6fcb06159ad9', class: "gux-content" }, index.h("gux-truncate", { key: 'ea408eb0806dd5f58bceeb9a7b8fbaef9e702fb4', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c6830def6d5e01d3761f7b5a187cf5a52866a0aa', name: "title" })), index.h("gux-truncate", { key: '319a9a3e695163d12a869577b88a4c84afbf1713', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '789ff5fb32b7da6408d2ee31328e2a39d3d6bd86', name: "message" }))), index.h("gux-dismiss-button", { key: '2abc520e1b95ccc419209202de06265398542179', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '05fb3239ed8a7b3b97cc88b6a613cc8b2669bf6e' }, index.h("div", { key: 'b5c97740a392fb8bf6dd10dfc17717ba9b236c1f', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'd8d9b5bdbc05665dee31bd29244870ff07df9078', name: "icon" })), index.h("div", { key: '2ea8b352598f85ad7747d86b073c96202ae05423', class: "gux-content" }, index.h("gux-truncate", { key: '780143649c27a9a3df52ba03624923972b20c927', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '763979ada598277bd68461c15685570ec37f8f58', name: "title" })), index.h("gux-truncate", { key: 'a87f67cde3759bcc6fa673580b2e2820ab48ba94', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9c1e1d712dfc9ed9527934474c66b28caf8bb471', name: "message" }))), index.h("gux-dismiss-button", { key: 'ac4562e6830355aa38569035621936aa7b8bbce2', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const onMutation = require('./on-mutation-d800434a.js');
 
 const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-overline-fontSize);line-height:var(--gse-semantic-heading-overline-lineHeight);text-transform:var(--gse-semantic-heading-overline-textCase);letter-spacing:var(--gse-semantic-heading-overline-letterSpacing);font-weight:var(--gse-semantic-heading-overline-fontWeight)}:host(.gux-filtered){display:none}";
@@ -11,7 +11,9 @@ const GuxOptionGroupBetaStyle0 = guxOptionGroupCss;
 const GuxOptionGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.label = undefined;
+        // @Prop()
+        // disabled: boolean;
+        // TOOD: GDS-2328
         this.filtered = false;
         this.showDivider = true;
     }
@@ -54,7 +56,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, index.h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, index.h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, index.h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, index.h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-option-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -13,10 +13,6 @@ const GuxOptionIconStyle0 = guxOptionIconCss;
 const GuxOptionIcon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.value = undefined;
-        this.iconName = undefined;
-        this.iconSrText = undefined;
-        this.iconColor = undefined;
         this.iconPosition = 'start';
         this.active = false;
         this.selected = false;
@@ -70,14 +66,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', role: "option", class: {
+        return (index.h(index.Host, { key: '6d6dbc917e7de11fa224f2af2c599b0cedc62d3c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), index.h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), index.h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-option-multi.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -21,7 +21,6 @@ const GuxOptionMulti = class {
         index.registerInstance(this, hostRef);
         this.guxremovecustomoption = index.createEvent(this, "guxremovecustomoption", 7);
         this.internalselectcustomoption = index.createEvent(this, "internalselectcustomoption", 7);
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -70,13 +69,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e162eef5448cea304e276f802f5b8e4a29e02db2', role: "option", class: {
+        return (index.h(index.Host, { key: '30c9dd90df8fb1bee4fa88b4e06c8a55f48acf6d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'b5ce95d76851e11762f7382cf48a7bcfb9e91e41', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '44df5adfb3d53de46dfb939c25ef571bd65813b6', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '734bd3478b4fe68389770ccd7694d5a25f2c288f' })), index.h("slot", { key: '8a5910f16bf8363d2edd4dee1e7d033579a9a29d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), index.h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -11,13 +11,12 @@ const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
 const GuxPageLoadingSpinner = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.screenreaderText = undefined;
     }
     componentWillLoad() {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '29f39a19219294a605f3785056a0f8c9f7348410', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const page = "Page";
@@ -122,8 +122,6 @@ const GuxPaginationButtonsLegacy = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.internalcurrentpagechange = index.createEvent(this, "internalcurrentpagechange", 3);
-        this.currentPage = undefined;
-        this.totalPages = undefined;
         this.layout = 'full';
     }
     get onFirstPage() {
@@ -189,7 +187,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: 'd8c81c219ac05bc53adb30f145ae963fcfcc32c2', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '8e885c3c6a8faaa84848eb50224dd7480b4dccb8', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7fcea3d2f0278a6a79f1ab2574effe6a1c2e4e7e', accent: "ghost" }, index.h("button", { key: '6d7d3e30c99c3b5e8cc211cc1f4c0b030251188c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a9ecd35be4e3ab14eddd4cebbab05f96c45dc84a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a51237614face62ae69ab1c834ba0bc486324d30', accent: "ghost" }, index.h("button", { key: '31c7817937aa6730886e8f17f63a7dca79c8921f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'b55f173a1ac205741ae649381f89606f7589d82e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '39e50e104d0e8c9924deaebec2d338893c8286ff', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7c65c3c5a1e373b6d3c12dc7bb64a3cb4674b217', accent: "ghost" }, index.h("button", { key: '712b22788b90bb251807f95eb775cd1c1dabf358', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'bb75fa24ff0f240a57627f0faeba7f2f9182aac8', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '3335aedc8c13bc0384c4095f38355b7a9636a5d2', accent: "ghost" }, index.h("button", { key: '0eafffbba4c710d54e23400fb017c50f9ad4340d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '9ed3f45ee34f10a779bc24ff9e952134d4e0c2ca', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '94e78129a0eab8031622b92ed8fe5f392a6495b0', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '5c1a04dc93ae0fd25c4f0b1121d633fe9b951b2c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6cbc04a2b7e1bfb448894c8895ac3232648e5fc3', accent: "ghost" }, index.h("button", { key: '7e05c92cd3e4fff399ce9dbbff8e6f97e4c45147', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6f8f9d39f5124c98221b90b840557f79d1bd206a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '36ea45dfcb84f21e0968dd47f11e56296596ade3', accent: "ghost" }, index.h("button", { key: 'e3f613c72ab8a52b831bd02d8467a446d72fd767', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'be79fa6701289fe96cba8dd9c50772159c56de5c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '3152b124bf97384c1d0bc4b9412e0c112a4d6812', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '74f2c533370dab51946d1fd639382c57cfb4435c', accent: "ghost" }, index.h("button", { key: '10765d3f555991bde133be3fade1fba2185bb7cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '454302ddb2294af9922116255aa3f60eace8edf0', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'f4fc51a9e28351e111813f10b09a7aa5bc04d985', accent: "ghost" }, index.h("button", { key: '05e9a24f9c28995d8876ee2f76ab351a6e271830', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '718c22f69a257dfa66d7c13256d8dca985cca2d9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +226,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '3969b1af65c90c8567a902566de629ffac63d0ca', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0bd93fccccfd9f95c077d1ae7a0088a9fc7b4022', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'adc625e79d3bc3b2cee319fd36e01a6a7b55e2f0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'ae0af79204b86e5902722892101fa644a8705a18', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '7c8ab21a8206d034d482dab298f225bfb6bc1efa' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '98a27d3f011a9766d9fb69be3b1f47bb45e7a408' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +267,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, 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", { key: '454327fa8b75606eddaba6090d2761a27b7c9439', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9cacb03bd2d17176a1ae60b970d600fd3c51957c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'e345e541a007cff06b04c4cbcb8180ab4f99e097', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'e601a72a600861196a6ef6ccdd5f55f43d6eee03', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '907d9f76dc84110cad4d4e52a23b8e675ab36f0f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'ec10de58cb9cfdbb2b75cae02a414cd8e79f924c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
 const en = require('./en-66d2b744.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -169,8 +169,6 @@ 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';
         this.disabled = false;
     }
@@ -224,7 +222,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '19348e41b1b5079d5326d9650144dcad1f7f79ad', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a8cea9837f51fabe8c5acaf7e043cb3524729040', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f88feae362e6bee92b986d6ff15dc9ab1527ab28', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ac851cd227f509c0b606dd20da5d459c84b68bb2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '99382b372c35a0d0ac1b1e0bc118d606d4725207', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '4c60cf789aa89525fc89fa68159223d8855ee511', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e8c99c90a15dbaae1af85665e41a4f9af6111a69', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '246be5ce4ce53215091f1e98a6c3b1fd38c5ae32', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '84031c4145984c3f199266d5cbc7447905538fb3', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dadd2185efe906e2ba33e93e84cbf44921e0e09e', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b359290771917607b4cb758b44c849dc7c4281ca', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c104d4d80bd962711b9c950abf937de3d7f8d9ac', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '10312bfa94c58b63c60f9f9e21fa1fe9992a13ab', accent: "ghost", "icon-only": true }, index.h("button", { key: '16b4cd5e0845015ac0d41e09c3b1e05ad8a6d541', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '61d28b070612e95a7ed624fee7777c6614da71e8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, index.h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, index.h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, index.h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, index.h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +266,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'bffcf790cc3d9578c7cc74ec65f627fcc5c553cc', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '63cb44e29d3812bf4889e0bf0858c4770b75e722', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '353452700945c384bb4a868fd2d4c3cfb95ea7e2', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const previous = "Previous";
@@ -24,8 +24,6 @@ const GuxPaginationCursor = class {
         this.guxitemsperpagechange = index.createEvent(this, "guxitemsperpagechange", 7);
         this.hasPrevious = false;
         this.hasNext = false;
-        this.label = undefined;
-        this.itemsPerPage = undefined;
         this.layout = 'simple';
     }
     handleInternalitemsperpagechange(event) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const perPage = "per page";
@@ -39,7 +39,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, 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", { key: '70404290e2847bfaf687084b2d546ecb3234c275', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '66300de9d20076b38ccbe17a3b528603834c6ae6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '25da00635a3fc880b3f21f50795eb89e3fcb132d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.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;
@@ -12,11 +12,22 @@ const GuxPaginationLegacy = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxpaginationchange = index.createEvent(this, "guxpaginationchange", 7);
+        /**
+         * The currently select page. Changes are watched by the component.
+         */
         this.currentPage = 1;
+        /**
+         * The total number of items in the data set. Used to calculate total page count
+         */
         this.totalItems = 0;
+        /**
+         * The max number of items on a page. Used to calculate total page count
+         */
         this.itemsPerPage = 25;
+        /**
+         * The pagination component can have different layouts to suit the available space
+         */
         this.layout = 'full';
-        this.totalPages = undefined;
     }
     setPage(page) {
         if (page <= 0) {
@@ -68,7 +79,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: 'a58ffb8af89a9a703d06e4d71eedace7124ceba0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '36447ac1277e986ddc5d8ebd63b5b45c2173a803', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '99ec98ab5d28bd4507fc71e694dbb888dc07f9c4', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '9fb7768816e0454d90373f6a01ab55569763ec1a', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '24c5f9d3d51777b64071d9ebf14ba61ad930788b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '162dd6ade2c6aba07a3810d3ca26908c706cc630', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start: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;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-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -15,13 +15,23 @@ const GuxPagination = class {
         index.registerInstance(this, hostRef);
         this.guxpaginationchange = index.createEvent(this, "guxpaginationchange", 7);
         this.reinstateLayoutBreakpoint = 0;
+        /**
+         * The pagination component can have different layouts to suit the available space
+         */
         this.layout = 'advanced';
+        /**
+         * The currently select page. Changes are watched by the component.
+         */
         this.currentPage = 1;
+        /**
+         * The total number of items in the data set. Used to calculate total page count
+         */
         this.totalItems = 0;
+        /**
+         * The max number of items on a page. Used to calculate total page count
+         */
         this.itemsPerPage = 25;
         this.disabled = false;
-        this.totalPages = undefined;
-        this.displayedLayout = undefined;
     }
     setPage(page) {
         if (page <= 0) {
@@ -94,7 +104,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '1e116e5d5d9475ef4784dc50358a18601293c624', class: "gux-pagination-container" }, index.h("div", { key: '02b5f66ce1c292fd3ed11c72956a67708743526c', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '28321ee35300aa8b6c81f22bb8f362e45f697011', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f3505fc560fecfee1f851f15e7812806c62f115b', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6769a8f9a1f3245514431b1f94b3101083347e39', class: "gux-pagination-spacer" }), index.h("div", { key: 'e134a6182d26e38a3a82e942d5165ec0b924f7c1', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'f8ee9a262dc6c36188f72d942043b84389a04765', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, index.h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), index.h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'e322b2e19a780b3bf769591bfd3913a758b022f3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-phone-input-beta.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0192c5b3.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
@@ -2002,12 +2002,12 @@ const GuxPhoneInput = class {
         this.regionObjects = [];
         this.displayType = libphonenumber$1.exports.PhoneNumberType.FIXED_LINE;
         this.value = '';
-        this.defaultRegion = undefined;
-        this.labelId = undefined;
         this.hasError = false;
         this.disabled = false;
         this.required = false;
+        // Display only. This chooses how to format the number within the input.
         this.phoneNumberFormat = 'NATIONAL';
+        // Display only. This chooses the type of example number as the placeholder within the input.
         this.phoneNumberType = 'FIXED_LINE';
         this.regionOptions = [];
         this.expanded = false;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-47b5afb6.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const usage = require('./usage-66f3f455.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
-const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:inline-end}";
+const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
 const GuxPopoverBetaStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -26,13 +26,23 @@ const GuxPopover = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-        this.disconnect = undefined;
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
+        /**
+         * Indicate if the dismiss button is displayed
+         */
         this.displayDismissButton = false;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
-        this.forElement = undefined;
+        this.disconnect = undefined;
     }
     updateForElement() {
         this.forElement = this.getForElement();

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-47b5afb6.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
+const usage = require('./usage-66f3f455.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -26,12 +26,19 @@ const GuxPopoverList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-        this.disconnect = undefined;
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
-        this.displayDismissButton = undefined;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
+        this.disconnect = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {