npm - genesys-spark-components - Versions diffs - 4.184.2 → 4.185.1 - Mend

genesys-spark-components 4.184.2 → 4.185.1

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 (603) hide show

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var index$1 = require('./index-B_c_3UUK.js');
-var usage = require('./usage--78Yz9Ds.js');
-var onMutation = require('./on-mutation-_rJ4v6zD.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var index$1 = require('./index-CssUuaXl.js');
+var usage = require('./usage-BLuTFhTH.js');
+var onMutation = require('./on-mutation-DjSoQmpv.js');
 require('./get-closest-element-CfyZl7i7.js');
 const tag = "tag with label: {label}";

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
 const conversion = /[ +]/g;
 const expressions = new Map();
@@ -45,6 +45,16 @@ function convertToRegex(word) {
     return new RegExp(newexp + '$', 'i');
 }
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;')
+        .replace(/\//g, '&#x2F;');
+}
 const guxTextHighlightCss = "span mark{background-color:var(--gse-ui-search-match-firstLevel-backgroundColor)}.gux-dimmed mark{background-color:var(--gse-ui-search-match-subsequentLevel-backgroundColor)}";
 const GuxTextHighlight = class {
@@ -94,24 +104,25 @@ const GuxTextHighlight = class {
                 .indexOf(this.highlight.toLowerCase());
             const before = html.remaining.substring(0, index);
             const highlight = html.remaining.substring(index, index + this.highlight.length);
-            html.highlighted += before + `<mark>${highlight}</mark>`;
+            html.highlighted +=
+                escapeHtml(before) + `<mark>${escapeHtml(highlight)}</mark>`;
             html.remaining = html.remaining.substring(index + highlight.length);
         }
-        return (index.h("span", { class: { 'gux-dimmed': this.dimmed }, innerHTML: html.highlighted + html.remaining }));
+        return (index.h("span", { class: { 'gux-dimmed': this.dimmed }, innerHTML: html.highlighted + escapeHtml(html.remaining) }));
     }
     renderFuzzy() {
         if (matchesFuzzy(this.highlight, this.text)) {
             const html = getFuzzyReplacements(this.highlight).reduce((acc, needle) => {
                 const { 0: highlight, index, input } = acc.remaining.match(needle);
                 const before = input.substring(0, index);
-                const highlighted = `${acc.highlighted + before}<mark>${highlight}</mark>`;
+                const highlighted = `${acc.highlighted + escapeHtml(before)}<mark>${escapeHtml(highlight)}</mark>`;
                 const remaining = input.substring(index + highlight.length);
                 return { highlighted, remaining };
             }, {
                 highlighted: '',
                 remaining: this.text
             });
-            return (index.h("span", { class: { 'gux-dimmed': this.dimmed }, innerHTML: html.highlighted + html.remaining }));
+            return (index.h("span", { class: { 'gux-dimmed': this.dimmed }, innerHTML: html.highlighted + escapeHtml(html.remaining) }));
         }
         return (index.h("span", { class: { 'gux-dimmed': this.dimmed } }, this.text));
     }

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
-var getValidTimezone = require('./get-valid-timezone-BgE4aIvc.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
+var getValidTimezone = require('./get-valid-timezone-DdXRWdiZ.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-B_c_3UUK.js');
+var index$1 = require('./index-CssUuaXl.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,11 +1,11 @@
 'use strict';
-var index$1 = require('./index-Vzha_UYA.js');
-var onClickOutside = require('./on-click-outside-4xyUl9_5.js');
+var index$1 = require('./index-Cn7TZ1ZE.js');
+var onClickOutside = require('./on-click-outside-Dj9hzKoL.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var index = require('./index-B_c_3UUK.js');
-var usage = require('./usage--78Yz9Ds.js');
+var index = require('./index-CssUuaXl.js');
+var usage = require('./usage-BLuTFhTH.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
-var index$1 = require('./index-B_c_3UUK.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
+var index$1 = require('./index-CssUuaXl.js');
 var timeZone = require('./time-zone-CHRu6N2v.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var index$1 = require('./index-B_c_3UUK.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var index$1 = require('./index-CssUuaXl.js');
 var timeZone = require('./time-zone-CHRu6N2v.js');
-var usage = require('./usage--78Yz9Ds.js');
+var usage = require('./usage-BLuTFhTH.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
+var index = require('./index-Cn7TZ1ZE.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}";

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-B_c_3UUK.js');
+var index$1 = require('./index-CssUuaXl.js');
 require('./get-closest-element-CfyZl7i7.js');
 const defaultAriaLabel = "Toggle Switch";

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
+var index = require('./index-Cn7TZ1ZE.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--78Yz9Ds.js');
+var usage = require('./usage-BLuTFhTH.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
@@ -55,8 +55,7 @@ const GuxTooltipBase = class {
         this.hide();
     }
     handlePointerMove(event) {
-        if (this.followMouse) {
-            event.preventDefault();
+        if (this.followMouse && this.isShown) {
             this.refElement = this.getRefElement(event.clientX, event.clientY);
             this.runUpdatePosition();
         }
@@ -177,10 +176,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '46dec28b06efb04aa05e5acc814b41e1d8d00616', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: 'fc6299d05fd07ffbcd64d309a371c86020ac4354', class: {
+        return (index.h(index.Host, { key: '8491a0175476cf1ec71b9319456a46bc74c7e4a0', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: '562e4472da69c1470fd5a51eea529364c61a99ef', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'f105857511644fb6d16bcd4f081f7f604cea6d29', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'b858cfb93cb24a434796abfec6220ae05e70895d', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
-var usage = require('./usage--78Yz9Ds.js');
+var index = require('./index-Cn7TZ1ZE.js');
+var usage = require('./usage-BLuTFhTH.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
+var index = require('./index-Cn7TZ1ZE.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var onMutation = require('./on-mutation-_rJ4v6zD.js');
-var onResize = require('./on-resize-DCaM-9aE.js');
+var onMutation = require('./on-mutation-DjSoQmpv.js');
+var onResize = require('./on-resize-CILpjTf-.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}";
@@ -51,7 +51,11 @@ const GuxTooltipTitle = class {
         }
     }
     onMutation() {
-        this.titleName = this.setTooltipTitleText();
+        const newTitleName = this.setTooltipTitleText();
+        if (this.titleName !== newTitleName) {
+            this.titleName = newTitleName;
+            index.forceUpdate(this.root);
+        }
         this.checkForTooltipHideOrShow();
     }
     onResize() {
@@ -126,16 +130,16 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: 'd4873d777aa9bb328b8797d06e2c86d3fdb2203c', class: {
+            index.h("span", { key: '45d900b0c55eca42b2c91169b4100a76bb80c6b2', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'e752cdf1ab93cfb81a9e21db910defc5ffb9715b' })),
+                } }, index.h("slot", { key: '95572da9354385012bf0f4cc3c02831ace9833ad' })),
             this.renderTooltip()
         ];
     }
     renderTooltip() {
         if (this.hasTooltip) {
-            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, index.h("div", { slot: "content" }, this.titleName)));
+            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, index.h("div", { slot: "content" }, this.setTooltipTitleText())));
         }
     }
     get root() { return index.getElement(this); }

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-Vzha_UYA.js');
+var index = require('./index-Cn7TZ1ZE.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--78Yz9Ds.js');
+var usage = require('./usage-BLuTFhTH.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var overflowDetection = require('./overflow-detection-CvGWQ4Dn.js');
-var onMutation = require('./on-mutation-_rJ4v6zD.js');
-var onResize = require('./on-resize-DCaM-9aE.js');
+var onMutation = require('./on-mutation-DjSoQmpv.js');
+var onResize = require('./on-resize-CILpjTf-.js');
 var getTextContentFromNodes = require('./get-text-content-from-nodes-oI5DVfp_.js');
 const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;inline-size:max-content;max-inline-size:var(--gse-ui-tooltip-maxWidth);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}}";