genesys-spark-components 4.137.1 → 4.138.0

package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const logError = require('./log-error-7b9d4b57.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const changePhoto = "Change profile photo";

package/dist/cjs/gux-avatar-focusable-beta.cjs.entry.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const GuxAvatarFocusable = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.avatarElement = undefined;
     }
     componentWillLoad() {
         this.validateSlot();

package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
-const index$1 = require('./index-3ee995a4.js');
+const index$1 = require('./index-aa48ea67.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const logError = require('./log-error-7b9d4b57.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');
@@ -283,7 +283,9 @@ const GuxAvatarOverflowItemBetaStyle0 = guxAvatarOverflowItemCss;
 const GuxAvatarOverflowItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.name = undefined;
+        /**
+         * Manually sets avatar accent
+         */
         this.accent = 'auto';
     }
     async componentWillLoad() {

package/dist/cjs/gux-avatar-group-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');
@@ -15,7 +15,9 @@ const GuxAvatarGroupItemBetaStyle0 = guxAvatarGroupItemCss;
 const GuxAvatarGroupItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.name = undefined;
+        /**
+         * Manually sets avatar accent
+         */
         this.accent = 'auto';
     }
     async componentWillLoad() {

package/dist/cjs/gux-badge.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "badge with label: {label}, accent: info";
@@ -33,7 +33,6 @@ const GuxBadge = class {
         index.registerInstance(this, hostRef);
         this.accent = 'info';
         this.bold = false;
-        this.label = undefined;
     }
     onSlotChange(event) {
         const slotAssignedNodes = event.composedPath()[0].assignedNodes();
@@ -63,7 +62,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'efb5a5c65f14123033c5883d4b66f836a22d2310', class: {
+        return (index.h("div", { key: 'a0147cb1c5476bdf158e8e0782a2f88825e80fa8', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/cjs/gux-blank-state.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
-const onMutation = require('./on-mutation-7c046081.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
+const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -46,7 +46,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot.hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (index.h("div", { key: 'a7b78e7de725c2254eca7baa528ded06a1c9a5ee', class: "gux-container" }, index.h("div", { key: '784ba6ba685d37816d7d5e7d6da206de70d6fd4d', class: "gux-image" }, index.h("slot", { key: '41d7935ff9c9a69ea618d627bd96d620f1367e4a', name: "image" })), index.h("div", { key: 'cef74a6fedd5780c8de1b8b5f93078a34c11f9c3', class: "gux-message" }, index.h("slot", { key: '6c604b77f9049900c2f921ab2de984ed9de6de9f', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '05e63d1b90bf4a4edcdc577d73f19197a3ec300e', class: "gux-container" }, index.h("div", { key: '2a5551a003107fc25174d782f4e26a9844b1c4a7', class: "gux-image" }, index.h("slot", { key: '40fdd277e803b9ad62f489ded7b28fbb1837675b', name: "image" })), index.h("div", { key: '3346d51cbbb9e93b63cebc3dad447ed15e8791e3', class: "gux-message" }, index.h("slot", { key: '287c8b98b465184ee4d26529eedabd8f519f5dc7', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-breadcrumb-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -11,7 +11,6 @@ const GuxBreadcrumbItemStyle0 = guxBreadcrumbItemCss;
 const GuxBreadcrumbItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.href = undefined;
     }
     getAccent() {
         const container = this.root.closest('gux-breadcrumbs');
@@ -44,7 +43,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '983f0148c4d8bb17f1ca13fc6e838a46e8a717fd', role: "listitem" }, index.h("span", { key: 'c83c8b53d378bb8405b32ceebb41f7d0b7fc89e7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '1b4c4d01765ac195dbde19d6ff3044caca8acb48', role: "listitem" }, index.h("span", { key: 'c436f1b6d29355b6e5f9069a9041640654189871', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-breadcrumbs.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -30,7 +30,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: 'af4678f44fe594fc5028a94d602bb2f24a7acc87', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'edf49f7e855f2318fe77af91fd4428fa0abb386b' }, index.h("slot", { key: 'f5851d22b06bf995062fbbee1f3b0c5488d07ed1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'acf6c84d719c43df03381127ef2fa2367906ed79', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '4dfbc4c462d69aa146e2282523293fe44d427217' }, index.h("slot", { key: '0f5f128f1a3766d67498c4db2321132fc24d9c7c', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-button-multi.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const index = require('./index-e321455d.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-47b5afb6.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -34,8 +34,14 @@ const GuxButtonMulti = class {
         index.registerInstance(this, hostRef);
         this.open = index.createEvent(this, "open", 7);
         this.close = index.createEvent(this, "close", 7);
+        /**
+         * Disables the action button.
+         */
         this.disabled = false;
         this.accent = 'secondary';
+        /**
+         * It is used to open or not the list.
+         */
         this.isOpen = false;
     }
     handleKeydown(event) {
@@ -111,7 +117,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '37d3a840914a457cfc41be16404d46f2e87d1914', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '261cfdbe101f17ddd7493f11c33f49f3b39eec87', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '4d074a5db751c1969d4d1826aa046422cc64950a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.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() }, index.h("slot", { key: '892695d6b5cf16b035b67475a9908220af1761f0', name: "title" }), index.h("gux-icon", { key: 'ca3d7ea120bee12d21efb83a85fd5da372c5d033', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '66d97b939e4692d380d44d8a1bea3300b654434d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '18a890500116e6bb8f808eefbd384de161bd5b6d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '693bd27986f05edee01e9c346d4364b1ec1b01b6' })))));
+        return (index.h("gux-popup", { key: 'fa206429829cec851aa93d372d87fb5e121e0fa4', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '469c69c3b15a2db5065e4b279855cd3f0caac288', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '866210a3d17f20c7fd8ee5a4947990bebd4cacc4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.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() }, index.h("slot", { key: '9f3dfda85b9e519cf5aa9941764016251c8a06f5', name: "title" }), index.h("gux-icon", { key: '81404daafd6cd8338f2a14f563997d198ae05dfb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '5885c5252023c07e362ffadd3421c1060c42c325', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'cad01a2031100282e0800dc5552dcfec9292d40c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '24a9ccce0270ad3af796d8cef3066456a5260cdd' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-button-slot.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -13,7 +13,6 @@ const GuxButtonSlot = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.accent = 'secondary';
-        this.iconOnly = undefined;
     }
     validateSlotContent() {
         let slottedElement = this.root.children[0];
@@ -38,7 +37,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: 'd4a087a28166a6762c5dba93d6db6b7943b188d6', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '1474b37d951f1311b3b778e1b9549c3085d331c3' })));
+        return (index.h(index.Host, { key: 'ea236b544d398ff799331a855c2814258213f814', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '9178960eb31d0931c9e32625a72b45466895da04' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-button_2.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-bfd599ca.js');
+const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
@@ -17,12 +17,16 @@ const GuxButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.buttonId = randomHtmlId.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();
@@ -32,10 +36,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'bb8f1bdb849e1d65957f95e9def0251929afc02b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.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 }, index.h("slot", { key: '4040a4ee4754711f157db46b44c9cc8060b14d75', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '32e4cf12b85ad738529600bd1878a6f3ee33c04a', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -99,7 +103,7 @@ function ThrottleMethod(duration) {
     };
 }
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:inline-end}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
 const GuxPopoverStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -116,10 +120,21 @@ const GuxPopover = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
+        /**
+         * Indicate if the dismiss button is displayed
+         */
         this.displayDismissButton = false;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
     }
     onKeyDown(event) {
@@ -246,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7ce7fb05a6b0fb15e1847c631173ace759e34c07', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'f78208956cac48f1ed92dec054af7c56f1483e27', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'ad9fd496c4066842e0c59bf06d19984f7cbddbac', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '00f208084c889784f1f63e9fc883be1496fc8d80', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'fc710debcabb025cfc16e17459149dc788c0b41b', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'bda24003547cf31e5dbe0118b46264df7a6a602a', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '4da6d63b51c5c855b9adb8306741769fd6a29be4', name: "title" })), index.h("div", { key: 'd0ea719a8ea2bae4bd198d8333ecc7a0d04b4baa', class: "gux-popover-content" }, index.h("slot", { key: '5fd95c02d7eb2d4445eea04aba6889134d1558d4' }))));
+            }, "data-placement": true }, index.h("div", { key: 'd42c6192636029eed643bfaafecc0b2f80394fd3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '9fc1f6bd146a4a2b6fa70fa8cab72972e24e2815', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '6da0834cb23232b1cea9834d1f4ada26eb9a6ff8', onClick: this.dismiss.bind(this) })), index.h("div", { key: '609540dfa3c0af738a57cf91c92d81392b5bcad8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '2330c98eeea367966133574f062a36953f9b2487', name: "title" })), index.h("div", { key: '100c1123b7250fc755f58fdb0decdee00dfa3fd8', class: "gux-popover-content" }, index.h("slot", { key: 'e5d4780993a82f6d5cdb7362f7b9c29dcc8cea24' }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-calendar-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index_umd = require('./index.umd-5b362f2d.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index_umd = require('./index.umd-8ef51377.js');
+const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
@@ -113,14 +113,17 @@ const GuxCalendarBetaStyle0 = guxCalendarCss;
 const GuxCalendar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * The date that receives focus when selecting a specific day. This also
+         * determines what month is currently displayed. The corresponding element
+         * does not necessarily have browser focus at any given time, since focus
+         * may be on other parts of the component.
+         */
+        this.focusDate = index_umd.index_umd.exports.Temporal.Now.plainDateISO();
+        this.disabled = false;
         this.locale = 'en';
         // Total number of dates that will display for each month in the calendar
         this.MONTH_DATE_COUNT = 42;
-        this.startDayOfWeek = undefined;
-        this.focusDate = index_umd.index_umd.exports.Temporal.Now.plainDateISO();
-        this.min = undefined;
-        this.max = undefined;
-        this.disabled = false;
     }
     async guxForceUpdate() {
         index.forceUpdate(this.root);

package/dist/cjs/gux-calendar.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
+const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-47b5afb6.js');
-const index$1 = require('./index-3ee995a4.js');
+const usage = require('./usage-66f3f455.js');
+const index$1 = require('./index-aa48ea67.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -73,15 +73,29 @@ const GuxCalendar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.calendarSelect = index.createEvent(this, "calendarSelect", 7);
-        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);
@@ -388,7 +402,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.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) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: 'af6dd3690b06c19240a626487b8b416ce278ecfa', class: "gux-calendar" }, index.h("div", { key: '89b901890c7c1f00cf94b9e9773ebe46ec9f81e9', class: "gux-header" }, index.h("button", { key: '67c40070fc2227d8b79e0d6e2e21d77380b9a5d0', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '2bd8edc3755d8d3783be87b49d8405cbc197ef2f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'f3a75968f96e3f475503c6fe56af5c7534aae4f7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'e5c8e7c5af77082d5cf6ed69ebcd38ef5b0911d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '148e5592ae9a3762d2195c51119130fb1e0f87ff', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '3e7104c7c527ba42cc818e65513814372fb85602', class: "gux-calendar" }, index.h("div", { key: '3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0', class: "gux-header" }, index.h("button", { key: '543de6897267a1f4e6e8db8b97bb711304c08b52', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'b2c294ef682512eece2727b7a81d767e8eaa6ac9', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '63a15fda509d1b4094e9758f7e363a12d9eb8b5a', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '8ddab445b31da40a62add023f2e6c7e96ebbe62e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '717c46e440097c55521bd0ccece930c78cb18673', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-card.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const usage = require('./usage-66f3f455.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -11,16 +11,19 @@ const GuxCardStyle0 = guxCardCss;
 const GuxCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Card Accent.
+         */
         this.accent = 'bordered';
     }
     componentWillLoad() {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '95cc3325babcec3a310c5a80188a7e878769e99d', class: {
+        return (index.h("div", { key: '50bbbdd887db89f85e38917ccb676f3635aa339b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '71af33737da9ff5c4f2b5d070455bdc4ece8ebde' })));
+            } }, index.h("slot", { key: '14b6233c8880929e2797e7d486d553a39fd8a4a2' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -38,10 +38,6 @@ const GuxColumnManagerItem = class {
         this.internal_keyboard_reorder_move = index.createEvent(this, "internal_keyboard_reorder_move", 7);
         this.internal_keyboard_reorder_emit = index.createEvent(this, "internal_keyboard_reorder_emit", 7);
         this.internal_keyboard_reorder_finish = index.createEvent(this, "internal_keyboard_reorder_finish", 7);
-        this.orderId = undefined;
-        this.highlightActive = undefined;
-        this.highlight = undefined;
-        this.text = undefined;
         this.pendingReorder = 'none';
         this.isDragging = false;
         this.isReordering = false;
@@ -158,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, index.h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
+        return (index.h(index.Host, { key: '4f4f1a2d4ef6e37442a02b323727002ebc2d229d', draggable: "true" }, index.h("div", { key: '527ed6cf7479c6d274b1bf76c55d99f0b926a046', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', class: {
+            } }, index.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) }, index.h("gux-icon", { key: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, index.h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), index.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) }, index.h("gux-icon", { key: 'db34f0e74744edb74f6e358decb1a687a522915f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '359c2ee8967c29f17cf8a70861554591a525ac05', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '9ef98b9772735fe121f883c54f30aa390a7b1518', class: "gux-select" }, index.h("slot", { key: 'e6cf19d37b7e2c3012ff5d3d344a816ec7dd7223', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '725aff67ee64a30f085e177710e8a9a75c1a82da', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1337610f.js');
-const index$1 = require('./index-3ee995a4.js');
-const usage = require('./usage-47b5afb6.js');
+const index = require('./index-e321455d.js');
+const index$1 = require('./index-aa48ea67.js');
+const usage = require('./usage-66f3f455.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, index.h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, index.h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, index.h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: 'b20a8b3d869c89e5d0a7df788c9216beb2606734', class: "gux-container" }, index.h("div", { key: 'cf85ab01ddc65cd36cb2fbcf9d8a1a5641bdb73a', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '4eb733de66dd8d8cad50af3593edc9b9cea06517', class: "gux-search" }, index.h("gux-content-search", { key: 'd2bd59c36f8e9316e890aab2c58a4f8eaffc21a5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '13d6d09461238dc320975957601069c0c0305326', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '196a7c4732665f9441a1da32a233a77065c657fe', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '59fec0d1351a8d29fb9c52e8d86f2a6e07082242' }, index.h("input", { key: '410e3c478f528af3ad2b7fb755f57b398d6f00de', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '437c750238f88906d24c996dfc8343ae9d4000cc', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '635052c617e778535a15916a10f50ebc19c681b6', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '4cccb7e62bb22f23132fbf5858264d1b8beef801', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '9268a564c81ea817eb4d7967a47399fa17f3e205', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {