genesys-spark-components 4.137.1 → 4.138.0

package/dist/esm/gux-tab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h } from './index-1f4f2f77.js';
 
 const guxTabCss = "gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-inline-end:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;inline-size:var(--gse-ui-tabs-set-vertical-width);block-size:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-inline-end:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-inline-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-inline-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;max-inline-size:160px;block-size:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-block-end:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-block-end-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-block-end-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{inline-size:100%;max-inline-size:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{inline-size:100%;max-inline-size:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;block-size:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{outline:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);outline-offset:calc(var(--gse-ui-tabs-focusRing-border-width) * -1);border-radius:var(--gse-ui-tabs-focusRing-borderRadius)}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
 const GuxTabStyle0 = guxTabCss;
@@ -7,7 +7,9 @@ const GuxTab = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internalactivatetabpanel = createEvent(this, "internalactivatetabpanel", 7);
-        this.tabId = undefined;
+        /**
+         * Specifies if tab is disabled
+         */
         this.guxDisabled = false;
         this.active = false;
     }
@@ -46,11 +48,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (h("button", { key: '9fc0fd45b66be700c1c22d826529cf038a856895', class: {
+        return (h("button", { key: 'a36a3b6b93516719a59c31ad7376e25c342f194a', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'f077e0cc9928622efdc549d1a48f82fe2b856e98', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '25e21a845a08e430d61b93ec4631dfadb1115808' }, h("slot", { key: '57e0a14c0b3c1c6f369fc6a26294b304f9ebd3ab' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '7c01ed22b5b7d1672ca66146468d767ba6d9efee', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '177ec34701424ea6fc819ed69c467e60e4a9aa9c' }, h("slot", { key: '2e3b72b4e0f14b96fda1190c880e241d66f98b15' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

package/dist/esm/gux-table-select-menu.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -73,7 +73,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '5a48581e9d8eaaf4c96e44f05d0ded133a13187e' }, h("slot", { key: '3702e397db4d2e237a26f2f6f1e0384453eeddaf' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9d792e38a8a5f9e0df096e66a4facfcf94e1b766' }, h("slot", { key: 'b55a072b3ea6070b47bc1883b3e269945ddf99e4' }), this.renderSelectDropdown()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table-toolbar-action.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const actionRefresh = "Refresh";
@@ -25,7 +25,6 @@ const GuxTableToolbarActionStyle0 = guxTableToolbarActionCss;
 const GuxTableToolbarAction = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.action = undefined;
         this.accent = 'secondary';
         this.iconOnly = false;
         this.disabled = false;
@@ -62,7 +61,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'e8538ef34e03519c734e77f5f476b53b16ef0dc9', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4cadbb502341deb331f15ed75661f0b1effa54af', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '1882d0c96014b7d9abea89e178b9237cf15360a1', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '7275cff0eb26d84b7af1d15f29cb812770be7ced', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'aebca288330d1bf23f156d80d42263cd217d1ae5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '336d56282e3e3f5475d00804da7577b1ad48f2cb', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table-toolbar-custom-action.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -33,7 +33,7 @@ const GuxTableToolbarCustomAction = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ca49e2eb936dfb631243119c86c41178dfa68880', accent: this.accent }, h("button", { key: '13b95b19439edb3f9f451d6f50b9a57cd4df4231', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1db9793c1c6fd061ecb09ed335a6c426620988f7', name: "icon" }), h("span", { key: '44b08116f2155b7c8263f2faa1f5f01787b59917', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '536348a7c568596d7bc291557a9c5248d818ec17', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'a8d01e76058e1d7585bb5bc7d0bbff1ff1a1e0c1', accent: this.accent }, h("button", { key: '9aded0e4c8a4c66384cda6f952da9572f8939b19', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ae94fcb7e44ea806abd7954873e748758f59f51b', name: "icon" }), h("span", { key: 'ae591615ebca8cee8c93e09a7b6020a22e91b960', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '3e822d9f63f14506e56730093a60b1486d1fab2a', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 
@@ -26,7 +26,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTableToolbarMenuButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.showMenu = undefined;
         this.expanded = false;
     }
     handleKeyDown(event) {
@@ -94,7 +93,7 @@ const GuxTableToolbarMenuButton = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd78b3d6d952599b820526a5a9ddb2ad20ba3269c', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '14fed00f5b7f823c403c513927efcb76e6d0c0ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c3b3f0061fe8acc14bf5e6ec915661c4d67c67bd', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '612641edd5bcdca3f1e66a47f336b4acee2cb754', accent: "secondary" }, h("button", { key: '0cb07af08b15c018aa40a0098e5f50b0f792c5f6', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '4710754d3c15fd9c96b5612d1150f1603dc45e1b', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: 'b6362a0d227a977c403a36de1a537ac1ec659158', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '858338dd24b7292a3cc156f85a15f022e9a55cc2', ref: el => (this.listElement = el) }, h("slot", { key: '5a30837a55ca239e760143334a4a0341dc6d3ecc' }))))));
+        return (h(Host, { key: '5f7d025e3d029801dcc195eb7fb0d6d0feb3a835', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '227c2f581f8a6cdd0ff0487049b8e35ba767de2a', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '9dfafdf865b045bf37c19fa1f2f69b181c7e9a4e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '60b452473bfff9d846dee14be7ac52c3c20d883a', accent: "secondary" }, h("button", { key: '1f8e12f5a2db6be6e806022b2e34e9af9b00316c', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '4700a003ae7da5096749706dfc93662e9510c3eb', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '04e3c234d1bc292e3953e080364d31eed44ba6fb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f2b559874219b85b34f7bbbd1636b26665391c14', ref: el => (this.listElement = el) }, h("slot", { key: '987134c46b3dfb7fe1e048423525e1bbdc8705a6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { O as OnResize } from './on-resize-3558b8d8.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { O as OnResize } from './on-resize-c9d0d33c.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlot } from './get-slot-41f866aa.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -37,13 +37,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxTableToolbar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.displayedLayout = 'full';
+        this.hasContextDivider = false;
         this.minimumSizes = {
             full: 0,
             iconOnly: 0,
             condensed: 0
         };
-        this.displayedLayout = 'full';
-        this.hasContextDivider = false;
     }
     onMutation() {
         this.hasContextDivider = this.needsContextDivider();
@@ -208,9 +208,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '61e2577218efba771229bea4189d020103b9c04c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '06e9cf9b5321acf58888b2e15bb665cf049bb242', class: "search-filter-container" }, h("slot", { key: '5371111abbc86dbca38f0c8388dfe735d2392c88', name: "search-and-filter" })), h("div", { key: 'dc57b16a1475df79b222c05ca62f218061fbdcb3', class: "section-spacing" }), h("div", { key: '3e3d9744d1de2e9c7368dc217c20f1ace7f2ffb4', class: "gux-contextual-permanent-primary" }, h("div", { key: '4c16cc307cf3f0a42e7c4c58236764d7d4b7a796', class: {
+        return (h(Host, { key: '286d16c8c0256fcdc3fc16bd8198ca522ec46561', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '81848d87616892f1116428a6955501e48bbbc8f2', class: "search-filter-container" }, h("slot", { key: 'acf93a2292d0bc75c41491c7e53de644d2f63b01', name: "search-and-filter" })), h("div", { key: '64524af5d3e61a5a9c2ad534047516ea375989d8', class: "section-spacing" }), h("div", { key: '63c1aa11001f861991e48a6e761b64bce5182c72', class: "gux-contextual-permanent-primary" }, h("div", { key: 'f56906133c61a97d28144221d49f7aebd01cca78', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'a4a7fa3f0dd73fd9e69e1ab962a87e9cfcfb4dff', name: "contextual-actions" })), h("div", { key: '9cab6bdc78e18461f24b69d215e14df6ae6c1ee7', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '01853b5fcb8391cbe0ed80f627f97375cf58dfa6', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '1504f5b0e12dcde9dcede180d781cd2428eb40c3', "show-menu": this.renderMenu() }, h("slot", { key: '6eec01d9cbb35302d4dae6f498e3239114dace0d', name: "menu-actions" })), h("slot", { key: '816b068157bba14a54a9c845fe9a2433d70a11b6', name: "primary-action" })))));
+            } }, h("slot", { key: 'fc6d51300cb27009249040c0ab2c201a6d54bf3d', name: "contextual-actions" })), h("div", { key: '8104450e965aa066b05e96364443a453b12c8496', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c4bdb389d256c5c1eb374acd4738df6aa59f8337', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '6bddd1b1fb4fe2f5d58ff02be1ac72efcea56fb9', "show-menu": this.renderMenu() }, h("slot", { key: '3de1e2e717e5baff05bba22f68c047d74d798ed2', name: "menu-actions" })), h("slot", { key: 'e548f18daeb4f5d97696ce8a0eb144fe9d0d1cb8', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-table.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -21,12 +21,22 @@ const GuxTable = class {
         });
         this.tableId = randomHTMLId('gux-table');
         this.columnsWidths = {};
+        /**
+         * Indicates that vertical scroll is presented for table
+         */
         this.isVerticalScroll = false;
+        /**
+         * Indicates if the mouse is in a position that supports starting resize
+         */
         this.columnResizeHover = false;
+        /**
+         * Indicates table row density style
+         */
         this.compact = false;
+        /**
+         * Indicates that object table specific styles should be applied
+         */
         this.objectTable = false;
-        this.emptyMessage = undefined;
-        this.resizableColumns = undefined;
     }
     /******************************* Lifecycle Hooks *******************************/
     async componentWillLoad() {
@@ -277,7 +287,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: 'a310e0d83e627dcf7b8177bef5b7da6c8a49e4a0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '4dbbdbfbbed3058c0d9ca0bd317bed0673bbda94', class: "gux-table" }, h("div", { key: '7e8093d4dda42c908b5be66b0f38c7e98533e96b', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '54b6c66855dc72ffecf801494add3fed8323efa1', name: "data" })), this.isTableEmpty && (h("div", { key: '0d8294e84fb357d4dbbf98aca88f9fdf598c1959', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '9faff47ff4190f6a46a5b52c44b54478b3856015', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f00939a6c497e2e22d46cd006c1807e894ec58b4', class: "gux-table" }, h("div", { key: '742a85b1b2c6071c04be8e7a2c81a4166a1b583a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '45a0561efbb62c0b0e7f1a31f1cb868477f08edb', name: "data" })), this.isTableEmpty && (h("div", { key: '8855957b7bef11136b0bc3c12c334314b77bcd26', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,13 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxactivetabchange = createEvent(this, "guxactivetabchange", 7);
-        this.tabList = undefined;
         this.tabPanels = [];
-        this.activeTab = undefined;
     }
     watchActiveTab(newValue) {
         this.activateTab(newValue, this.tabList, this.tabPanels);
@@ -45,7 +43,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '738526f46371d0566ff35e5f871a0f2d3144bacd' }, h("slot", { key: '5080b3e06a793f7e22625b645ec5f66e211706af', name: "tab-list" }), h("slot", { key: 'b8a46244621da8d202d67f9101b0fbaea49b8a84', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '2c8bc5fba1915034cccb58955d15bb222e010abf' }, h("slot", { key: '61e8e24100068325c638cfcdd8f8581b2d0213cd', name: "tab-list" }), h("slot", { key: 'e94a0abde8c0eb50f9e58874f9d07fef200c3cce', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tabs.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -8,10 +8,14 @@ const GuxTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxactivetabchange = createEvent(this, "guxactivetabchange", 7);
-        this.activeTab = undefined;
+        /**
+         * Specifies horizontal or vertical orientation of tabs
+         */
         this.orientation = 'horizontal';
+        /**
+         * Specifies left aligned, centered, or full width tabs
+         */
         this.alignment = 'left';
-        this.tabList = undefined;
         this.tabPanels = [];
     }
     watchActiveTab(newValue) {
@@ -47,7 +51,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3e75f6bbe1ca70d2e06252256dd7e0da9d87414e' }, h("div", { key: '2fefd55f8960a7ffd28d78145b53133fa24753dc', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '83fb2462545b9e07bd13e1562725c4f97114fab5', name: "tab-list" }), h("div", { key: '058ce4ed6f4c41a0ba84436d959b1b04a26cf978', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'a33c5b51269f29f4cbb2593be17cf7c75449fd21', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '7fdc61c4f732fb4bee5375e0672a85ae5dfe4b05' }, h("div", { key: '5b81a10ce41c2b7888b7247c92207ebe3bd9fa65', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7cbaa1cae34b019e0161a1aec7c20e575e9b7021', name: "tab-list" }), h("div", { key: '5337ba55bb7c74f832fe97c113a3f95bd3369931', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '003ed2350c122ea5c1aded128bea3a1efd0f2797', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-tag.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const tag = "tag with label: {label}";
@@ -22,7 +22,6 @@ const GuxTag = class {
         this.removable = false;
         this.size = 'small';
         this.emphasis = 'bold';
-        this.label = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {
@@ -65,7 +64,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'd4860a650699120c5ac4c31f9c4824125500e84f', class: {
+        return (h("div", { key: 'ba6317addb48b6d4317df3ed659ce28574cd6d22', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/esm/gux-text-highlight.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();
@@ -49,9 +49,13 @@ const GuxTextHighlightStyle0 = guxTextHighlightCss;
 const GuxTextHighlight = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.text = undefined;
-        this.highlight = undefined;
+        /**
+         * The way the text should be highlighted.
+         */
         this.strategy = 'start';
+        /**
+         * The highlight color should be dimmed
+         */
         this.dimmed = false;
     }
     componentWillLoad() {

package/dist/esm/gux-time-beta.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4688faf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
-import { g as getDesiredLocale } from './index-0faa8b4b.js';
+import { g as getDesiredLocale } from './index-4f1356d9.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -11,9 +11,14 @@ const GuxTime = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hasRegionalDatesCookie = false;
+        /**
+         * The ISO string representation of the time to format
+         */
         this.datetime = new Date().toISOString();
+        /**
+         * Format option type
+         */
         this.format = 'short';
-        this.timeZone = undefined;
     }
     componentWillLoad() {
         trackComponent(this.root);

package/dist/esm/gux-time-picker.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { g as getDesiredLocale, b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { g as getDesiredLocale, b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -240,9 +240,6 @@ const GuxTimePicker = class {
         this.disabled = false;
         this.required = false;
         this.hasError = false;
-        this.clockType = undefined;
-        this.min = undefined;
-        this.max = undefined;
         this.expanded = false;
     }
     onFocus() {
@@ -455,7 +452,7 @@ const GuxTimePicker = class {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '7d87923d3d6803717c9e0395672e2da9830f5808', class: {
+        return (h("gux-popup", { key: '88fcdcab282d28e61fd07429aeda9ea7f3ffdda0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/gux-time-zone-beta.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-b2752992.js';
 import './get-closest-element-728b9f18.js';
 
@@ -18,10 +18,6 @@ function getLocalizedOffset(localizedUTC, timeZoneId) {
 const GuxTimeZoneBeta = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.timeZoneId = undefined;
-        this.offset = undefined;
-        this.surroundOffset = undefined;
-        this.shorten = undefined;
     }
     renderZoneDisplay() {
         let localizedZone = this.i18n(this.timeZoneId);

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { f as formatOffset, g as getTimeZoneList, t as translationResources } from './time-zone-b2752992.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 
@@ -11,18 +11,10 @@ const GuxTimeZonePickerBetaStyle0 = guxTimeZonePickerCss;
 const GuxTimeZonePickerBeta = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.workspaceDefault = undefined;
-        this.localDefault = undefined;
-        this.customDefault = undefined;
-        this.customDefaultLabel = undefined;
         this.hasError = false;
         this.disabled = false;
         this.required = false;
         this.searchString = '';
-        this.timeZoneOptionElements = undefined;
-        this.timeZoneList = undefined;
-        this.filteredZoneList = undefined;
     }
     on(event) {
         this.searchString = event.detail;

package/dist/esm/gux-toast.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
@@ -55,9 +55,9 @@ const GuxToast = class {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'f46ed25bd37a97bea8c2ff2b2dc61e4aab323a48', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '2ccc12891eb7d4f8b203b16fd1e71f04e9ce258f', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'e80dee5f0b4f9140893d8f3b959ad233f377786f', class: "gux-content" }, h("div", { key: 'f60e6e202ffceae0efaeb984fcafb39517ca9bbe', class: "gux-message" }, h("gux-truncate", { key: '955b81a41eb14cbc88a121dc85b6fb735955d87b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '576a1abd5515827782959257dce55e7540117d9f', name: "title" })), h("gux-truncate", { key: '49ab880816ccf09860170c1e9fd4d94e0f32f469', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '32d619d38d8dd07651c24fe11ea91a4c1de47f0e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '25961d73356340a8c09b7c3eca35844580231495', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'd91c94b9ee5d82bdb90e52f5655192ef24c4d636', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9c2953c61775b77995b591df0ab5e17f1ede2a22', class: "gux-content" }, h("div", { key: '05c1207807c9be423acca1261da7ef459198db78', class: "gux-message" }, h("gux-truncate", { key: 'a02966c34b3864143695594f20d7ab190ad0a56d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '2099a76aec045694b64a806b5fa09cc694d33662', name: "title" })), h("gux-truncate", { key: 'dcb3ea2544dad2a9901319dcbabdce60883bde6f', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'fcb924aa6faf88c0d2e559761092660b99b4524d', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'f37fe30b31d49524b2d78045b82463e5710ea0ae', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '201e1fa01443f0bb420c88da43a8338ecf6c9ece', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-toggle-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-21889d5d.js';
+import { r as registerInstance, h } from './index-1f4f2f77.js';
 
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - (var(--gse-ui-toggle-handle-width))) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - (var(--gse-ui-toggle-handle-width))) / 2);inline-size:calc((var(--gse-ui-toggle-handle-width)) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc((var(--gse-ui-toggle-handle-width)) - 6px);block-size:calc((var(--gse-ui-toggle-handle-width)) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 const GuxToggleSliderStyle0 = guxToggleSliderCss;
@@ -21,12 +21,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '7d524e23f0ab60c1d863b1b73aa2e2b5bff3766d', class: {
+        return (h("div", { key: '0eb8c8c2ebfcae002402dc8a1f9299f32bfc0da5', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '784eaef2455b5b5df6ad066f5e9fc834b3e0b47b', class: "gux-slider" }, h("div", { key: '774fd09993f708ba53a8acb06a2dca9cacb5f2eb', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'ba8a605d4fab3a6d42ce57f2732b3abf16ea99ed', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '574f856c02f95bb0a2167fa849e0e252d43a3f14', class: "gux-slider" }, h("div", { key: '6adfae5a1d15e0efabb0b1b83313142a45727e38', class: "gux-switch" }, !isError && (h("gux-icon", { key: '176e19bafb87a3ad8ae841cc5aac440627be4241', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/esm/gux-toggle.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const defaultAriaLabel = "Toggle Switch";
@@ -25,11 +25,7 @@ const GuxToggle = class {
         this.checked = false;
         this.disabled = false;
         this.loading = false;
-        this.label = undefined;
-        this.checkedLabel = undefined;
-        this.uncheckedLabel = undefined;
         this.labelPosition = 'right';
-        this.errorMessage = undefined;
         this.displayInline = false;
     }
     handleLoading(loading) {
@@ -87,11 +83,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd040fbdee7d5c55da814f2cdbb8c704c494f62a3', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '6a68458c84d103c1a597a0a2e87d682d6bfe130b', class: {
+        return (h(Host, { key: 'bd4881a81fe6ee959fa399ed25afcf23d4e066b7', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'd2e8faa4ad4f6c0ae71206802f6a7f03e033f754', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '2ec395e79521f360b73040c8c3a1f719cf321bb0', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '8d39cee087b78401fce45c4e2d55d793bcf42d98', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f6c51d507ff623cbb71398f0dde7bec532a52fed', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'da46e2dbed216a1d723872c000ec5ff03180f033', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '3603c51c1b31201053e1a65004007625ba9c9e78', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '8f46f9736a735c7bd046d404eb9f96cace8e8913', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }