genesys-spark-components 4.137.1 → 4.138.0

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

@@ -12,7 +12,6 @@ export class GuxTag {
         this.removable = false;
         this.size = 'small';
         this.emphasis = 'bold';
-        this.label = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {
@@ -55,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'd4860a650699120c5ac4c31f9c4824125500e84f', class: {
+        return (h("div", { key: 'ba6317addb48b6d4317df3ed659ce28574cd6d22', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,
@@ -97,6 +96,8 @@ export class GuxTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'default'"
@@ -115,6 +116,8 @@ export class GuxTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -133,6 +136,8 @@ export class GuxTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "removable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -157,6 +162,8 @@ export class GuxTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'small'"
@@ -181,6 +188,8 @@ export class GuxTag {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "emphasis",
                 "reflect": false,
                 "defaultValue": "'bold'"

package/dist/collection/components/stable/gux-text-highlight/gux-text-highlight.js

@@ -3,9 +3,13 @@ import { getFuzzyReplacements, matchesFuzzy } from "../../../utils/string/search
 import { trackComponent } from "../../../utils/tracking/usage";
 export class GuxTextHighlight {
     constructor() {
-        this.text = undefined;
-        this.highlight = undefined;
+        /**
+         * The way the text should be highlighted.
+         */
         this.strategy = 'start';
+        /**
+         * The highlight color should be dimmed
+         */
         this.dimmed = false;
     }
     componentWillLoad() {
@@ -92,6 +96,8 @@ export class GuxTextHighlight {
                     "tags": [],
                     "text": "The value to display."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text",
                 "reflect": false
             },
@@ -109,6 +115,8 @@ export class GuxTextHighlight {
                     "tags": [],
                     "text": "The text to highlight."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "highlight",
                 "reflect": false
             },
@@ -132,6 +140,8 @@ export class GuxTextHighlight {
                     "tags": [],
                     "text": "The way the text should be highlighted."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "strategy",
                 "reflect": false,
                 "defaultValue": "'start'"
@@ -150,6 +160,8 @@ export class GuxTextHighlight {
                     "tags": [],
                     "text": "The highlight color should be dimmed"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "dimmed",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -25,9 +25,6 @@ export class GuxTimePicker {
         this.disabled = false;
         this.required = false;
         this.hasError = false;
-        this.clockType = undefined;
-        this.min = undefined;
-        this.max = undefined;
         this.expanded = false;
     }
     onFocus() {
@@ -240,7 +237,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '7d87923d3d6803717c9e0395672e2da9830f5808', class: {
+        return (h("gux-popup", { key: '88fcdcab282d28e61fd07429aeda9ea7f3ffdda0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
@@ -279,6 +276,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "'00:00'"
@@ -303,6 +302,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "interval",
                 "reflect": false,
                 "defaultValue": "60"
@@ -327,6 +328,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "step",
                 "reflect": false,
                 "defaultValue": "1"
@@ -345,6 +348,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -363,6 +368,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -381,6 +388,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-error",
                 "reflect": false,
                 "defaultValue": "false"
@@ -405,6 +414,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clock-type",
                 "reflect": false
             },
@@ -422,6 +433,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false
             },
@@ -439,6 +452,8 @@ export class GuxTimePicker {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false
             }

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

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'f46ed25bd37a97bea8c2ff2b2dc61e4aab323a48', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '2ccc12891eb7d4f8b203b16fd1e71f04e9ce258f', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'e80dee5f0b4f9140893d8f3b959ad233f377786f', class: "gux-content" }, h("div", { key: 'f60e6e202ffceae0efaeb984fcafb39517ca9bbe', class: "gux-message" }, h("gux-truncate", { key: '955b81a41eb14cbc88a121dc85b6fb735955d87b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '576a1abd5515827782959257dce55e7540117d9f', name: "title" })), h("gux-truncate", { key: '49ab880816ccf09860170c1e9fd4d94e0f32f469', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '32d619d38d8dd07651c24fe11ea91a4c1de47f0e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '25961d73356340a8c09b7c3eca35844580231495', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'd91c94b9ee5d82bdb90e52f5655192ef24c4d636', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9c2953c61775b77995b591df0ab5e17f1ede2a22', class: "gux-content" }, h("div", { key: '05c1207807c9be423acca1261da7ef459198db78', class: "gux-message" }, h("gux-truncate", { key: 'a02966c34b3864143695594f20d7ab190ad0a56d', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '2099a76aec045694b64a806b5fa09cc694d33662', name: "title" })), h("gux-truncate", { key: 'dcb3ea2544dad2a9901319dcbabdce60883bde6f', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'fcb924aa6faf88c0d2e559761092660b99b4524d', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'f37fe30b31d49524b2d78045b82463e5710ea0ae', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '201e1fa01443f0bb420c88da43a8338ecf6c9ece', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();
@@ -102,6 +102,8 @@ export class GuxToast {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "toast-type",
                 "reflect": false,
                 "defaultValue": "'success'"

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '7d524e23f0ab60c1d863b1b73aa2e2b5bff3766d', class: {
+        return (h("div", { key: '0eb8c8c2ebfcae002402dc8a1f9299f32bfc0da5', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '784eaef2455b5b5df6ad066f5e9fc834b3e0b47b', class: "gux-slider" }, h("div", { key: '774fd09993f708ba53a8acb06a2dca9cacb5f2eb', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'ba8a605d4fab3a6d42ce57f2732b3abf16ea99ed', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '574f856c02f95bb0a2167fa849e0e252d43a3f14', class: "gux-slider" }, h("div", { key: '6adfae5a1d15e0efabb0b1b83313142a45727e38', class: "gux-switch" }, !isError && (h("gux-icon", { key: '176e19bafb87a3ad8ae841cc5aac440627be4241', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {
@@ -50,6 +50,8 @@ export class GuxToggleSlider {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": false,
                 "defaultValue": "false"
@@ -68,6 +70,8 @@ export class GuxToggleSlider {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -86,6 +90,8 @@ export class GuxToggleSlider {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "gux-aria-label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -104,6 +110,8 @@ export class GuxToggleSlider {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-id",
                 "reflect": false,
                 "defaultValue": "''"
@@ -122,6 +130,8 @@ export class GuxToggleSlider {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error-id",
                 "reflect": false,
                 "defaultValue": "''"

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

@@ -10,11 +10,7 @@ export class GuxToggle {
         this.checked = false;
         this.disabled = false;
         this.loading = false;
-        this.label = undefined;
-        this.checkedLabel = undefined;
-        this.uncheckedLabel = undefined;
         this.labelPosition = 'right';
-        this.errorMessage = undefined;
         this.displayInline = false;
     }
     handleLoading(loading) {
@@ -72,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'd040fbdee7d5c55da814f2cdbb8c704c494f62a3', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '6a68458c84d103c1a597a0a2e87d682d6bfe130b', class: {
+        return (h(Host, { key: 'bd4881a81fe6ee959fa399ed25afcf23d4e066b7', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'd2e8faa4ad4f6c0ae71206802f6a7f03e033f754', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '2ec395e79521f360b73040c8c3a1f719cf321bb0', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '8d39cee087b78401fce45c4e2d55d793bcf42d98', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f6c51d507ff623cbb71398f0dde7bec532a52fed', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'da46e2dbed216a1d723872c000ec5ff03180f033', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '3603c51c1b31201053e1a65004007625ba9c9e78', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '8f46f9736a735c7bd046d404eb9f96cace8e8913', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }
@@ -107,6 +103,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked",
                 "reflect": false,
                 "defaultValue": "false"
@@ -125,6 +123,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -143,6 +143,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -161,6 +163,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label",
                 "reflect": false
             },
@@ -178,6 +182,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "checked-label",
                 "reflect": false
             },
@@ -195,6 +201,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "unchecked-label",
                 "reflect": false
             },
@@ -218,6 +226,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "'right'"
@@ -236,6 +246,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "error-message",
                 "reflect": false
             },
@@ -253,6 +265,8 @@ export class GuxToggle {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-inline",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -21,9 +21,14 @@ export class GuxTooltip {
             ['focusout', this.focusoutHandler]
         ]);
         this.id = randomHTMLId('gux-tooltip');
-        this.for = undefined;
+        /**
+         * Placement of the tooltip. Default is bottom-start
+         */
         this.placement = 'bottom-start';
         this.accent = 'light';
+        /**
+         * If tooltip is shown or not
+         */
         this.isShown = false;
     }
     handleKeyDown(event) {
@@ -143,10 +148,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '7f32fc0f3f84954016f5b1ec9f0898896d9cf002', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'c530ea1cd5a6e36217953c5924792e8976306bd0', class: {
+        return (h(Host, { key: '0c6810848f3ef09d3d0c3566829051fe35a321ce', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '62c983206c8cd451340011ceea6f60e3e1c36f10', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '46e8c283b01588f06717c3a141f9c9cbe4c4fa9a', name: "content" }, h("slot", { key: '358388784b52c0e58be759a75058987740ccc49d' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'c532649e0eb5780ae4a1970da1d0d625b8f5dbf0', name: "content" }, h("slot", { key: 'e96641c2b60eab20ff499930b73a6497b2b75741' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -176,6 +181,8 @@ export class GuxTooltip {
                     "tags": [],
                     "text": "Indicates the id of the element the popover should anchor to. (If not supplied the parent element is used)"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "for",
                 "reflect": false
             },
@@ -199,6 +206,8 @@ export class GuxTooltip {
                     "tags": [],
                     "text": "Placement of the tooltip. Default is bottom-start"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom-start'"
@@ -223,6 +232,8 @@ export class GuxTooltip {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'light'"

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '51e3a363495c4f5ebe92d4303979c6c019b66d87', class: {
+            h("span", { key: 'cba947eff67ef23ec53277350ae12c3687154410', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'f1121269950760e368cae9d922e283ccbcde6bae' })),
+                } }, h("slot", { key: '28d95434eab0783863e00b8e5f3cbcaf02231f4a' })),
             this.renderTooltip()
         ];
     }

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

@@ -16,9 +16,6 @@ import { getTextContentFromNodes } from "../../../utils/dom/get-text-content-fro
  * @slot - text node or element containing text to truncate
  */
 export class GuxTruncate {
-    constructor() {
-        this.maxLines = undefined;
-    }
     async setShowTooltip() {
         var _a;
         await ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
@@ -49,12 +46,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '1fbad0da6e9e17d14b5a25508cdb427578df91a8', class: {
+        return (h("div", { key: 'a7797a30ecc7954c6d3c2159d24d15f8ecbe3842', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'f0748fbc8b33a9956d973712ff41e0bd55e662d4', class: {
+            } }, h("span", { key: '0ae75944d480e95bbaa2c796e582384534e2bbb0', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '995342dbb8b328a825afcbafd777e3e0962b41e4' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'ff5cea1f312e753b27aae40bcb47bf2d47e2015b' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }
@@ -84,6 +81,8 @@ export class GuxTruncate {
                     "tags": [],
                     "text": "Lines to wrap before truncating"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-lines",
                 "reflect": false
             }