genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -8,7 +8,6 @@ import { hasSlot } from "../../../../../utils/dom/has-slot";
  */
 export class GuxOption {
     constructor() {
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -42,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', role: "option", class: {
+        return (h(Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', 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.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }
@@ -78,6 +77,8 @@ export class GuxOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -95,6 +96,8 @@ export class GuxOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -113,6 +116,8 @@ export class GuxOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -131,6 +136,8 @@ export class GuxOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -149,6 +156,8 @@ export class GuxOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filtered",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -8,10 +8,6 @@ import { hasSlot } from "../../../../../utils/dom/has-slot";
  */
 export class GuxOptionIcon {
     constructor() {
-        this.value = undefined;
-        this.iconName = undefined;
-        this.iconSrText = undefined;
-        this.iconColor = undefined;
         this.iconPosition = 'start';
         this.active = false;
         this.selected = false;
@@ -65,14 +61,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', role: "option", class: {
+        return (h(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'), h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -102,6 +98,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -119,6 +117,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-name",
                 "reflect": false
             },
@@ -136,6 +136,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-sr-text",
                 "reflect": false
             },
@@ -153,6 +155,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-color",
                 "reflect": false
             },
@@ -170,6 +174,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-position",
                 "reflect": false,
                 "defaultValue": "'start'"
@@ -188,6 +194,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -206,6 +214,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -224,6 +234,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -242,6 +254,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filtered",
                 "reflect": false,
                 "defaultValue": "false"
@@ -260,6 +274,8 @@ export class GuxOptionIcon {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hovered",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -4,7 +4,6 @@ import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
 export class GuxCreateOption {
     constructor() {
-        this.value = undefined;
         this.active = false;
         this.hidden = true;
         this.filtered = true;
@@ -31,11 +30,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '94933ca9614787b7de00588f1564775b443bdb35', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '6d5228c7f34a4de52803a3e3dfe40ed2523b013e', class: "gux-option" }, h("gux-icon", { key: '69e58916b80ff3b07fccbd87f6326d30a468a198', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '4edbf7e33b222810eada9ae9d1898ac23bd7ab0b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }
@@ -67,6 +66,8 @@ export class GuxCreateOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -84,6 +85,8 @@ export class GuxCreateOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -102,6 +105,8 @@ export class GuxCreateOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "hidden",
                 "reflect": false,
                 "defaultValue": "true"
@@ -120,6 +125,8 @@ export class GuxCreateOption {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filtered",
                 "reflect": false,
                 "defaultValue": "true"

package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js

@@ -11,15 +11,13 @@ import translationResources from "./i18n/en.json";
  */
 export class GuxListboxMulti {
     constructor() {
-        this.value = undefined;
         this.loading = false;
         this.filter = '';
         this.textInput = '';
         this.filterType = 'none';
-        this.emptyMessage = undefined;
+        /* This is used by child components to keep track of this component's disabled state */
         this.disabled = false;
         this.listboxOptions = [];
-        this.allListboxOptionsFiltered = undefined;
         this.hasExactMatch = false;
     }
     onBlur() {
@@ -242,6 +240,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -259,6 +259,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -277,6 +279,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter",
                 "reflect": false,
                 "defaultValue": "''"
@@ -295,6 +299,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text-input",
                 "reflect": false,
                 "defaultValue": "''"
@@ -319,6 +325,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter-type",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -337,6 +345,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "empty-message",
                 "reflect": false
             },
@@ -354,6 +364,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -372,6 +384,8 @@ export class GuxListboxMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-exact-match",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -10,7 +10,6 @@ import { hasSlot } from "../../../../utils/dom/has-slot";
  */
 export class GuxOptionMulti {
     constructor() {
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -59,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'e162eef5448cea304e276f802f5b8e4a29e02db2', role: "option", class: {
+        return (h(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(), h("div", { key: 'b5ce95d76851e11762f7382cf48a7bcfb9e91e41', class: "gux-option-wrapper" }, h("gux-truncate", { key: '44df5adfb3d53de46dfb939c25ef571bd65813b6', ref: el => (this.truncateElement = el) }, h("slot", { key: '734bd3478b4fe68389770ccd7694d5a25f2c288f' })), h("slot", { key: '8a5910f16bf8363d2edd4dee1e7d033579a9a29d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }
@@ -95,6 +94,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -112,6 +113,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -130,6 +133,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -148,6 +153,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -166,6 +173,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filtered",
                 "reflect": false,
                 "defaultValue": "false"
@@ -184,6 +193,8 @@ export class GuxOptionMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "custom",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a0f919c9d9422db46ceff101fcb7657a5ec5f105', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'f6d1cd9e522ff7dcd91da8bb510894bf8efed10b', class: "gux-progress" }, h("slot", { key: '5c5cac5f3755f387566459dd92378e667dd36d60', name: "progress" })), h("div", { key: '889196a26a8c386a3f3ac4cc12b1fefee41763de', class: "gux-primary-message" }, h("slot", { key: 'b25af0aead5d6f059541bde953060fc76c5a6d6c', name: "primary-message" })), h("div", { key: 'e5c6d760224366439b444280c8c4611a695d905c', class: "gux-additional-guidance" }, h("slot", { key: '5f99d39dffdbfeb68f5ef5158cba2106c476e5dc', name: "additional-guidance" }))));
+        return (h("div", { key: '70356553906bdd63057fa0e9c5ad6e715b470f81', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '281eb24bc1f0853d940a0847728bccd75dca5866', class: "gux-progress" }, h("slot", { key: 'a7be4b136d00b4a8c5b2ec81e298d1e95fd4d241', name: "progress" })), h("div", { key: '2b48c115e728d70408a3dbff44d5146270f923df', class: "gux-primary-message" }, h("slot", { key: '14ba47c353fe1dd986eb21641214d8454aaead96', name: "primary-message" })), h("div", { key: '3fb5684b3856f933cac3c1839f5b05e361308f16', class: "gux-additional-guidance" }, h("slot", { key: '62c4adfbe16f3aad8d7139a75ba8b68788ecbc0f', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -4,7 +4,15 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { hasSlot } from "../../../utils/dom/has-slot";
 export class GuxModal {
     constructor() {
+        /**
+         * Indicates the size of the modal (small, medium or large)
+         */
         this.size = 'dynamic';
+        /**
+         * Indicates/sets whether or not the modal is open. On a native dialog, you should not toggle the
+         * open attribute, due to the unusual behaviors described [here](https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-dialog-open)
+         * In this component, it is safe as this property acts as a proxy for calls to `showModal` and `close`.
+         */
         this.open = false;
     }
     /**
@@ -68,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'd1368b100df8c4f61051ebcac537d36d43278d74', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f5ee271ea35a294130509cb9dc20af6b38f355b', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '88de18df327f2b2af73d1ec2b93a99ea8a7f1ab5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b1c69c683dfbf6a7ed8a670ed85612aa7f702a4c', class: "gux-modal-content" }, h("p", { key: '6b4be7e849019eb6f2b1bdd45343827672a85886' }, h("slot", { key: '8fb86081bb9285faeb8db3b818a3ccdb3f642c98', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'bab5ac656e94ff0937fd128c414ed9f1cae8b46c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6080248a5a89f5c9e8cb5110358b65d6ef043d0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd28c34313e211024a1ad97a4b3be79bcedf52437', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8ef94027f690c637df01edcc97639cb28b12f013', class: "gux-modal-content" }, h("p", { key: 'c3055a822887fa16f11fa3d38747b116dd26ea90' }, h("slot", { key: '951d14406c48af76ba8bc0efd277eabc7a0744b7', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));
@@ -121,6 +129,8 @@ export class GuxModal {
                     "tags": [],
                     "text": "Indicates the size of the modal (small, medium or large)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'dynamic'"
@@ -139,6 +149,8 @@ export class GuxModal {
                     "tags": [],
                     "text": "Indicates/sets whether or not the modal is open. On a native dialog, you should not toggle the\nopen attribute, due to the unusual behaviors described [here](https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-dialog-open)\nIn this component, it is safe as this property acts as a proxy for calls to `showModal` and `close`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -1,14 +1,11 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
 export class GuxPageLoadingSpinner {
-    constructor() {
-        this.screenreaderText = undefined;
-    }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '29f39a19219294a605f3785056a0f8c9f7348410', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }
@@ -38,6 +35,8 @@ export class GuxPageLoadingSpinner {
                     "tags": [],
                     "text": "Localized text to provide an accessible label for the component.\nIf no screenreader text is provided, the localized string \"Loading\" will be used by default"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "screenreader-text",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -5,8 +5,6 @@ import { GuxPaginationButtonsService } from "./gux-pagination-button.service";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
 export class GuxPaginationButtons {
     constructor() {
-        this.currentPage = undefined;
-        this.totalPages = undefined;
         this.layout = 'advanced';
         this.disabled = false;
     }
@@ -60,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '19348e41b1b5079d5326d9650144dcad1f7f79ad', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a8cea9837f51fabe8c5acaf7e043cb3524729040', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f88feae362e6bee92b986d6ff15dc9ab1527ab28', accent: "ghost", "icon-only": true }, h("button", { key: 'ac851cd227f509c0b606dd20da5d459c84b68bb2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '99382b372c35a0d0ac1b1e0bc118d606d4725207', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4c60cf789aa89525fc89fa68159223d8855ee511', accent: "ghost", "icon-only": true }, h("button", { key: 'e8c99c90a15dbaae1af85665e41a4f9af6111a69', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '246be5ce4ce53215091f1e98a6c3b1fd38c5ae32', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '84031c4145984c3f199266d5cbc7447905538fb3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dadd2185efe906e2ba33e93e84cbf44921e0e09e', accent: "ghost", "icon-only": true }, h("button", { key: 'b359290771917607b4cb758b44c849dc7c4281ca', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c104d4d80bd962711b9c950abf937de3d7f8d9ac', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '10312bfa94c58b63c60f9f9e21fa1fe9992a13ab', accent: "ghost", "icon-only": true }, h("button", { key: '16b4cd5e0845015ac0d41e09c3b1e05ad8a6d541', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '61d28b070612e95a7ed624fee7777c6614da71e8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {
@@ -89,6 +87,8 @@ export class GuxPaginationButtons {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "current-page",
                 "reflect": false
             },
@@ -106,6 +106,8 @@ export class GuxPaginationButtons {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "total-pages",
                 "reflect": false
             },
@@ -129,6 +131,8 @@ export class GuxPaginationButtons {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "'advanced'"
@@ -147,6 +151,8 @@ export class GuxPaginationButtons {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -17,7 +17,6 @@ import { afterNextRender } from "../../../../../utils/dom/after-next-render";
 export class GuxPaginationEllipsisButton {
     constructor() {
         this.isOpen = false;
-        this.totalPages = undefined;
         this.disabled = false;
     }
     handleKeyDown(event) {
@@ -97,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '59acca64f876f72f5253cbaf0b366b85e8f1aa6c', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'beef0ccc42e1a690c860ff09c8923d0ca85fe75a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'ebeccbc5d2a13998175c3e8fe8547f76cb53d9ee', for: "popover-target" }, h("div", { key: 'e47e1e4c293f2658404862928005fef30e5266f8', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '4433372a1f7d44557e8b7f221365600eaddcf966', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '698b6cd9f09d13329df276a13c1dc0b21882c84b', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a0c36be7bf1ce789a5d59a7d4d642f9bded9d952' }, h("input", { key: '383b799e507e16722ec699eb9892a26b7c4af921', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'd79fcc3617f99f64003afe653ab49d3c8f1c1a2c', slot: "label" })))
+            h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '4fc1d7c66dd62cb88711eb657944f595f6e22011', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
@@ -131,6 +130,8 @@ export class GuxPaginationEllipsisButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "total-pages",
                 "reflect": false
             },
@@ -148,6 +149,8 @@ export class GuxPaginationEllipsisButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'bffcf790cc3d9578c7cc74ec65f627fcc5c553cc', class: "gux-pagination-item-counts-container" }, h("span", { key: '63cb44e29d3812bf4889e0bf0858c4770b75e722', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '353452700945c384bb4a868fd2d4c3cfb95ea7e2', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {
@@ -60,6 +60,8 @@ export class GuxPaginationItemCounts {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "total-items",
                 "reflect": false,
                 "defaultValue": "0"
@@ -78,6 +80,8 @@ export class GuxPaginationItemCounts {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "current-page",
                 "reflect": false,
                 "defaultValue": "0"
@@ -96,6 +100,8 @@ export class GuxPaginationItemCounts {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "items-per-page",
                 "reflect": false,
                 "defaultValue": "25"