genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '424ad51c007871467bf2be7ff12afb9462c97744', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7b16c8ef23bd1b06d6124b7a7c68a68706d29127', class: "gux-copy-content" }, h("slot", { key: 'e99aa86b73857ede7899146de32060b0ff13b530', name: "content" }), h("gux-icon", { key: 'e869de2c6b8ec78049577e97ddf7bcf24947986e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '402c877cac07124174c54c374b9ac3d1fdc7c538', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e92c093e1df2111acaca09e1497af6234b22cb20', class: "gux-copy-content" }, h("slot", { key: '106a6cae849ff8f21533bbb9a2c5474ca81fb471', name: "content" }), h("gux-icon", { key: '99661a03966909eea40f77fa3df3e80c1a1101c3', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,21 +32,46 @@ export class GuxDatepicker {
         this.lastYear = new Date().getFullYear();
         this.startInputId = randomHTMLId('gux-datepicker');
         this.endInputId = randomHTMLId('gux-datepicker');
-        this.value = undefined;
+        /**
+         * The datepicker label (can be a single label, or two separated by a comma if it's a range datepicker)
+         */
         this.label = '';
+        /**
+         * The datepicker number of months displayed
+         */
         this.numberOfMonths = 1;
-        this.startDayOfWeek = undefined;
+        /**
+         * 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 */;
-        this.format = undefined;
+        /**
+         * Disable the input and prevent interactions.
+         */
         this.disabled = false;
         this.labelPosition = 'beside';
+        /**
+         * The datepicker current value
+         */
         this.formattedValue = '';
-        this.minDateDate = undefined;
-        this.maxDateDate = undefined;
+        /**
+         * The datepicker current value
+         */
         this.toFormattedValue = '';
+        /**
+         * Uses styling to control visibility of the calendar element
+         */
         this.active = false;
+        /**
+         * Tracks the amount of key presses when focusing on the input.
+         */
         this.pressedKeys = [];
     }
     watchValue() {
@@ -510,7 +535,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'b9214b306a78a2a6d49a36a14f716271f314ea2e', class: {
+        return (h("div", { key: '9b6737412b9c14de513320e17ba00e815802f069', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled
@@ -544,6 +569,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The datepicker current value"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -561,6 +588,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The datepicker label (can be a single label, or two separated by a comma if it's a range datepicker)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -579,6 +608,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The datepicker number of months displayed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "number-of-months",
                 "reflect": false,
                 "defaultValue": "1"
@@ -603,6 +634,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The day of the week to start each calendar row. 1 - Monday, 2 - Tuesday, ... 7 - Sunday"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "start-day-of-week",
                 "reflect": false
             },
@@ -620,6 +653,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The min date selectable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min-date",
                 "reflect": false,
                 "defaultValue": "''"
@@ -638,6 +673,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The max date selectable"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-date",
                 "reflect": false,
                 "defaultValue": "''"
@@ -662,6 +699,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The calendar mode (can be single or range)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mode",
                 "reflect": false,
                 "defaultValue": "CalendarModes.Single"
@@ -680,6 +719,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "The datepicker date format (default to mm/dd/yyyy, or specified)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "format",
                 "reflect": false
             },
@@ -697,6 +738,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": "Disable the input and prevent interactions."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -715,6 +758,8 @@ export class GuxDatepicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "'beside'"

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.css

@@ -1,14 +1,7 @@
-:host {
-  --gse-ui-button-dismiss-medium-width: 32px;
-  --gse-ui-button-dismiss-medium-height: 32px;
-  --gse-ui-button-dismiss-small-width: 24px;
-  --gse-ui-button-dismiss-small-height: 24px;
-}
-
 gux-button-slot {
   position: absolute;
-  inset-block-start: var(--gse-ui-modal-dismissButton-paddingTop);
-  inset-inline-end: var(--gse-ui-modal-dismissButton-paddingRight);
+  inset-block-start: 4px;
+  inset-inline-end: 4px;
   inline-size: var(--gse-ui-button-dismiss-medium-width);
   block-size: var(--gse-ui-button-dismiss-medium-height);
 }
@@ -24,6 +17,8 @@ gux-button-slot.gux-dismiss-small button {
 }
 gux-button-slot.gux-inherit {
   position: inherit;
+  inset-block-start: inherit;
+  inset-inline-end: inherit;
 }
 gux-button-slot .gux-icon-container {
   display: flex;

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }
@@ -52,6 +52,8 @@ export class GuxDismissButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'absolute'"
@@ -76,6 +78,8 @@ export class GuxDismissButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"

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

@@ -30,13 +30,16 @@ import { hasSlot } from "../../../utils/dom/has-slot";
  */
 export class GuxDropdown {
     constructor() {
-        this.value = undefined;
         this.disabled = false;
         this.required = false;
         this.loading = false;
-        this.placeholder = undefined;
         this.filterType = 'none';
         this.hasError = false;
+        /**
+         * allows dropdown popup to be wider than input
+         * defaults to fitting content if width is not specified for listbox
+         * default min-width is set to width of input
+         */
         this.exceedTargetWidth = false;
         this.expanded = false;
         this.filter = '';
@@ -352,7 +355,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '07ede31225e8012a77bf595a3069962c9a872434', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7cf261e8eda332f7df98a58d9f46631611632a6d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -383,6 +386,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -400,6 +405,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -418,6 +425,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -436,6 +445,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -454,6 +465,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -477,6 +490,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter-type",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -495,6 +510,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -513,6 +530,8 @@ export class GuxDropdown {
                     "tags": [],
                     "text": "allows dropdown popup to be wider than input\ndefaults to fitting content if width is not specified for listbox\ndefault min-width is set to width of input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "exceed-target-width",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -3,6 +3,9 @@ import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
 export class GuxDropdownMultiTag {
     constructor() {
+        /**
+         * Tag is disabled.
+         */
         this.disabled = false;
         this.numberSelected = 0;
         this.label = '';
@@ -30,7 +33,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'a8269209ad4d42f5c60d8f9a10b754dea421536f', class: {
+        return (h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));
@@ -63,6 +66,8 @@ export class GuxDropdownMultiTag {
                     "tags": [],
                     "text": "Tag is disabled."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -81,6 +86,8 @@ export class GuxDropdownMultiTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "number-selected",
                 "reflect": false,
                 "defaultValue": "0"

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

@@ -23,13 +23,19 @@ import { OnMutation } from "../../../utils/decorator/on-mutation";
  */
 export class GuxDropdownMulti {
     constructor() {
-        this.value = undefined;
         this.disabled = false;
         this.required = false;
         this.loading = false;
-        this.placeholder = undefined;
+        /**
+         * Override default filtering behavior
+         */
         this.filterType = 'none';
         this.hasError = false;
+        /**
+         * allows dropdown popup to be wider than input
+         * defaults to fitting content if width is not specified for listbox
+         * default min-width is set to width of input
+         */
         this.exceedTargetWidth = false;
         this.hasCreate = false;
         this.expanded = false;
@@ -392,7 +398,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '9cfe34b91370f3444eb1463ba30a932996b2715a', class: "gux-dropdown-container" }, h("gux-popup", { key: '3a4263eaa05d2909904e93f10d60b0fbf215f850', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '355124f96b66e4de493455af50af902a167a2672', class: "gux-dropdown-container" }, h("gux-popup", { key: '4e67cf4314d7eaaf3715dbf6b562864dbef5307a', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }
@@ -424,6 +430,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false
             },
@@ -441,6 +449,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -459,6 +469,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -477,6 +489,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -495,6 +509,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -518,6 +534,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": "Override default filtering behavior"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "filter-type",
                 "reflect": false,
                 "defaultValue": "'none'"
@@ -536,6 +554,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -554,6 +574,8 @@ export class GuxDropdownMulti {
                     "tags": [],
                     "text": "allows dropdown popup to be wider than input\ndefaults to fitting content if width is not specified for listbox\ndefault min-width is set to width of input"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "exceed-target-width",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'c0a99b249f62a659b82e12a95b3a8d0aafba87de', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '54129363fc206a7b4e0d50cd57fabd02a8456dab', ref: el => (this.targetElement = el) }, h("slot", { key: '3df58d730adcbf46197c2add6020edb107e41320', name: "target" })), h("div", { key: '36eb0e806f69fde8bfe30a6bb7f2e7d4305647c9', class: {
+        return (h(Host, { key: 'fa1d610e066e43e6a025b4a9301ebd079a1a0459', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '326c7ff30a22066eabce87d3b7a8d4f7218a90c0', ref: el => (this.targetElement = el) }, h("slot", { key: '9c0296a10351beadb7b244bac865a6bf8f22317a', name: "target" })), h("div", { key: 'f08abd040753a89b68d09fdd5b41de488e2127b0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c336ce3add65a8972f2c59d5883d65ec69b84ea8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fb036aee8bc4baffc34e2e644a4c0096fb44ed9d', class: "gux-arrow-caret" })), h("slot", { key: 'c1c6db91ef749880505d454c26cee5be6649ef17', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2012c91e07d8096d67dce88517278a482648499', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'a96a744afb7f76549f4213651aa1f04d294b5141', class: "gux-arrow-caret" })), h("slot", { key: 'f65fff57bc2b65fa7f358d08d400cd9e638f7505', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'eda74dd6106bbf06c9520a586d6f8f94c1296942', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c996ce6c6ac54651dededd7650cc00261e0f096c', class: "gux-menu-option-button-text" }, h("slot", { key: 'dfa4c8bece9414e6beb454da738e862f47354084' }))));
+        return (h("button", { key: '9ce49328409af89cd7a1c6b94ac6007b59456824', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '654d588f7bcbf38138ae543c03c3f89cad7102d5', class: "gux-menu-option-button-text" }, h("slot", { key: '2494d0b57c69ee80fd24b52cb97abf74fba868c3' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '548a8f78fd7533f6063a6d1cd1883e6630e8f30b', role: "menu" }, h("slot", { key: '07efb8534d740683b2853655b6f2b0b44ab8fed4' })));
+        return (h(Host, { key: '7e4f1568e688d0b8011da0ff05391e306324fecf', role: "menu" }, h("slot", { key: 'ee2398acd2b5542994a7d142ecf3d5a06b36b66e' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -7,7 +7,6 @@ import { hideDelay, menuNavigation } from "../gux-menu.common";
  */
 export class GuxSubmenu {
     constructor() {
-        this.label = undefined;
         this.isShown = false;
     }
     /**
@@ -140,13 +139,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '944786bfb452e929858d201d39ceaef33e7e1982' }, h("button", { key: 'e1319df128d267d3989f15c9cecdf7105e1dd791', type: "button", class: {
+        return (h(Host, { key: 'b4af9416d548675308b2ced222f8c6c37c4b0cc3' }, h("button", { key: 'c261b82aab8068622218ab619367b05eda7b91aa', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '76f0ed798a5fa6a213dac1d872b956fc72e34e2a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50f537d884b7ad8e79fa6b29e7104b8dee38ec30', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b68278285fca560361099a74117a0de31bf26e1', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '8abd43324654cf93b9574d2389d6c4dc2e07b2d5', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'a3bf92107e1ca54cf05dd3d85ee7da993b6d3ccc', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '0878b74e5cec7a5d918edbaf305ad67243f9f218', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '16c12cca8d1c3331e9d9e9ca658db3f6fb90f933', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e6b37eca1c1c9050dd4c8721e894b81699724882' })))));
+            } }, h("div", { key: 'a41ae635619905f43c23a667119626b0dcc5241b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f7d7f96fb6172b06078472654c8a9e70ddc3a2ca' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }
@@ -176,6 +175,8 @@ export class GuxSubmenu {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -26,7 +26,6 @@ import { validateFormIds, getSlottedInput } from "../../gux-form-field.service";
 export class GuxFormFieldCheckbox {
     constructor() {
         this.labelPosition = 'beside';
-        this.disabled = undefined;
         this.hasHelp = false;
         this.hasError = false;
         this.hasGroupError = false;
@@ -48,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'b50ef075fe3518e381b9e96f2ab4dad6706882d8', class: {
+        return (h(Host, { key: '0c2e94a0639b7a9a0d33da50bd3061c7f7e2d7b7', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '8b190350ea28db072c104036709f65f86f8ee7f2', class: "gux-form-field-container" }, h("div", { key: 'a5e8941b463e227dbde7cc56f4ce53cdcff397de', class: "gux-input-label" }, h("div", { key: '7054952122bd9bdc8ac574b5bb1a25ca9accbf2c', class: "gux-input" }, h("slot", { key: '9f3b321585f6067d8b4014304b783369e4f2bc98', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'fa2e3fe91a20b865c4f4b87815cd53fff1fc06f2', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '52bc35532eb8f3a2ebc745f459324688a497c178', name: "label" }))), h("div", { key: 'ed5e839d314d483e3e3cdd6e3dfe2f2540125d11', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a45479156c57be2c6a131e5fc60651286aea53b', show: this.hasError }, h("slot", { key: '9e2f8f13fdd665d5fdbbc52582c984d7488ce2cf', name: "error" })), h(GuxFormFieldHelp, { key: '799d78bafcdce6c6dc269e296625a338ae41c193', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd60f8b646e36ac3e1dfd33beee4c45902f6e217', name: "help" }))))));
+            } }, h("div", { key: 'f0e07d2cca513c52f20a6fb67cc394059733ec41', class: "gux-form-field-container" }, h("div", { key: '89ac566d1648fcd48b3fce1fe31600e282020360', class: "gux-input-label" }, h("div", { key: '7aaac55e931fbfc26dbcf4018009879005878b60', class: "gux-input" }, h("slot", { key: '9c93787dc7d0464e848780ae34a76ff69c43eec8', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1864d76877c5a710262df6acf00a9108bf887d81', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ac092d51b91c6568ffb708387529c8a46ea68cec', name: "label" }))), h("div", { key: '320fd3438c3be63936113ec3a141b3b9d0a3568c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5bbe724e9768404d6ed538c863cb001c5366593f', show: this.hasError }, h("slot", { key: '2fe8cb4c939bbe76194893fe61633ca4fa7df62f', name: "error" })), h(GuxFormFieldHelp, { key: 'c4fb397bf418dab936527aaf8bda72d2c898fd31', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ee99d4774ad72f4ed796088c45f6f7d91c26a10a', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();
@@ -96,6 +95,8 @@ export class GuxFormFieldCheckbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "'beside'"
@@ -114,6 +115,8 @@ export class GuxFormFieldCheckbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-group-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -132,6 +135,8 @@ export class GuxFormFieldCheckbox {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-group-disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.js

@@ -26,11 +26,28 @@ import componentResources from "./i18n/en.json";
  */
 export class GuxFormFieldCheckboxGroupBeta {
     constructor() {
+        /**
+         * Field indicator mark which can show *, (optional) or blank
+         * Defaults to required. When set to required, the component will display * for required fields and blank for optional
+         * When set to optional, the component will display (optional) for optional and blank for required.
+         */
         this.indicatorMark = 'required';
         this.required = false;
+        /**
+         *  Checkbox group has error text.
+         */
         this.hasGroupError = false;
+        /**
+         *  Checkbox group has help text.
+         */
         this.hasGroupHelp = false;
+        /**
+         *  radio group has label info tooltip
+         */
         this.hasGroupLabelInfo = false;
+        /**
+         * Disables the checkboxes in the group.
+         */
         this.disabled = false;
     }
     watchGroupError(hasGroupError) {
@@ -133,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '2b688ef5b43bf5ae957f8bdfbc8f7eff58011c7e', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '20402cfcc442d3c6173d5ef27094849c41f60a85' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '672e11ccc7213a93673e44175f46f435d18f108a', position: "above", required: this.required }, h("slot", { key: '1f4b628852e3f2d403e0ab0eb450a87a224651ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1231ada7c7f84d70fc172659cf59fa5c2c99b5b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b891ae4996f3e604c82986208b4dcdff6e80983', name: "group-label-info" })), h("slot", { key: 'ba2729cb4feea24fbf35cae13d5cb1792bb983ac', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'eb0121b5ba00f3ffe084571ca56f6a1011c5bb6b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'f4a63bae223f931d659194932d0b96d93b41f651', show: this.hasGroupError }, h("slot", { key: '406399ffba0dfc810e699ffd45b4c8e82dde60eb', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c68edce36ca0fd6292862cd161b5182a208ab319', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'db1320fa4ba0c1137585f1825d2824a8c6d264b1', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3b33199d0852a92df23c59b5843f5f48282a136f', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'd6933ee5c5fdc1e76876e13ba26c1659c9112971' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a3831908a9f0c3c36e37d0b0a780c7c92f7c1dce', position: "above", required: this.required }, h("slot", { key: 'deed6591b098259b1f8890a1a3da8031aec1191f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd4848d9b2733dc0000b911d28b4e09a6b0e382f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db792150cc8c6b4436b557933250beb231a717fa', name: "group-label-info" })), h("slot", { key: 'a60e9d4d0ccc580b5752ba871a33a953d27fd41c', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3efd3470ff4da294d814ea367261921e5d8d3017', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fc6db71f68f2763d88208b9b9550cbbbbfb45068', show: this.hasGroupError }, h("slot", { key: 'a9ffb37ace5fea4c8f47e73693efbeea58b76ada', name: "group-error" })), h(GuxFormFieldHelp, { key: '0e03a0d08e8af6215c3e793688a6db90c02a4a4d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a5e7d149c584db70e9b7ad3dc87c1258e461bb60', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');
@@ -173,6 +190,8 @@ export class GuxFormFieldCheckboxGroupBeta {
                     "tags": [],
                     "text": "Field indicator mark which can show *, (optional) or blank\nDefaults to required. When set to required, the component will display * for required fields and blank for optional\nWhen set to optional, the component will display (optional) for optional and blank for required."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "indicator-mark",
                 "reflect": false,
                 "defaultValue": "'required'"
@@ -191,6 +210,8 @@ export class GuxFormFieldCheckboxGroupBeta {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -209,6 +230,8 @@ export class GuxFormFieldCheckboxGroupBeta {
                     "tags": [],
                     "text": "Disables the checkboxes in the group."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"