genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -21,9 +21,18 @@ import { getGuxActionButtonAccent } from "./gux-action-button.types";
  */
 export class GuxActionButton {
     constructor() {
+        /**
+         * The component button type
+         */
         this.type = 'button';
+        /**
+         * Disables the action button.
+         */
         this.disabled = false;
         this.accent = 'secondary';
+        /**
+         * It is used to open or not the list.
+         */
         this.isOpen = false;
     }
     handleKeydown(event) {
@@ -117,7 +126,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '60e6ba201f6691e08ebe1da1252a97e72864a8e1', class: "gux-action-button-container" }, h("gux-popup", { key: '866efff3c05a3d4f612b2c74d536238cc3264297', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'e20b0112f79b0700d5c7567d8fb6985d8e035dfb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '7221b87e3724d1ea6b06e923a473a0e9ccf41507', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '90274e235d06e75c663aca5a03795132b9aecc64', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'eab1bd279f0d667a60f11864a1f0df203dea4b49', name: "title" }))), h("gux-button-slot", { key: 'f87256bd44c8d62971d81378bc4037c30dc83ced', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'af506526a9290aa10f0303aa92d47dd064f6ebf8', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3f0f0bbc3ca1114db2954fdc63de0992dbf65832', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'ddf1b38a44af1dddbab1396b7e968a80a46e2111', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd7311835e3fda3f633175b1b97dd96d24a94c099', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '578aecad619bde2cde65a62e1a54af3678810e1a' }))))));
+        return (h("div", { key: '50cf831534e858389d9e3b774ad16c0ab4b4c571', class: "gux-action-button-container" }, h("gux-popup", { key: '40a6bb65b7a1235379860a046d400059e3241d28', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b270539feaad9724c945581a385f07ba68adea9d', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3d9a30bc5309fb2284afb852a38f7ad11d1a6f57', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'dcdcdd9709f8d7002591f30960547ad0807a6034', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5597dcb9272f9eab43c2eec65dbbb9a142004c4f', name: "title" }))), h("gux-button-slot", { key: '9247c184a6abfe6189760af1d2c8d8e4b81cc1c7', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3ab5c881fd17e7d169dfb19c0c1bea47eb59fd20', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: 'f1ff1d4ef13116ff9c44c02429c7269a9dc2a560', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '00202d10162366d36ab62094e23004d92932dff6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd00fc9301c4873bd0beeb82e801353e41f7f1f4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fc5d22640bdb59504637f352f73c353184e4b508' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }
@@ -154,6 +163,8 @@ export class GuxActionButton {
                     "tags": [],
                     "text": "The component button type"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -172,6 +183,8 @@ export class GuxActionButton {
                     "tags": [],
                     "text": "Disables the action button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -196,6 +209,8 @@ export class GuxActionButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -214,6 +229,8 @@ export class GuxActionButton {
                     "tags": [],
                     "text": "It is used to open or not the list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -9,7 +9,6 @@ export class GuxBadge {
     constructor() {
         this.accent = 'info';
         this.bold = false;
-        this.label = undefined;
     }
     onSlotChange(event) {
         const slotAssignedNodes = event.composedPath()[0].assignedNodes();
@@ -39,7 +38,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'efb5a5c65f14123033c5883d4b66f836a22d2310', class: {
+        return (h("div", { key: 'a0147cb1c5476bdf158e8e0782a2f88825e80fa8', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold
@@ -79,6 +78,8 @@ export class GuxBadge {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'info'"
@@ -97,6 +98,8 @@ export class GuxBadge {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "bold",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'a7b78e7de725c2254eca7baa528ded06a1c9a5ee', class: "gux-container" }, h("div", { key: '784ba6ba685d37816d7d5e7d6da206de70d6fd4d', class: "gux-image" }, h("slot", { key: '41d7935ff9c9a69ea618d627bd96d620f1367e4a', name: "image" })), h("div", { key: 'cef74a6fedd5780c8de1b8b5f93078a34c11f9c3', class: "gux-message" }, h("slot", { key: '6c604b77f9049900c2f921ab2de984ed9de6de9f', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '05e63d1b90bf4a4edcdc577d73f19197a3ec300e', class: "gux-container" }, h("div", { key: '2a5551a003107fc25174d782f4e26a9844b1c4a7', class: "gux-image" }, h("slot", { key: '40fdd277e803b9ad62f489ded7b28fbb1837675b', name: "image" })), h("div", { key: '3346d51cbbb9e93b63cebc3dad447ed15e8791e3', class: "gux-message" }, h("slot", { key: '287c8b98b465184ee4d26529eedabd8f519f5dc7', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -4,9 +4,6 @@ import { logError } from "../../../../utils/error/log-error";
  * @slot - content
  */
 export class GuxBreadcrumbItem {
-    constructor() {
-        this.href = undefined;
-    }
     getAccent() {
         const container = this.root.closest('gux-breadcrumbs');
         if (container) {
@@ -38,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '983f0148c4d8bb17f1ca13fc6e838a46e8a717fd', role: "listitem" }, h("span", { key: 'c83c8b53d378bb8405b32ceebb41f7d0b7fc89e7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '1b4c4d01765ac195dbde19d6ff3044caca8acb48', role: "listitem" }, h("span", { key: 'c436f1b6d29355b6e5f9069a9041640654189871', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }
@@ -68,6 +65,8 @@ export class GuxBreadcrumbItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false
             }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'af4678f44fe594fc5028a94d602bb2f24a7acc87', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'edf49f7e855f2318fe77af91fd4428fa0abb386b' }, h("slot", { key: 'f5851d22b06bf995062fbbee1f3b0c5488d07ed1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'acf6c84d719c43df03381127ef2fa2367906ed79', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '4dfbc4c462d69aa146e2282523293fe44d427217' }, h("slot", { key: '0f5f128f1a3766d67498c4db2321132fc24d9c7c', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }
@@ -55,6 +55,8 @@ export class GuxBreadcrumbs {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'primary'"

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

@@ -7,12 +7,16 @@ import { randomHTMLId } from "../../../utils/dom/random-html-";
 export class GuxButton {
     constructor() {
         this.buttonId = randomHTMLId('button');
+        /**
+         * The component button type
+         */
         this.type = 'button';
-        this.guxTitle = undefined;
+        /**
+         * Indicate if the button is disabled or not
+         */
         this.disabled = false;
         this.accent = 'secondary';
         this.autofocus = false;
-        this.iconOnly = undefined;
     }
     connectedCallback() {
         this.slotChanged();
@@ -22,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'bb8f1bdb849e1d65957f95e9def0251929afc02b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'af9b0ffd83f3edc54e4afa3f3df05398260c1e5a', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '4040a4ee4754711f157db46b44c9cc8060b14d75', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '32e4cf12b85ad738529600bd1878a6f3ee33c04a', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -101,6 +105,8 @@ export class GuxButton {
                     "tags": [],
                     "text": "The component button type"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -119,6 +125,8 @@ export class GuxButton {
                     "tags": [],
                     "text": "The component title"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "gux-title",
                 "reflect": false
             },
@@ -136,6 +144,8 @@ export class GuxButton {
                     "tags": [],
                     "text": "Indicate if the button is disabled or not"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -160,6 +170,8 @@ export class GuxButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -178,6 +190,8 @@ export class GuxButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -19,8 +19,14 @@ import { getGuxButtonMultiAccent } from "./gux-button-multi.types";
  */
 export class GuxButtonMulti {
     constructor() {
+        /**
+         * Disables the action button.
+         */
         this.disabled = false;
         this.accent = 'secondary';
+        /**
+         * It is used to open or not the list.
+         */
         this.isOpen = false;
     }
     handleKeydown(event) {
@@ -96,7 +102,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '37d3a840914a457cfc41be16404d46f2e87d1914', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '261cfdbe101f17ddd7493f11c33f49f3b39eec87', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4d074a5db751c1969d4d1826aa046422cc64950a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '0aacd40c9e4e469c6fe7ca725de1974e6d61f90a', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '892695d6b5cf16b035b67475a9908220af1761f0', name: "title" }), h("gux-icon", { key: 'ca3d7ea120bee12d21efb83a85fd5da372c5d033', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '66d97b939e4692d380d44d8a1bea3300b654434d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '18a890500116e6bb8f808eefbd384de161bd5b6d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '693bd27986f05edee01e9c346d4364b1ec1b01b6' })))));
+        return (h("gux-popup", { key: 'fa206429829cec851aa93d372d87fb5e121e0fa4', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '469c69c3b15a2db5065e4b279855cd3f0caac288', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '866210a3d17f20c7fd8ee5a4947990bebd4cacc4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'ecb2480c7790f3b1094da833f427147f6042fb4f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9f3dfda85b9e519cf5aa9941764016251c8a06f5', name: "title" }), h("gux-icon", { key: '81404daafd6cd8338f2a14f563997d198ae05dfb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5885c5252023c07e362ffadd3421c1060c42c325', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cad01a2031100282e0800dc5552dcfec9292d40c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '24a9ccce0270ad3af796d8cef3066456a5260cdd' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }
@@ -127,6 +133,8 @@ export class GuxButtonMulti {
                     "tags": [],
                     "text": "Disables the action button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -151,6 +159,8 @@ export class GuxButtonMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -169,6 +179,8 @@ export class GuxButtonMulti {
                     "tags": [],
                     "text": "It is used to open or not the list."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js

@@ -7,7 +7,6 @@ import { logError } from "../../../utils/error/log-error";
 export class GuxButtonSlot {
     constructor() {
         this.accent = 'secondary';
-        this.iconOnly = undefined;
     }
     validateSlotContent() {
         let slottedElement = this.root.children[0];
@@ -32,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'd4a087a28166a6762c5dba93d6db6b7943b188d6', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1474b37d951f1311b3b778e1b9549c3085d331c3' })));
+        return (h(Host, { key: 'ea236b544d398ff799331a855c2814258213f814', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '9178960eb31d0931c9e32625a72b45466895da04' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }
@@ -68,6 +67,8 @@ export class GuxButtonSlot {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -86,6 +87,8 @@ export class GuxButtonSlot {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-only",
                 "reflect": false
             }

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

@@ -7,15 +7,29 @@ import { getDesiredLocale, getStartOfWeek } from "../../../i18n";
 import { firstDateInMonth, getWeekdays, getOffsetMonthDate, getDateMonthAndYearString } from "./gux-calendar.service";
 export class GuxCalendar {
     constructor() {
-        this.locale = 'en';
+        /**
+         * The calendar current selected date
+         */
         this.value = '';
+        /**
+         * The min date selectable
+         */
         this.minDate = '';
+        /**
+         * The max date selectable
+         */
         this.maxDate = '';
+        /**
+         * The calendar mode (can be single or range)
+         */
         this.mode = "single" /* CalendarModes.Single */;
+        /**
+         * The calendar number of months displayed
+         */
         this.numberOfMonths = 1;
-        this.startDayOfWeek = undefined;
         this.previewValue = new Date();
         this.selectingDate = null;
+        this.locale = 'en';
     }
     emitCalendarSelect() {
         this.calendarSelect.emit(this.value);
@@ -322,7 +336,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'af6dd3690b06c19240a626487b8b416ce278ecfa', class: "gux-calendar" }, h("div", { key: '89b901890c7c1f00cf94b9e9773ebe46ec9f81e9', class: "gux-header" }, h("button", { key: '67c40070fc2227d8b79e0d6e2e21d77380b9a5d0', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '2bd8edc3755d8d3783be87b49d8405cbc197ef2f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f3a75968f96e3f475503c6fe56af5c7534aae4f7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e5c8e7c5af77082d5cf6ed69ebcd38ef5b0911d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '148e5592ae9a3762d2195c51119130fb1e0f87ff', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '3e7104c7c527ba42cc818e65513814372fb85602', class: "gux-calendar" }, h("div", { key: '3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0', class: "gux-header" }, h("button", { key: '543de6897267a1f4e6e8db8b97bb711304c08b52', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b2c294ef682512eece2727b7a81d767e8eaa6ac9', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '63a15fda509d1b4094e9758f7e363a12d9eb8b5a', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8ddab445b31da40a62add023f2e6c7e96ebbe62e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '717c46e440097c55521bd0ccece930c78cb18673', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }
@@ -352,6 +366,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The calendar current selected date"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -370,6 +386,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The min date selectable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min-date",
                 "reflect": false,
                 "defaultValue": "''"
@@ -388,6 +406,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The max date selectable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-date",
                 "reflect": false,
                 "defaultValue": "''"
@@ -412,6 +432,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The calendar mode (can be single or range)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mode",
                 "reflect": false,
                 "defaultValue": "CalendarModes.Single"
@@ -430,6 +452,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The calendar number of months displayed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "number-of-months",
                 "reflect": false,
                 "defaultValue": "1"
@@ -454,6 +478,8 @@ export class GuxCalendar {
                     "tags": [],
                     "text": "The day of the week to start each calendar row. ISO weekday number ie 1 - Monday, 2 - Tuesday, ... 7 - Sunday"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "start-day-of-week",
                 "reflect": false
             }

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

@@ -5,16 +5,19 @@ import { trackComponent } from "../../../utils/tracking/usage";
  */
 export class GuxCard {
     constructor() {
+        /**
+         * Card Accent.
+         */
         this.accent = 'bordered';
     }
     componentWillLoad() {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '95cc3325babcec3a310c5a80188a7e878769e99d', class: {
+        return (h("div", { key: '50bbbdd887db89f85e38917ccb676f3635aa339b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '71af33737da9ff5c4f2b5d070455bdc4ece8ebde' })));
+            } }, h("slot", { key: '14b6233c8880929e2797e7d486d553a39fd8a4a2' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }
@@ -50,6 +53,8 @@ export class GuxCard {
                     "tags": [],
                     "text": "Card Accent."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'bordered'"

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -8,10 +8,6 @@ import translationResources from "./i18n/en.json";
  */
 export class GuxColumnManagerItem {
     constructor() {
-        this.orderId = undefined;
-        this.highlightActive = undefined;
-        this.highlight = undefined;
-        this.text = undefined;
         this.pendingReorder = 'none';
         this.isDragging = false;
         this.isReordering = false;
@@ -128,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
+        return (h(Host, { key: '4f4f1a2d4ef6e37442a02b323727002ebc2d229d', draggable: "true" }, h("div", { key: '527ed6cf7479c6d274b1bf76c55d99f0b926a046', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', class: {
+            } }, h("button", { key: 'a73b7f9161cb0959742a56c53c68e9b1780a70cf', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '33826b1c83dd8a0a44bb88045f628f5001078d70', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'db34f0e74744edb74f6e358decb1a687a522915f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '359c2ee8967c29f17cf8a70861554591a525ac05', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9ef98b9772735fe121f883c54f30aa390a7b1518', class: "gux-select" }, h("slot", { key: 'e6cf19d37b7e2c3012ff5d3d344a816ec7dd7223', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '725aff67ee64a30f085e177710e8a9a75c1a82da', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }
@@ -165,6 +161,8 @@ export class GuxColumnManagerItem {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "order-id",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'b20a8b3d869c89e5d0a7df788c9216beb2606734', class: "gux-container" }, h("div", { key: 'cf85ab01ddc65cd36cb2fbcf9d8a1a5641bdb73a', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '4eb733de66dd8d8cad50af3593edc9b9cea06517', class: "gux-search" }, h("gux-content-search", { key: 'd2bd59c36f8e9316e890aab2c58a4f8eaffc21a5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '13d6d09461238dc320975957601069c0c0305326', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '196a7c4732665f9441a1da32a233a77065c657fe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '59fec0d1351a8d29fb9c52e8d86f2a6e07082242' }, h("input", { key: '410e3c478f528af3ad2b7fb755f57b398d6f00de', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '437c750238f88906d24c996dfc8343ae9d4000cc', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '635052c617e778535a15916a10f50ebc19c681b6', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '4cccb7e62bb22f23132fbf5858264d1b8beef801', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9268a564c81ea817eb4d7967a47399fa17f3e205', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -9,10 +9,14 @@ import { focusInputElement } from "../../../utils/dom/focus-input-element";
  */
 export class GuxContentSearch {
     constructor() {
+        /**
+         * The Match Count
+         */
         this.matchCount = 0;
+        /**
+         * The Current match count which needs to highlighted
+         */
         this.currentMatch = 0;
-        this.disabled = undefined;
-        this.value = undefined;
     }
     /**
      * Clears the input.
@@ -46,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
+        return (h("div", { key: 'dcb6954c7a1dfe5eaa09537f822c0fe1fedad428', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '738339b0abcfb1fc67e366271045fdd6e5cc5bb4', class: "gux-search-icon" }, h("gux-icon", { key: '5caddb780225556dbb10ea0f88d735fb1efba780', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3519f441eb8cada75bdf3c1fc21c4f1bffbf7c8b' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {
@@ -161,6 +165,8 @@ export class GuxContentSearch {
                     "tags": [],
                     "text": "The Match Count"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "match-count",
                 "reflect": false,
                 "defaultValue": "0"
@@ -179,6 +185,8 @@ export class GuxContentSearch {
                     "tags": [],
                     "text": "The Current match count which needs to highlighted"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "current-match",
                 "reflect": false,
                 "defaultValue": "0"

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -19,10 +19,27 @@ import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 export class GuxContextMenu {
     constructor() {
         this.buttonId = randomHTMLId();
+        /**
+         * Indicates button density style. Intended to be paired with gux-table property.
+         */
         this.compact = false;
+        /**
+         * Controls the disabled state of the internal button
+         */
         this.disabled = false;
+        /**
+         * Screenreader text for context menu button
+         * defaults to "context menu"
+         */
         this.screenreaderText = '';
+        /**
+         * Placement of the popup
+         * defaults to is "bottom-start"
+         */
         this.placement = 'bottom-start';
+        /**
+         * Controls the visibility of the popover list
+         */
         this.isOpen = false;
     }
     /**
@@ -108,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '4c204be4799f8d81430c74cae579f05ab2c5443e', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '304ed678c9ef75e5e29cc2e4b6d23077b4bc900c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c7b0411d988cb0f8ce0301dccf813b107955a982', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ceead50c5d2b03d2bf2341ef775f81b0fff6afa4' }))))));
+        return (h(Host, { key: 'fbeb395dcd997e46dabb8dee1d4dd71aa7e973a4' }, h("gux-popup", { key: '1fa5fc5fd9c6f29e9ef3dac05a57d46bdbfc5216', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6dba4965728f08e74fcb5c97de15c65098f479e4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '07d0f540d71554595b95f80d3761289e8cea8d80', accent: "ghost" }, h("button", { key: 'd03776600b914eebf84a2c778bf6342197027a06', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '13a892661c665a98f8db2b497f8b24fe343a00f2' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '04235a7dad3b948d3b625ec9401997660916bd5c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '33ea3a235089329b796aff39e3f2be74dc32ce43', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '13950efa372613ecd95bca4203364e7d754028f5', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e9b2f596b5c4b976a17dc9342879f8662a32eef0' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -140,6 +157,8 @@ export class GuxContextMenu {
                     "tags": [],
                     "text": "Indicates button density style. Intended to be paired with gux-table property."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "compact",
                 "reflect": false,
                 "defaultValue": "false"
@@ -158,6 +177,8 @@ export class GuxContextMenu {
                     "tags": [],
                     "text": "Controls the disabled state of the internal button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -176,6 +197,8 @@ export class GuxContextMenu {
                     "tags": [],
                     "text": "Screenreader text for context menu button\ndefaults to \"context menu\""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "screenreader-text",
                 "reflect": false,
                 "defaultValue": "''"
@@ -200,6 +223,8 @@ export class GuxContextMenu {
                     "tags": [],
                     "text": "Placement of the popup\ndefaults to is \"bottom-start\""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom-start'"