genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '70404290e2847bfaf687084b2d546ecb3234c275', class: "gux-pagination-items-per-page-container" }, h("div", { key: '66300de9d20076b38ccbe17a3b528603834c6ae6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '25da00635a3fc880b3f21f50795eb89e3fcb132d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {
@@ -55,6 +55,8 @@ export class GuxPaginationItemsPerPage {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "items-per-page",
                 "reflect": false,
                 "defaultValue": "25"
@@ -73,6 +75,8 @@ export class GuxPaginationItemsPerPage {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -5,13 +5,23 @@ const minAdvancedSpacerWidth = 24;
 export class GuxPagination {
     constructor() {
         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) {
@@ -84,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '1e116e5d5d9475ef4784dc50358a18601293c624', class: "gux-pagination-container" }, h("div", { key: '02b5f66ce1c292fd3ed11c72956a67708743526c', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '28321ee35300aa8b6c81f22bb8f362e45f697011', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f3505fc560fecfee1f851f15e7812806c62f115b', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '6769a8f9a1f3245514431b1f94b3101083347e39', class: "gux-pagination-spacer" }), h("div", { key: 'e134a6182d26e38a3a82e942d5165ec0b924f7c1', class: "gux-pagination-change" }, 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 (h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, 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) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }
@@ -120,6 +130,8 @@ export class GuxPagination {
                     "tags": [],
                     "text": "The pagination component can have different layouts to suit the available space"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "'advanced'"
@@ -138,6 +150,8 @@ export class GuxPagination {
                     "tags": [],
                     "text": "The currently select page. Changes are watched by the component."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "current-page",
                 "reflect": false,
                 "defaultValue": "1"
@@ -156,6 +170,8 @@ export class GuxPagination {
                     "tags": [],
                     "text": "The total number of items in the data set. Used to calculate total page count"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "total-items",
                 "reflect": false,
                 "defaultValue": "0"
@@ -180,6 +196,8 @@ export class GuxPagination {
                     "tags": [],
                     "text": "The max number of items on a page. Used to calculate total page count"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "items-per-page",
                 "reflect": false,
                 "defaultValue": "25"
@@ -198,6 +216,8 @@ export class GuxPagination {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -6,8 +6,6 @@ export class GuxPaginationCursor {
     constructor() {
         this.hasPrevious = false;
         this.hasNext = false;
-        this.label = undefined;
-        this.itemsPerPage = undefined;
         this.layout = 'simple';
     }
     handleInternalitemsperpagechange(event) {
@@ -71,6 +69,8 @@ export class GuxPaginationCursor {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-previous",
                 "reflect": false,
                 "defaultValue": "false"
@@ -89,6 +89,8 @@ export class GuxPaginationCursor {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-next",
                 "reflect": false,
                 "defaultValue": "false"
@@ -107,6 +109,8 @@ export class GuxPaginationCursor {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -130,6 +134,8 @@ export class GuxPaginationCursor {
                     "tags": [],
                     "text": "Optional. Shows items per page dropdown when set. Only available with layout set to 'advanced'"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "items-per-page",
                 "reflect": false
             },
@@ -147,6 +153,8 @@ export class GuxPaginationCursor {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "'simple'"

package/dist/collection/components/stable/gux-popover/gux-popover.css

@@ -39,7 +39,4 @@
   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;
 }

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

@@ -21,10 +21,21 @@ import { ThrottleMethod } from "../../../utils/decorator/throttle-meth";
  */
 export class GuxPopover {
     constructor() {
-        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;
     }
     onKeyDown(event) {
@@ -151,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7ce7fb05a6b0fb15e1847c631173ace759e34c07', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'f78208956cac48f1ed92dec054af7c56f1483e27', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'ad9fd496c4066842e0c59bf06d19984f7cbddbac', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00f208084c889784f1f63e9fc883be1496fc8d80', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fc710debcabb025cfc16e17459149dc788c0b41b', onClick: this.dismiss.bind(this) })), h("div", { key: 'bda24003547cf31e5dbe0118b46264df7a6a602a', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4da6d63b51c5c855b9adb8306741769fd6a29be4', name: "title" })), h("div", { key: 'd0ea719a8ea2bae4bd198d8333ecc7a0d04b4baa', class: "gux-popover-content" }, h("slot", { key: '5fd95c02d7eb2d4445eea04aba6889134d1558d4' }))));
+            }, "data-placement": true }, h("div", { key: 'd42c6192636029eed643bfaafecc0b2f80394fd3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9fc1f6bd146a4a2b6fa70fa8cab72972e24e2815', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '6da0834cb23232b1cea9834d1f4ada26eb9a6ff8', onClick: this.dismiss.bind(this) })), h("div", { key: '609540dfa3c0af738a57cf91c92d81392b5bcad8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '2330c98eeea367966133574f062a36953f9b2487', name: "title" })), h("div", { key: '100c1123b7250fc755f58fdb0decdee00dfa3fd8', class: "gux-popover-content" }, h("slot", { key: 'e5d4780993a82f6d5cdb7362f7b9c29dcc8cea24' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -184,6 +195,8 @@ export class GuxPopover {
                     "tags": [],
                     "text": "Indicates the id of the element the popover should anchor to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "for",
                 "reflect": false
             },
@@ -207,6 +220,8 @@ export class GuxPopover {
                     "tags": [],
                     "text": "Indicate position of popover element arrow (follow floating ui placement attribute api)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'bottom'"
@@ -225,6 +240,8 @@ export class GuxPopover {
                     "tags": [],
                     "text": "Indicate if the dismiss button is displayed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-dismiss-button",
                 "reflect": false,
                 "defaultValue": "false"
@@ -243,6 +260,8 @@ export class GuxPopover {
                     "tags": [],
                     "text": "Close popover when the user clicks outside of its bounds"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "close-on-click-outside",
                 "reflect": false,
                 "defaultValue": "false"
@@ -261,6 +280,8 @@ export class GuxPopover {
                     "tags": [],
                     "text": "Controls hiding and showing the popover"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -18,10 +18,17 @@ import { findElementById } from "../../../utils/dom/find-element-by-";
  */
 export class GuxPopoverList {
     constructor() {
-        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;
     }
     onKeyDown(event) {
@@ -127,10 +134,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7f97c35d8987a6290ff223ed6b1ebf02fd925a1d', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'e21c9edcea3fd896296891650c94babdcfa4c32d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1d9d4c800339db334afe20d99b8a9e6bb6a7a4d4', onClick: this.dismiss.bind(this) })), h("div", { key: 'b669ffdd4249569da4e2573cc4d907701f0b7899', class: "gux-popover-content" }, h("slot", { key: 'efd63a8385e1111c092a5a888b95f4e044c8f899' }))));
+            }, "data-placement": true }, h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }
@@ -160,6 +167,8 @@ export class GuxPopoverList {
                     "tags": [],
                     "text": "Indicates the id of the element the popover should anchor to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "for",
                 "reflect": false
             },
@@ -183,6 +192,8 @@ export class GuxPopoverList {
                     "tags": [],
                     "text": "Indicate position of popover element arrow (follow floating ui placement attribute api)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'bottom'"
@@ -201,6 +212,8 @@ export class GuxPopoverList {
                     "tags": [],
                     "text": "Indicate if the dismiss button is displayed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-dismiss-button",
                 "reflect": false
             },
@@ -218,6 +231,8 @@ export class GuxPopoverList {
                     "tags": [],
                     "text": "Close popover when the user clicks outside of its bounds"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "close-on-click-outside",
                 "reflect": false,
                 "defaultValue": "false"
@@ -236,6 +251,8 @@ export class GuxPopoverList {
                     "tags": [],
                     "text": "Controls hiding and showing the popover"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -6,10 +6,19 @@ import { autoUpdate, computePosition, flip, offset, size, shift, hide } from "@f
  */
 export class GuxPopup {
     constructor() {
+        /**
+         * Placement of the popup. Default is bottom-start
+         */
         this.placement = 'bottom-start';
         this.expanded = false;
         this.disabled = false;
+        /**
+         * Number of pixels the popup is offset from the target.
+         */
         this.offset = 2;
+        /**
+         * set if parent component design allows for popup exceeding target width
+         */
         this.exceedTargetWidth = false;
     }
     runUpdatePosition() {
@@ -103,13 +112,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'ed6cd73816a75d4d7e0b6586d70e6c5682636ff3', class: {
+        return (h("div", { key: '8b457686247f595bc6fda8a16fa6878e1baf6d44', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '78c2e67ade4a878e75815f527378b591268de354', name: "target" }), h("div", { key: '94273bc83e548889d00d176ab8f1fe786a23b8a3', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '415230f7029ab2ba2bc12ccc4fdca6bb6683fac1', name: "target" }), h("div", { key: 'a9c084eed9bb2664f8e75ec4383e3437c2316ef7', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '00f5555359bd6393f590b130d6a8f90291b38947', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84b4949477da973f148a47214fa0a64f0ca0c01a', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }
@@ -145,6 +154,8 @@ export class GuxPopup {
                     "tags": [],
                     "text": "Placement of the popup. Default is bottom-start"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom-start'"
@@ -163,6 +174,8 @@ export class GuxPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
@@ -181,6 +194,8 @@ export class GuxPopup {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -199,6 +214,8 @@ export class GuxPopup {
                     "tags": [],
                     "text": "Number of pixels the popup is offset from the target."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "offset",
                 "reflect": false,
                 "defaultValue": "2"
@@ -217,6 +234,8 @@ export class GuxPopup {
                     "tags": [],
                     "text": "set if parent component design allows for popup exceeding target width"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "exceed-target-width",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -5,7 +5,14 @@ import { GuxSpinnerState } from "./gux-radial-loading.functional";
 import modalComponentResources from "./i18n/en.json";
 export class GuxRadialLoading {
     constructor() {
+        /**
+         * The display context the component is in.
+         */
         this.context = 'modal';
+        /**
+         * Localized text to provide an accessible label for the component.
+         * If no screenreader text is provided, the localized string "Loading" will be used by default.
+         */
         this.screenreaderText = '';
     }
     async componentWillLoad() {
@@ -13,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '1027951003a51fee7349f1df278317c1b6b278ca', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '6fd3f8e5101d5accb9be4e26e13118764a49831c', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }
@@ -49,6 +56,8 @@ export class GuxRadialLoading {
                     "tags": [],
                     "text": "The display context the component is in."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "context",
                 "reflect": false,
                 "defaultValue": "'modal'"
@@ -67,6 +76,8 @@ export class GuxRadialLoading {
                     "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,
                 "defaultValue": "''"

package/dist/collection/components/stable/gux-radial-progress/gux-radial-progress.js

@@ -5,8 +5,13 @@ import { GuxPercentageState, GuxSpinnerState } from "./gux-radial-progress.funct
 import { canShowPercentageState } from "./gux-radial-progress.service";
 export class GuxRadialProgress {
     constructor() {
-        this.value = undefined;
+        /**
+         * The max value of the progress spinner
+         */
         this.max = 100;
+        /**
+         * Required localized text to provide an accessible label for the component
+         */
         this.screenreaderText = '';
     }
     componentWillLoad() {
@@ -51,6 +56,8 @@ export class GuxRadialProgress {
                     "tags": [],
                     "text": "The progress made in the progress spinner compared to the max value"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -68,6 +75,8 @@ export class GuxRadialProgress {
                     "tags": [],
                     "text": "The max value of the progress spinner"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false,
                 "defaultValue": "100"
@@ -86,6 +95,8 @@ export class GuxRadialProgress {
                     "tags": [],
                     "text": "Required localized text to provide an accessible label for the component"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "screenreader-text",
                 "reflect": false,
                 "defaultValue": "''"

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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'c932377bf1415bb03e7282c257bc34c82e16772b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '302a7f8aa560178d6878485193cfa2da535563cc', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'ff9593ff50916c8eb9bd5a749712d2c232b66ac1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'e73bb89716b389959d264e7344d55aa543cb9018', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));
@@ -134,6 +134,8 @@ export class GuxRating {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "0"
@@ -152,6 +154,8 @@ export class GuxRating {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-value",
                 "reflect": false,
                 "defaultValue": "5"
@@ -170,6 +174,8 @@ export class GuxRating {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -188,6 +194,8 @@ export class GuxRating {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -206,6 +214,8 @@ export class GuxRating {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "increment",
                 "reflect": false,
                 "defaultValue": "'default'"

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'aaafc087728be4fa90a1231adefc900d2a1bc8d9', role: "listitem" }, h("slot", { key: '5375751ec6428f7dd1d4b4a179ce9ea87026b5cd' })));
+        return (h(Host, { key: '1d89b7cbb56d339349d504ce9418dd9759e6f71f', role: "listitem" }, h("slot", { key: 'a0d78e553766eb92a7c82f37820af3469a050641' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '665fcaf7d4689480ecbd4a11591a4803bd7ddfaf', class: "gux-container" }, h("nav", { key: 'd787c1992e3cbb638af24631e1be4f0599362f88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '0fd7177ea8df4d7dc9c36d4cd474dff549ff33bb', role: "list" }, h("slot", { key: '51535cd8155e4b344b9c692d074f844411a198c2' })))));
+        return (h("div", { key: '55a8eae57770166538c9082f48e26dbf945436a8', class: "gux-container" }, h("nav", { key: '4d1b4d13c1ac6509071232e6663e4cae510f1612', "aria-label": this.i18n('navigationName') }, h("ul", { key: '3f8075fd33b396aa4dfc916e6e828d3f83f2afaa', role: "list" }, h("slot", { key: '219241c5dce7cde64656722cb7b04aeb2e55a8d4' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -6,7 +6,6 @@ export class GuxAllRowSelect {
     constructor() {
         this.id = randomHTMLId('gux-all-row-select');
         this.selected = false;
-        this.disabled = undefined;
     }
     onCheck(event) {
         event.stopPropagation();
@@ -21,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '371994cf046b15b9161a532cc6cdf44c49140535', "label-position": "screenreader" }, h("input", { key: '0482af3f3b722dbf240dc8165cd80a7da8d0343a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '30a529d1665911947494b2b849a918f036b02e32', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a5d57a1b9c5aa0b368bee46b720a211b55e22172' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '089863781d5fc390f09394e9f767ad6ff669f06c', "label-position": "screenreader" }, h("input", { key: 'a6e31583fcbec3c64ef49572c88a1f9fc0917118', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf200186eb5833aa2f3679ca5e48a4d64ee0318f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4563c60bc47ff901e621d8028247ba012471a4ef' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }
@@ -51,6 +50,8 @@ export class GuxAllRowSelect {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -69,6 +70,8 @@ export class GuxAllRowSelect {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -6,7 +6,6 @@ export class GuxRowSelect {
     constructor() {
         this.id = randomHTMLId('gux-row-select');
         this.selected = false;
-        this.disabled = undefined;
     }
     onCheck(event) {
         event.stopPropagation();
@@ -17,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '976ab88ad10bc80328ba1a8f2771a1a29adf450e', "label-position": "screenreader" }, h("input", { key: '5595389f3b9167caca95912b4f9f97d64cc8390b', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '989c24f4ef446358fe5d44c81f6286b51d9a6dc7', "label-position": "screenreader" }, h("input", { key: 'f59d6b87f367b78237cfb6607d5857ea5e371c7c', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '69f7e67417053dde3eb81b1fad8b2ba1470b96b3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '56ec2aa78be976ebb17d4f6ce8c1a504687ddd35' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2c828e3bddca2bfd76e6e2c4a56422dcefecc9d1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'd4db6c6c650587020d2b83b8e1584236145b597c' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }
@@ -49,6 +48,8 @@ export class GuxRowSelect {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -67,6 +68,8 @@ export class GuxRowSelect {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false
             }