genesys-spark-components 4.231.2 → 4.232.0

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

@@ -1,222 +1,64 @@
-export const renderConfigs = [
-    {
-        description: 'should render default button',
-        html: '<gux-button-slot><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render primary button',
-        html: '<gux-button-slot accent="primary"><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render secondary button',
-        html: '<gux-button-slot accent="secondary"><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render tertiary button',
-        html: '<gux-button-slot accent="tertiary"><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render ghost button',
-        html: '<gux-button-slot accent="ghost"><button type="button">Button</button></gux-button-slot>'
-    },
+const accents = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'ghost',
+    'danger',
+    'copilot',
+    'inline',
+    'invalid'
+];
+const elementTypes = [
     {
-        description: 'should render danger button',
-        html: '<gux-button-slot accent="danger"><button type="button">Button</button></gux-button-slot>'
+        template: (attributes) => `<button type="button" ${attributes}>Button</button>`,
+        label: 'button'
     },
     {
-        description: 'should render copilot button',
-        html: '<gux-button-slot accent="copilot"><button type="button">Button</button></gux-button-slot>'
+        template: (attributes) => `<input type="button" ${attributes} value="Button"/>`,
+        label: 'input[type=button]'
     },
     {
-        description: 'should render inline button',
-        html: '<gux-button-slot accent="inline"><button type="button">Button</button></gux-button-slot>'
-    },
+        template: (attributes) => `<input type="submit" ${attributes} value="Button"/>`,
+        label: 'input[type=submit]'
+    }
+];
+export const renderConfigs = [
+    ...elementTypes.flatMap(({ template, label }) => [
+        {
+            description: `should render default ${label}`,
+            html: `<gux-button-slot>${template('')}</gux-button-slot>`
+        },
+        ...accents.map(accent => ({
+            description: `should render ${accent} ${label}`,
+            html: `<gux-button-slot accent="${accent}">${template('')}</gux-button-slot>`
+        })),
+        {
+            description: `should render disabled default ${label}`,
+            html: `<gux-button-slot>${template('disabled')}</gux-button-slot>`
+        },
+        ...accents.map(accent => ({
+            description: `should render disabled ${accent} ${label}`,
+            html: `<gux-button-slot accent="${accent}">${template('disabled')}</gux-button-slot>`
+        }))
+    ]),
     {
         description: 'should render inline button without width constraint',
         html: '<gux-button-slot accent="inline"><button type="button">S</button></gux-button-slot>'
     },
     {
-        description: 'should render invalid button',
-        html: '<gux-button-slot accent="invalid"><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled default button',
-        html: '<gux-button-slot><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled primary button',
-        html: '<gux-button-slot accent="primary"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled secondary button',
-        html: '<gux-button-slot accent="secondary"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled tertiary button',
-        html: '<gux-button-slot accent="tertiary"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled ghost button',
-        html: '<gux-button-slot accent="ghost"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled danger button',
-        html: '<gux-button-slot accent="danger"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled copilot button',
-        html: '<gux-button-slot accent="copilot"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled inline button',
-        html: '<gux-button-slot accent="inline"><button type="button" disabled>Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render button with invalid accent',
-        html: '<gux-button-slot accent="invalid"><button type="button">Button</button></gux-button-slot>'
-    },
-    {
-        description: 'should render default input[type=button]',
-        html: '<gux-button-slot><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render primary input[type=button]',
-        html: '<gux-button-slot accent="primary"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render secondary input[type=button]',
-        html: '<gux-button-slot accent="secondary"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render tertiary input[type=button]',
-        html: '<gux-button-slot accent="tertiary"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render ghost input[type=button]',
-        html: '<gux-button-slot accent="ghost"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render danger input[type=button]',
-        html: '<gux-button-slot accent="danger"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render copilot input[type=button]',
-        html: '<gux-button-slot accent="copilot"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render inline input[type=button]',
-        html: '<gux-button-slot accent="inline"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render invalid input[type=button]',
-        html: '<gux-button-slot accent="invalid"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled default input[type=button]',
-        html: '<gux-button-slot><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled primary input[type=button]',
-        html: '<gux-button-slot accent="primary"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled secondary input[type=button]',
-        html: '<gux-button-slot accent="secondary"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled tertiary input[type=button]',
-        html: '<gux-button-slot accent="tertiary"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled ghost input[type=button]',
-        html: '<gux-button-slot accent="ghost"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled danger input[type=button]',
-        html: '<gux-button-slot accent="danger"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled copilot input[type=button]',
-        html: '<gux-button-slot accent="copilot"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled inline input[type=button]',
-        html: '<gux-button-slot accent="inline"><input type="button" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render input[type=button] with invalid accent',
-        html: '<gux-button-slot accent="invalid"><input type="button" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render default input[type=submit]',
-        html: '<gux-button-slot><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render primary input[type=submit]',
-        html: '<gux-button-slot accent="primary"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render secondary input[type=submit]',
-        html: '<gux-button-slot accent="secondary"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render tertiary input[type=submit]',
-        html: '<gux-button-slot accent="tertiary"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render ghost input[type=submit]',
-        html: '<gux-button-slot accent="ghost"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render danger input[type=submit]',
-        html: '<gux-button-slot accent="danger"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render copilot input[type=submit]',
-        html: '<gux-button-slot accent="copilot"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render inline input[type=submit]',
-        html: '<gux-button-slot accent="inline"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render invalid input[type=submit]',
-        html: '<gux-button-slot accent="invalid"><input type="submit" value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled default input[type=submit]',
-        html: '<gux-button-slot><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled primary input[type=submit]',
-        html: '<gux-button-slot accent="primary"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled secondary input[type=submit]',
-        html: '<gux-button-slot accent="secondary"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled tertiary input[type=submit]',
-        html: '<gux-button-slot accent="tertiary"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled ghost input[type=submit]',
-        html: '<gux-button-slot accent="ghost"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled danger input[type=submit]',
-        html: '<gux-button-slot accent="danger"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled copilot input[type=submit]',
-        html: '<gux-button-slot accent="copilot"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render disabled inline input[type=submit]',
-        html: '<gux-button-slot accent="inline"><input type="submit" disabled value="Button"/></gux-button-slot>'
-    },
-    {
-        description: 'should render input[type=submit] with invalid accent',
-        html: '<gux-button-slot accent="invalid"><input type="submit" value="Button"/></gux-button-slot>'
+        description: 'should render icon-only button',
+        html: `
+    <gux-button-slot icon-only>
+      <button type="button">
+        <gux-icon
+          size="small"
+          icon-name="fa/diamond-regular"
+          decorative
+        ></gux-icon>
+        <gux-screen-reader-beta>
+          This will be read by a screen reader
+        </gux-screen-reader-beta>
+      </button>
+    </gux-button-slot>`
     }
 ];

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

@@ -23,7 +23,7 @@ export class GuxCalendar {
         /**
          * The calendar mode (can be single or range)
          */
-        this.mode = "single" /* CalendarModes.Single */;
+        this.mode = 'single';
         /**
          * The calendar number of months displayed
          */
@@ -40,7 +40,7 @@ export class GuxCalendar {
      */
     // eslint-disable-next-line @typescript-eslint/require-await
     async setValue(value) {
-        if (this.mode === "range" /* CalendarModes.Range */ && value instanceof Array) {
+        if (this.mode === 'range' && value instanceof Array) {
             const [date1, date2] = value;
             this.value = asIsoDateRange(date1, date2); // sorts
             this.previewValue = fromIsoDateRange(this.value)[0];
@@ -95,7 +95,7 @@ export class GuxCalendar {
             if (date.getMonth() !== month) {
                 classes.push('gux-not-in-month');
                 disabled = true;
-                if (this.mode === "range" /* CalendarModes.Range */) {
+                if (this.mode === 'range') {
                     classes.push('gux-hidden');
                     hidden = true;
                 }
@@ -108,7 +108,7 @@ export class GuxCalendar {
             if (isToday) {
                 classes.push('gux-current-date');
             }
-            if (this.mode === "range" /* CalendarModes.Range */) {
+            if (this.mode === 'range') {
                 const [start, end] = fromIsoDateRange(this.value);
                 const fromTimeStamp = start.getTime();
                 const toTimeStamp = end.getTime();
@@ -217,7 +217,7 @@ export class GuxCalendar {
     }
     async onDateClick(date) {
         if (!this.outOfBounds(date)) {
-            if (this.mode !== "range" /* CalendarModes.Range */) {
+            if (this.mode !== 'range') {
                 await this.setValueAndEmit(date);
             }
             else {
@@ -242,13 +242,13 @@ export class GuxCalendar {
         }
     }
     onDateMouseEnter(date) {
-        if (this.mode === "range" /* CalendarModes.Range */ && this.selectingDate !== null) {
+        if (this.mode === 'range' && this.selectingDate !== null) {
             this.value = asIsoDateRange(date, this.selectingDate);
             this.updateRangeElements();
         }
     }
     updateRangeElements() {
-        if (this.mode === "range" /* CalendarModes.Range */) {
+        if (this.mode === 'range') {
             removeClassToElements(this.getAllDatesElements(), 'gux-hovered');
             const [start, end] = fromIsoDateRange(this.value);
             const rangeElements = this.getRangeDatesElements(start, end);
@@ -322,7 +322,7 @@ export class GuxCalendar {
         if (!this.value) {
             const now = new Date();
             now.setHours(0, 0, 0, 0);
-            if (this.mode === "range" /* CalendarModes.Range */) {
+            if (this.mode === 'range') {
                 this.value = asIsoDateRange(now, now);
             }
             else {
@@ -344,7 +344,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'a73649c95213d18ea8f26727a0ee87c3f4b102e9', class: "gux-calendar" }, h("div", { key: '51982f3c54071aaac49d810a1a7cdf7fb8ec3465', class: "gux-header" }, h("button", { key: 'd3c2385c8a5e168d83720c8d8d6c11b0a31e5932', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '091c66061066a969fc21ab135935ed2405f542c0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '6e886ad3ebd3982165f71f90d7e3db407d062e8e', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c9be6193e36e1a268e9cf1c93c8209106283bc37', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7115b91508cd5746e0ee7c17e0ad1c9894f36535', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'ecb01e2825c556c8452007d537131ca352583705', class: "gux-calendar" }, h("div", { key: '7d4cfa2b4aa4e1a3299150b104f017221741f402', class: "gux-header" }, h("button", { key: 'c4d8974ea4be39048f51ddaa053e22390c685770', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '31d234e14c57567aeaf52e1700ec5598dc626a4b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '5335f29f046387ccbd3d4e0b464868f576d1fb21', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '95219ca612e3f73a14ac8593a3c92f64ebcc8a91', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '13e1fa1158eb1ba160842cc084b54df69fffe2bf', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }
@@ -425,7 +425,7 @@ export class GuxCalendar {
                 "mutable": false,
                 "complexType": {
                     "original": "GuxCalendarMode",
-                    "resolved": "CalendarModes.Range | CalendarModes.Single",
+                    "resolved": "\"range\" | \"single\"",
                     "references": {
                         "GuxCalendarMode": {
                             "location": "import",
@@ -445,7 +445,7 @@ export class GuxCalendar {
                 "setter": false,
                 "reflect": false,
                 "attribute": "mode",
-                "defaultValue": "CalendarModes.Single"
+                "defaultValue": "'single'"
             },
             "numberOfMonths": {
                 "type": "number",

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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '132179790c00633d051c86bbec4de6fda403e477', class: {
+        return (h("div", { key: 'aab36136cc3cd9229fe3c252d47772e775a89e09', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'f42f32a17cea8907c366981c6374cce3e2776af7' })));
+            } }, h("slot", { key: '53268a703a85a5c4cbda933a210b7764ec868a84' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -160,15 +160,15 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '3190f410197c0153c8f8c76c401cb935b3319144', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, h("div", { key: 'ecb39af31088e0ab12e394dc7ff8c5ff2b0bd8ba', class: {
+        return (h(Host, { key: '18fdd88894abb619db0c537cda1e5610a176c9a4', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, h("div", { key: '205236f89cc4bcb8edefe72f8b7f0691479becf9', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, h("button", { key: 'd71d5ba250fb8ce6a571594d3ea205d4700d5216', class: {
+            } }, h("button", { key: 'e9df8685396c9c436c6412fcece58e5efb5601ba', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '44e0d604c4c1b86d78a60d6cd2e49141797c40f7', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'e09b3344cbfa845b21e55a572cd350267f66c8a8', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9e9cea9e77d0965a008d629efe4df4e48ebb4493', class: "gux-select" }, h("slot", { key: '1dd91986ec9392030cb681b435948d69ff928e05', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '915510df42377e64eb77aaec526c9a56b58560fc', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '7bbe714dfe2f629f4b035f4fb3f9da84ab434270', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c43087e4d60ce85a33d14afe0c29771df5f0ff59', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9bf2deff65d8a90a9dfb5a3dc506c4f9fcc9531d', class: "gux-select" }, h("slot", { key: '19379f275d81614aca23681843d768d8b8069c21', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'b11b7812bb907f908f9183ada701ce1a9e941beb', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -121,7 +121,7 @@ export class GuxColumnManager {
     render() {
         var _a;
         const isReordering = ((_a = this.keyboardOrderChange) === null || _a === void 0 ? void 0 : _a.oldIndex) !== null;
-        return (h(Host, { key: '7f5bbea485392f5db2a9c450467e1cdf2645bb85', class: { 'gux-reordering': isReordering } }, h("div", { key: '732bbf68d6338c5c53d2ef12decd1c2c67e13403', class: "gux-container" }, h("div", { key: 'd91320b33a466e67bbfbcb82ecba5e859035be80', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '469aac5f3065731d48a9348625e6a9d14da3a781', class: "gux-search" }, h("gux-content-search", { key: 'd48bef01d6638fce38b2905ef76a41444f918824', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6d38b548c2a98eafea2f85ab4a9c8c1b08a36ee1', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'caf0e7355b8619096735509ee5436f945a23caa7', class: "gux-select" }, h("gux-form-field-checkbox", { key: '73446dd2386d7521c01a654ff76398b96a12b020' }, h("input", { key: 'ad85444dc4683ca88514766a11fa4222da2b5d05', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8a8ce367bd5f3f0a1f12ca0461334c88235e5342', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'e7d3f8d1df9a0d2cc249b2875e3bcd3b8cb56149', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3c355bee4a96165ee33bdcd64ec2d1495b887282', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f07efa26a2db1ab7a4b135b2167c7b143d3250a9', ref: el => (this.announceElement = el) }))));
+        return (h(Host, { key: '5ef40dca1deaee1125bcbce09b98689f557b2568', class: { 'gux-reordering': isReordering } }, h("div", { key: '8e556d0401ba3774d168bb670f725384d42ecf33', class: "gux-container" }, h("div", { key: '62808c8945fd62386a5b3c1527b69d02cc727452', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2232597bf6b18ed3b354b92dbc5e8444186e1b25', class: "gux-search" }, h("gux-content-search", { key: 'e6b719db5d2928ef1569f46ba309030c879c3483', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '086b8197e1f861a06c5d4530f656f9fd5a3faea3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a53a08405ae924ac224605498ce1699b714ccd66', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2bd77b7476b3aca55e91fa04cde36b5174c93761' }, h("input", { key: '65824c4819b83f60c774ffdb89d1f840d4dc893a', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '57287d6dc003d840848babf48ba395abf590fd34', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '96d57b4334703a82df4dc3d157f19f7f7da7b4cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '51dba77fbc3559699b67bc85e03c920b0b01d7b5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4a7ba6a1b3dc662ebe1ef2b57e6da561a2f1ebc0', ref: el => (this.announceElement = el) }))));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '5147e0ca2f1bb19294584e87c449b9130f1d0be7', class: {
+        return (h("div", { key: '0d404ec6fc94a1c1770d8fa07655ed34fa9e4f89', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'a8989206e56364cb185f6466ec9f0959a0abdc19', class: "gux-search-icon" }, h("gux-icon", { key: '7fa2086c97331a7ae584f4e582ce79a86242d026', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6c208ed6e72bcb383986ab12f4ee373724546754' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '74266c3f2fc8a381202ee32d7b169fa65fb4e67c', class: "gux-search-icon" }, h("gux-icon", { key: 'e4e4f883b781fdc2d3cd574e089a952a809796be', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '28b42566261c8ef5306f92557570169b8a81d58f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '00cab1b1827de5f802eb94d4b0d1c86774f71f48' }, h("gux-popup", { key: 'a2cb382690ab2f8829934c77c2a11930223ba43f', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '740dcf88e3b7fe20f4f929f0ab70c787795e58eb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'd3d38035ae784a6322f4346ad176d4e8ec8c408c', accent: "ghost" }, h("button", { key: '1714996ab6d7b21d2912e5e5f062de99ff92fa96', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '729bf734d9486f16265f5c2998aa12fc2e3be656' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'dd9e900eb22bdb9c6e85a062f8134d7dc1d72a4c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '665f77468416c7d350a5e7b4de7da4dcf9b2478e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '59d76af7666541626956e97b758c3b2743f1a4ea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9f44ed996de5940aa375221463e7f72f35ad2cb8' }))))));
+        return (h(Host, { key: 'd82a672128de349bd1bff2ebdf3decb051af2472' }, h("gux-popup", { key: '5655559522a197a73c44c66ede3af747eb80ec07', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: 'd6328a4b4f1bc1415121f2b1b92e56aa0f46a825', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b389c6be929ee99db689400cf929feea155ec57b', accent: "ghost" }, h("button", { key: 'e29ccd9f45a7b1417a33fb08b75091a9add88430', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '0e25ae00b588451985e6292ba095ae129f303cce' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '8e29925477092441dcac7eb9bdb65696d9e1669d', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '214103a867a964a30c7837c4b648b1d0eb97fe4e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd563d9ea034329b0cd6f56982338b4416c12de21', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4e55994bf4cd68aab44d2459aef7d35d2ed26912' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'ab3c446c99730419b6091e6b2cfaecc42322c775', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '24eaac9b39a37c2e7087f3761dbfec3483a1a4a2', class: "gux-copy-content" }, h("slot", { key: '5fd258c5670f437186e9ca8bb5e26c3f7f091406', name: "content" }), h("gux-icon", { key: 'cdd4b8a084325d859e526c77c5c21bc5cdc3057a', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ccea3c988430b33de305602ff5148b205b2f70d8', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '5c6dc3d0fa055f6f4d02b92309e68e8cf47a8435', class: "gux-copy-content" }, h("slot", { key: '6ef6827e0f0afee8612e7f29a170b342af99b1f5', name: "content" }), h("gux-icon", { key: '894e35efdbd7d7b2dac731cf0fdfdc4dbb7ea235', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class GuxDatepicker {
         /**
          * The calendar mode (can be single or range)
          */
-        this.mode = "single" /* CalendarModes.Single */;
+        this.mode = 'single';
         /**
          * Disable the input and prevent interactions.
          */
@@ -291,7 +291,7 @@ export class GuxDatepicker {
         this.input.emit(this.value);
         this.updateDate();
         this.inputElement.value = this.formattedValue;
-        if (this.mode === "range" /* CalendarModes.Range */) {
+        if (this.mode === 'range') {
             this.toInputElement.value = this.toFormattedValue;
         }
         if (document.activeElement !== this.inputElement ||
@@ -300,7 +300,7 @@ export class GuxDatepicker {
         }
     }
     setValue() {
-        if (this.mode === "range" /* CalendarModes.Range */) {
+        if (this.mode === 'range') {
             const fromValue = this.stringToDate(this.inputElement.value);
             const toValue = this.stringToDate(this.toInputElement.value);
             if (!this.isValidDateFormat(fromValue) ||
@@ -403,7 +403,7 @@ export class GuxDatepicker {
         }
     }
     updateDate() {
-        if (this.mode === "range" /* CalendarModes.Range */) {
+        if (this.mode === 'range') {
             const [from, to] = fromIsoDateRange(this.value);
             const { map: map1, regexp: regexp1 } = this.getMapAndRegexFromField(from);
             this.formattedValue = this.format.replace(regexp1, match => {
@@ -444,7 +444,7 @@ export class GuxDatepicker {
         this.intervalRange = intervalRange;
     }
     getCombinedFocusedDateValue() {
-        return this.mode === "range" /* CalendarModes.Range */
+        return this.mode === 'range'
             ? this.getRangeFocusedDateValue()
             : this.getFocusedDateValue();
     }
@@ -491,13 +491,13 @@ export class GuxDatepicker {
         if (!this.value) {
             const now = new Date();
             now.setHours(0, 0, 0, 0);
-            if (this.mode === "range" /* CalendarModes.Range */) {
+            if (this.mode === 'range') {
                 this.value = asIsoDateRange(now, now);
             }
             else {
                 this.value = asIsoDate(now);
             }
-            if (this.mode === "range" /* CalendarModes.Range */ && this.numberOfMonths < 2) {
+            if (this.mode === 'range' && this.numberOfMonths < 2) {
                 this.numberOfMonths = 2;
             }
         }
@@ -557,11 +557,11 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.startInputId, class: {
                 'gux-datepicker-field-label': true,
                 'gux-sr-only': this.labelPosition === 'screenreader' ||
-                    (this.mode === "single" /* CalendarModes.Single */ && !this.label)
+                    (this.mode === 'single' && !this.label)
             } }, this.getCalendarLabels()[0]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.startInputId, type: "text", onClick: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), ref: (el) => (this.inputElement = el), value: this.formattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()), this.renderCalendar())));
     }
     renderEndDateField() {
-        if (this.mode === "single" /* CalendarModes.Single */) {
+        if (this.mode === 'single') {
             return null;
         }
         return (h("div", { class: {
@@ -573,7 +573,7 @@ export class GuxDatepicker {
             } }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '1dc545078977013d055f7758672e20cdc1822bb0', class: {
+        return (h("div", { key: 'd9a0fa114334489ab841a6ea49c0c6516c780ed7', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled
@@ -724,7 +724,7 @@ export class GuxDatepicker {
                 "mutable": false,
                 "complexType": {
                     "original": "GuxDatepickerMode",
-                    "resolved": "CalendarModes.Range | CalendarModes.Single",
+                    "resolved": "\"range\" | \"single\"",
                     "references": {
                         "GuxDatepickerMode": {
                             "location": "import",
@@ -744,7 +744,7 @@ export class GuxDatepicker {
                 "setter": false,
                 "reflect": false,
                 "attribute": "mode",
-                "defaultValue": "CalendarModes.Single"
+                "defaultValue": "'single'"
             },
             "format": {
                 "type": "string",

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

@@ -1,9 +1,9 @@
 export function getCalendarLabels(labelString, mode, defaultLabels) {
     const labels = labelString.split(',').map(label => label.trim());
-    if (mode === "range" /* CalendarModes.Range */) {
+    if (mode === 'range') {
         return [labels[0] || defaultLabels[0], labels[1] || defaultLabels[1]];
     }
-    else if (mode !== "range" /* CalendarModes.Range */ && !labels[0]) {
+    else if (mode !== 'range' && !labels[0]) {
         return [defaultLabels[2]];
     }
     return [labels[0]];

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '35c932bd42ac603f57e731f6f17ab6d7d82a7aca', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '17ce06b1286aef3777313fa6a5dc6afdf29336fe', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '215372def7f9629d6d24fbf33b3909fc4653bd68', type: "button", title: this.i18n('dismiss') }, h("div", { key: '0b87676465df52c9648bda6867dbc0b98de66a0b', class: "gux-icon-container" }, h("gux-icon", { key: '7690f5cdd35a393d0c1fea4f6848870e4b7d9afa', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '4c8cb790088a3fa251762d1941ea625d6edeb725', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2ee161ab52ca8f0fb3cc6ab94b06aa279675f542', class: "gux-icon-container" }, h("gux-icon", { key: '9420aae88803dc9795629b999b16ed454c48f824', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -374,7 +374,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '9225e98cb710c54f4ddd6a71ba844433005a9281', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'cde100c4f62afffb5f98c24d007820479fdb1b5c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ee3fd02e107fb9601920bea6f3ff6acf065d957f', class: {
+        return (h("div", { key: '2f34ac6be6a5bed37d1155fa9242e92ea8cc0366', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));