npm - genesys-spark-components - Versions diffs - 4.124.1 → 4.126.0 - Mend

genesys-spark-components 4.124.1 → 4.126.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (617) hide show

package/dist/cjs/gux-tag.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const index$1 = require('./index-c5d18923.js');
-const usage = require('./usage-ea56de64.js');
+const index = require('./index-1337610f.js');
+const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-0050deee.js');
 require('./get-closest-element-9e41d6b9.js');
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: 'ce381084752b773ceb69d072b89b5820478bf546', class: {
+        return (index.h("div", { key: '746fb46ee92ee34a883fc13edd0d6a309db3fed4', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/cjs/gux-text-highlight.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-ea56de64.js');
+const index = require('./index-1337610f.js');
+const usage = require('./usage-0050deee.js');
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-ea56de64.js');
-const getValidTimezone = require('./get-valid-timezone-92648ac9.js');
+const index = require('./index-1337610f.js');
+const usage = require('./usage-0050deee.js');
+const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-c5d18923.js');
+const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-picker.cjs.entry.js CHANGED Viewed

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-8f08a5ed.js');
-const onClickOutside = require('./on-click-outside-18d3c600.js');
+const index$1 = require('./index-1337610f.js');
+const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index = require('./index-c5d18923.js');
-const usage = require('./usage-ea56de64.js');
+const index = require('./index-c7d87150.js');
+const usage = require('./usage-0050deee.js');
 const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -458,7 +458,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '23ccace10731459857fef5a5ce6d9836d0cdf63f', class: {
+        return (index$1.h("gux-popup", { key: '1dd472cf32221d0a391177abe0d8663e139536aa', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-beta.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-ea56de64.js');
-const index$1 = require('./index-c5d18923.js');
+const index = require('./index-1337610f.js');
+const usage = require('./usage-0050deee.js');
+const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const index$1 = require('./index-c5d18923.js');
+const index = require('./index-1337610f.js');
+const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-ea56de64.js');
+const usage = require('./usage-0050deee.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-toast.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-ea56de64.js');
+const index = require('./index-1337610f.js');
+const usage = require('./usage-0050deee.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
@@ -59,9 +59,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '0cd5e44ab5061bdd354286d48a9f124ca84c5d23', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'ec96b98e7235ff444f74c3dea4044243f3012fce', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'ff4a659dccfc1d18f52ec1f7757b75d3115d92b0', class: "gux-content" }, index.h("div", { key: 'ff21762b9993ed7ae29a14b62af44e8767a3cdbb', class: "gux-message" }, index.h("gux-truncate", { key: '20e1e667f1e2d3888e800a3406b505febe6fdec5', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '967fb63d46c29d25477a0af13dc9a70dbcfd7a8d', name: "title" })), index.h("gux-truncate", { key: '6500dc3a65c87332f714f010c8a0f061de14b052', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '1d118e12a73a964781b50607b698bc2bbca2306a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'b80419a3c2d3a07248523d438b51ff8c28d1e7a0', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '62b2c3304a79a78d7c1813130a98e39cb4fcb90e', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '750e02522556888e8d2b661688b9554e470d823b', class: "gux-content" }, index.h("div", { key: '1fed074ed08765cca519608a3471ece4cb462cd8', class: "gux-message" }, index.h("gux-truncate", { key: 'addeb90005620ff7cc0119ad7423d283081ccbe7', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'afc27423a6e48c2ba93bbee00579d3f6087b48df', name: "title" })), index.h("gux-truncate", { key: '34c9864c8b146c02d2073cf672fcd171abc535fe', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'cc5550c66afba027852879344eba51ae2a93c4a9', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'c25f4895d901b4fdbf6286957a3ec5108b3f729d', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '9706f3476e02627998bc7598f80de3312ae9a831', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-toggle-slider.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
+const index = require('./index-1337610f.js');
 const guxToggleSliderCss = "gux-toggle-slider{display:flex;align-items:center;padding:2px;outline:none}gux-toggle-slider .gux-toggle-slider{position:relative;display:inline-block;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-toggle-track-width);block-size:var(--gse-ui-toggle-track-height);cursor:pointer;border-radius:var(--gse-ui-toggle-track-borderRadius)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider{background-color:var(--gse-ui-toggle-track-error-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-error .gux-slider .gux-switch{border:var(--gse-ui-toggle-handle-error-border-width) var(--gse-ui-toggle-handle-error-border-style) var(--gse-ui-toggle-handle-error-border-color)}gux-toggle-slider .gux-toggle-slider.gux-error.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-error-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-disabled{pointer-events:none;cursor:default;background-color:var(--gse-ui-toggle-track-disabled-off-backgroundColor);opacity:var(--gse-ui-toggle-disabled-opacity)}gux-toggle-slider .gux-toggle-slider:focus-visible{outline:var(--gse-ui-toggle-focus-border-width) var(--gse-ui-toggle-focus-border-style) var(--gse-ui-toggle-focus-border-color);outline-offset:var(--gse-ui-toggle-focus-offset);border-radius:var(--gse-ui-toggle-focus-borderRadius)}gux-toggle-slider .gux-toggle-slider .gux-slider{position:absolute;inset:0;background-color:var(--gse-ui-toggle-track-enabled-off-backgroundColor);border-radius:calc(var(--gse-ui-toggle-track-height) / 2);transition:background-color 0.2s ease}gux-toggle-slider .gux-toggle-slider .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-off-backgroundColor)}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch{position:absolute;inset-block-end:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inset-inline-start:calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);inline-size:calc(var(--gse-ui-toggle-handle-width) - 4px);block-size:calc(var(--gse-ui-toggle-handle-height) - 4px);color:var(--gse-ui-toggle-handle-foregroundColor);content:\"\";background-color:var(--gse-ui-toggle-handle-backgroundColor);border:var(--gse-ui-toggle-handle-enabled-border-width) var(--gse-ui-toggle-handle-enabled-border-style) var(--gse-ui-toggle-handle-enabled-border-color);border-radius:var(--gse-ui-toggle-handle-borderRadius);transition:0.2s}gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon{position:absolute;inset:0;inline-size:calc(var(--gse-ui-toggle-handle-width) - 6px);block-size:calc(var(--gse-ui-toggle-handle-width) - 6px);margin:auto;color:var(--gse-ui-toggle-handle-backgroundColor);transition:color 0.2s linear}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider{background-color:var(--gse-ui-toggle-track-enabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled{background-color:var(--gse-ui-toggle-track-disabled-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider.gux-disabled .gux-switch{border:var(--gse-ui-toggle-handle-disabled-border-width) var(--gse-ui-toggle-handle-disabled-border-style) var(--gse-ui-toggle-handle-disabled-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover{background-color:var(--gse-ui-toggle-track-hover-on-backgroundColor)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider:hover .gux-switch{border:var(--gse-ui-toggle-handle-hover-border-width) var(--gse-ui-toggle-handle-hover-border-style) var(--gse-ui-toggle-handle-hover-border-color)}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch{transform:translateX(calc(var(--gse-ui-toggle-track-width) - var(--gse-ui-toggle-track-height)))}gux-toggle-slider .gux-toggle-slider.gux-checked .gux-slider .gux-switch gux-icon{color:var(--gse-ui-toggle-handle-foregroundColor);opacity:1;transition:opacity 0.1s linear;transition-delay:0.1s}";
 const GuxToggleSliderStyle0 = guxToggleSliderCss;
@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '33f0b1c45701bfb3efa520526918012e74380f87', class: {
+        return (index.h("div", { key: 'fcc4b03b5e37b793199cd0bab791f982066b1373', 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) }, index.h("div", { key: '3a563ccb616bd8ff794811dff30848a5d9506742', class: "gux-slider" }, index.h("div", { key: '7c78e74df0088793547a58993cc58e9ecc5c4ff1', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '8f61218c44a6aabb9c3a3de84cf26ff04118ed09', "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) }, index.h("div", { key: 'af82c11450a7e7189734ade81ae59154e0edd934', class: "gux-slider" }, index.h("div", { key: 'aae336d5b5fa0f8d99a93406f5963a2e2138388c', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'eb84bc4c502bdc5a5b131637a491508b35ccbda9', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/cjs/gux-toggle.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-ea56de64.js');
+const index = require('./index-1337610f.js');
+const usage = require('./usage-0050deee.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-c5d18923.js');
+const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 const defaultAriaLabel = "Toggle Switch";
@@ -91,11 +91,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0f312f6ad08533c2dbe992c8013f4dbf6c63303c', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '7a113a402d75055f56b36813ef94d17762a4fe9e', class: {
+        return (index.h(index.Host, { key: '59c1cbb11301b4a828513313a56e37f6b313a053', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '8eb338cc9c1891e14de3dbf69d0281ad493b3bd4', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '7f0e47c2d6aeb9a67c711f816cbb47532194f1bf', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'e029b07f21ffc78054baa05d6f606744ebe2aedb', 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()), index.h("gux-announce-beta", { key: '031ddcf99cb52b512d41b229afa21a5852b4d463', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '06b06201601dc294b8caba8066946c87ec311eee', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'b55c3165cb0c75654ba095a055d6ee95b489ae17', 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()), index.h("gux-announce-beta", { key: 'f1026f9abb417dc04ef031c2c25ce80ff91fe9be', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
+const index = require('./index-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-ea56de64.js');
+const usage = require('./usage-0050deee.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

package/dist/cjs/gux-tooltip-title.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
+const index = require('./index-1337610f.js');
 const logError = require('./log-error-7b9d4b57.js');
-const onMutation = require('./on-mutation-86c636e6.js');
-const onResize = require('./on-resize-15ff32b7.js');
+const onMutation = require('./on-mutation-7c046081.js');
+const onResize = require('./on-resize-514663f7.js');
 const guxTooltipTitleCss = "gux-tooltip-title{overflow:hidden}gux-tooltip{font-weight:normal;line-height:normal;text-align:start;overflow-wrap:break-word;white-space:normal}.gux-overflow-hidden .gux-title-container ::slotted(span){overflow:hidden;text-overflow:ellipsis}.gux-overflow-hidden .gux-title-container>*{overflow:hidden;text-overflow:ellipsis}.gux-title-container{display:flex;pointer-events:none}.gux-tooltip-icon-decorative .gux-title-container{position:relative;margin-inline-start:20px}.gux-tooltip-icon-decorative .gux-title-container gux-icon,.gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon){position:absolute;inset-block-start:1px;inset-inline-start:-20px;flex-shrink:0;inline-size:16px;block-size:16px}.gux-icon-only{line-height:0px}";
 const GuxTooltipTitleStyle0 = guxTooltipTitleCss;
@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '195b49c12aee4d65410bf11c9f10d8a7c7160df9', class: {
+            index.h("span", { key: '91dc324f5f793aa2ac1ef618c8d0ec0dc7b6aa72', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'ebb735476a50db7464687604d2c459d9b76d2b04' })),
+                } }, index.h("slot", { key: '780978cc951ace4e9ff8ea80906f00013e40f953' })),
             this.renderTooltip()
         ];
     }

package/dist/cjs/gux-tooltip_2.cjs.entry.js CHANGED Viewed

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-8f08a5ed.js');
+const index = require('./index-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-ea56de64.js');
+const usage = require('./usage-0050deee.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
-const onMutation = require('./on-mutation-86c636e6.js');
-const onResize = require('./on-resize-15ff32b7.js');
+const onMutation = require('./on-mutation-7c046081.js');
+const onResize = require('./on-resize-514663f7.js');
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:250px;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:350ms;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);pointer-events:none;background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-light-foregroundColor)}.gux-container ::slotted(*){inline-size:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border:var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 const GuxTooltipStyle0 = guxTooltipCss;
@@ -151,10 +151,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '7d02f962f0c1e6680f323e53a80fbde0478f0183', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '15128aa284d01c613ba6a5f15a9ce734b0405127', class: {
+        return (index.h(index.Host, { key: 'a6427e7be7b769afe4924745bfe06e7c59518a72', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'bc2e234754c28b4856470a3b752f7492aa741b7b', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '5f55fd8a879824f593c9158e2a514e5c5886036b', name: "content" }, index.h("slot", { key: '5ab1a334caa02d7a5654fa1a704692f4d00911ec' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '927a8c25ac7c299f92cec7d5c8bbca3575746fc5', name: "content" }, index.h("slot", { key: '8785e8b670146ae383de40326a928d2524858b3f' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -224,12 +224,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'a7f4868a7e7989c507d0a2c42a0311fc2a6e7ad6', class: {
+        return (index.h("div", { key: '9c362e7a4a93bddfef009e847312109b3e4692a9', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: 'b857f95810409e1372894cf417faa27f416bf66a', class: {
+            } }, index.h("span", { key: '72b9752ed440f83583c97863f9211a7b231b862b', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '8a3f0028ff094d5ea266f4180d48d2ad2b4fee3b' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '0b6c71d887af2396928c609c0627369a8056c089' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{index-8f08a5ed.js → index-1337610f.js} RENAMED Viewed

@@ -24,7 +24,7 @@ const NAMESPACE = 'genesys-webcomponents';
 const BUILD = /* genesys-webcomponents */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 /*
- Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1055,17 +1055,30 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          const injectStyle = (
-            /**
-             * we render a scoped component
-             */
-            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
-             * we are using shadow dom and render the style tag within the shadowRoot
-             */
-            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
-          );
-          if (injectStyle) {
-            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
           }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
@@ -1158,7 +1171,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if (memberName === "list") {
               isProp = false;
             } else if (oldValue == null || elm[memberName] != n) {
-              elm[memberName] = n;
+              if (typeof elm.__lookupSetter__(memberName) === "function") {
+                elm[memberName] = n;
+              } else {
+                elm.setAttribute(memberName, n);
+              }
             }
           } else {
             elm[memberName] = newValue;
@@ -1947,23 +1964,23 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
   if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
-    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach(
-      (cbName) => Object.defineProperty(prototype, cbName, {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
         value(...args) {
           const hostRef = getHostRef(this);
           const instance = hostRef.$lazyInstance$ ;
           if (!instance) {
-            hostRef.$onReadyPromise$.then((instance2) => {
-              const cb = instance2[cbName];
-              typeof cb === "function" && cb.call(instance2, ...args);
+            hostRef.$onReadyPromise$.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
             });
           } else {
-            const cb = instance[cbName];
+            const cb = instance[cbName] ;
             typeof cb === "function" && cb.call(instance, ...args);
           }
         }
-      })
-    );
+      });
+    });
   }
   if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
     if (Cstr.watchers && !cmpMeta.$watchers$) {

package/dist/cjs/{index-c5d18923.js → index-c7d87150.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-8f08a5ed.js');
+const index = require('./index-1337610f.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 /******************************************************************************