npm - genesys-spark-components - Versions diffs - 3.32.0 → 3.32.2 - Mend

genesys-spark-components 3.32.0 → 3.32.2

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const logError = require('./log-error-a57681bf.js');
 const iconNameMap = {

package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxListItemCss = ":host:focus .gux-list-item,:host:active .gux-list-item,:host:hover:not([disabled]) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host(:focus) .gux-list-item,:host(:active) .gux-list-item,:host(:hover:not([disabled])) .gux-list-item{color:#fdfdfd;background:#2a60c8}:host([disabled]) .gux-list-item{pointer-events:none;cursor:default;opacity:0.5}.gux-list-item{display:flex;height:max-content;padding:0 16px;line-height:32px;word-wrap:break-word;cursor:pointer}.gux-list-item .gux-text{width:100%}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const guxList_service = require('./gux-list.service-59f2b3e7.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";

package/dist/cjs/gux-listbox-multi.cjs.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-d394da79.js');
 const index$1 = require('./index-d4f3e61e.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 require('./get-closest-element-ab4b2eee.js');
 const noMatches = "No matches";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 /**
  * Below are the max-widths for the loading component.

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxModalCss = ":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";

package/dist/cjs/gux-month-calendar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const yearMonthValues = require('./year-month-values-080373aa.js');
+const afterNextRender = require('./after-next-render-1e8c15f5.js');
+const yearMonthValues = require('./year-month-values-f387f8d8.js');
 require('./get-closest-element-ab4b2eee.js');
 const changeYear = "Current year is {currentYear}, Click to change year to {changeYear}";
@@ -31,7 +32,7 @@ const GuxMonthCalendar = class {
     iSOYearMonth = iSOYearMonth || yearMonthValues.getCurrentISOYearMonth();
     const { year } = yearMonthValues.getYearMonthObject(iSOYearMonth);
     this.year = year;
-    yearMonthValues.afterRender(() => {
+    afterNextRender.afterNextRender(() => {
       const target = this.root.shadowRoot.querySelector(`gux-month-list-item[value="${iSOYearMonth}"]`);
       console.log({ target });
       if (target) {

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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
 const index$1 = require('./index-d4f3e61e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const yearMonthValues = require('./year-month-values-080373aa.js');
+const afterNextRender = require('./after-next-render-1e8c15f5.js');
+const yearMonthValues = require('./year-month-values-f387f8d8.js');
 require('./get-closest-element-ab4b2eee.js');
 const toggleCalendar = "Toggle month calendar view";
@@ -84,7 +85,7 @@ const GuxMonthPicker = class {
   toggleCalendar() {
     this.expanded = !this.expanded;
     if (this.expanded) {
-      yearMonthValues.afterRender(() => {
+      afterNextRender.afterNextRender(() => {
         void this.monthCalendarElement.guxFocus(this.value);
       });
     }
@@ -134,7 +135,7 @@ const GuxMonthPicker = class {
       case 'Enter':
         event.preventDefault();
         this.expanded = true;
-        yearMonthValues.afterRender(() => {
+        afterNextRender.afterNextRender(() => {
           void this.monthCalendarElement.guxFocus(this.value);
         });
         break;
@@ -149,7 +150,7 @@ const GuxMonthPicker = class {
       case ' ':
         event.preventDefault();
         this.expanded = true;
-        yearMonthValues.afterRender(() => {
+        afterNextRender.afterNextRender(() => {
           void this.monthCalendarElement.guxFocus(this.value);
         });
         break;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";

package/dist/cjs/gux-pagination-cursor.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxPaginationCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";

package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 function hasSlot(element, slotName) {
   return Boolean(element.querySelector(`[slot=${slotName}]`));

package/dist/cjs/gux-popover-list.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const popper = require('./popper-11d5f714.js');
 const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const popper = require('./popper-11d5f714.js');
 const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

package/dist/cjs/gux-radial-loading.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 require('./get-closest-element-ab4b2eee.js');
 const loading = "Loading";

package/dist/cjs/gux-radial-progress.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const logError = require('./log-error-a57681bf.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const clamp = require('./clamp-1bb96117.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const clamp = require('./clamp-1bb96117.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const logError = require('./log-error-a57681bf.js');
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";

package/dist/cjs/gux-side-panel-legacy.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxSidePanelCss = "gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";

package/dist/cjs/gux-skip-navigation-list-beta.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 require('./get-closest-element-ab4b2eee.js');
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const getClosestElement = require('./get-closest-element-ab4b2eee.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
 const en = require('./en-dc1f49b7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";

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

@@ -6,7 +6,7 @@ const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');

package/dist/cjs/gux-tabs-advanced.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";

package/dist/cjs/gux-tabs-legacy.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const sortable_esm = require('./sortable.esm-d03e1767.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const index$1 = require('./index-d4f3e61e.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxTabsCss = ".gux-tabs.gux-vertical{display:flex;height:100%}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const index$1 = require('./index-d4f3e61e.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 require('./get-closest-element-ab4b2eee.js');
 const tag = "tag with label: {label}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const search = require('./search-a2ed7f26.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const GuxTextHighlight = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const guxTextLabelCss = "gux-text-label-legacy .gux-label{margin-right:8px}gux-text-label-legacy .gux-text-label-container.gux-beside{display:flex;flex-direction:row;align-items:baseline}gux-text-label-legacy .gux-text-label-container.gux-beside .gux-labeled-component{flex:1 1 auto}.gux-text-label-dark-theme{color:#fdfdfd}.gux-dark-theme gux-text-label-legacy{color:#fdfdfd}gux-text-label-legacy.gux-dark-theme{color:#fdfdfd}.gux-text-label-light-theme{color:#2e394c}.gux-light-theme gux-text-label-legacy{color:#2e394c}gux-text-label-legacy.gux-light-theme{color:#2e394c}gux-text-label-legacy{color:#2e394c}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const DateTimeFormatter = require('./DateTimeFormatter-74125e8f.js');
 const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-a4138a99.js');
 const index = require('./index-d4f3e61e.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a4138a99.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 const popper = require('./popper-11d5f714.js');
 const guxTooltipCss = ":host{z-index:var(--gux-zindex-tooltip, 1);visibility:hidden !important;opacity:0}:host(.gux-show){visibility:visible !important;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;max-width:250px;padding:6px 12px;color:#2e394c;pointer-events:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$2 = require('./index-a4138a99.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const index$3 = require('./index-d4f3e61e.js');
-const usageTracking = require('./usage-tracking-188e7bcd.js');
+const usageTracking = require('./usage-tracking-220a375c.js');
 require('./get-closest-element-ab4b2eee.js');
 /*!

package/dist/cjs/{usage-tracking-188e7bcd.js → usage-tracking-220a375c.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const name = "genesys-spark-components";
-const version = "3.32.0";
+const version = "3.32.2";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/cjs/{year-month-values-080373aa.js → year-month-values-f387f8d8.js} RENAMED Viewed

@@ -1,9 +1,5 @@
 'use strict';
-function afterRender(callback) {
-  requestAnimationFrame(() => requestAnimationFrame(callback));
-}
 function getISOYearMonth(year, month) {
   return `${year}-${month}`;
 }
@@ -18,7 +14,6 @@ function getCurrentISOYearMonth() {
   return getISOYearMonth(year, month);
 }
-exports.afterRender = afterRender;
 exports.getCurrentISOYearMonth = getCurrentISOYearMonth;
 exports.getISOYearMonth = getISOYearMonth;
 exports.getYearMonthObject = getYearMonthObject;

package/dist/collection/components/beta/gux-announce/gux-announce.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { h, Host } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
+import { afterNextRender } from '../../../utils/dom/after-next-render';
 /**
  * @slot - element
  */
@@ -10,10 +11,8 @@ export class GuxAnnounce {
   // eslint-disable-next-line @typescript-eslint/require-await
   async guxAnnounce(text) {
     this.containerElement.innerText = '';
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        this.containerElement.innerText = text;
-      });
+    afterNextRender(() => {
+      this.containerElement.innerText = text;
     });
   }
   componentWillLoad() {

package/dist/collection/components/beta/gux-dropdown-multi/gux-dropdown-multi.js CHANGED Viewed

@@ -12,6 +12,7 @@ import { forceUpdate, h } from '@stencil/core';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { buildI18nForComponent } from '../../../i18n';
 import simulateNativeEvent from '../../../utils/dom/simulate-native-event';
+import { afterNextRender } from '../../../utils/dom/after-next-render';
 import { trackComponent } from '../../../usage-tracking';
 import translationResources from './i18n/en.json';
 import { getSearchOption } from '../../stable/gux-listbox/gux-listbox.service';
@@ -29,13 +30,11 @@ export class GuxDropdownMulti {
   }
   focusSelectedItemAfterRender(expanded) {
     if (expanded && this.listboxElement) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          this.listboxElement.focus();
-          if (this.filterable) {
-            this.filterElement.focus();
-          }
-        });
+      afterNextRender(() => {
+        this.listboxElement.focus();
+        if (this.filterable) {
+          this.filterElement.focus();
+        }
       });
     }
     if (!expanded) {

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from '@stencil/core';
 import { buildI18nForComponent, getDesiredLocale } from '../../../../i18n';
 import simulateNativeEvent from '../../../../utils/dom/simulate-native-event';
-import { afterRender } from '../../../../utils/dom/after-render';
+import { afterNextRender } from '../../../../utils/dom/after-next-render';
 import { getISOYearMonth, getCurrentISOYearMonth, getYearMonthObject } from '../../../../utils/date/year-month-values';
 import translationResources from './i18n/en.json';
 export class GuxMonthCalendar {
@@ -17,7 +17,7 @@ export class GuxMonthCalendar {
     iSOYearMonth = iSOYearMonth || getCurrentISOYearMonth();
     const { year } = getYearMonthObject(iSOYearMonth);
     this.year = year;
-    afterRender(() => {
+    afterNextRender(() => {
       const target = this.root.shadowRoot.querySelector(`gux-month-list-item[value="${iSOYearMonth}"]`);
       console.log({ target });
       if (target) {

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { trackComponent } from '../../../usage-tracking';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { buildI18nForComponent, getDesiredLocale } from '../../../i18n';
 import simulateNativeEvent from '../../../utils/dom/simulate-native-event';
-import { afterRender } from '../../../utils/dom/after-render';
+import { afterNextRender } from '../../../utils/dom/after-next-render';
 import { getCurrentISOYearMonth, getISOYearMonth, getYearMonthObject } from '../../../utils/date/year-month-values';
 import translationResources from './i18n/en.json';
 const DateTimeFormats = { year: 'numeric', month: 'long' };
@@ -67,7 +67,7 @@ export class GuxMonthPicker {
   toggleCalendar() {
     this.expanded = !this.expanded;
     if (this.expanded) {
-      afterRender(() => {
+      afterNextRender(() => {
         void this.monthCalendarElement.guxFocus(this.value);
       });
     }
@@ -117,7 +117,7 @@ export class GuxMonthPicker {
       case 'Enter':
         event.preventDefault();
         this.expanded = true;
-        afterRender(() => {
+        afterNextRender(() => {
           void this.monthCalendarElement.guxFocus(this.value);
         });
         break;
@@ -132,7 +132,7 @@ export class GuxMonthPicker {
       case ' ':
         event.preventDefault();
         this.expanded = true;
-        afterRender(() => {
+        afterNextRender(() => {
           void this.monthCalendarElement.guxFocus(this.value);
         });
         break;

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

@@ -14,6 +14,7 @@ import { buildI18nForComponent } from '../../../i18n';
 import simulateNativeEvent from '../../../utils/dom/simulate-native-event';
 import { calculateInputDisabledState } from '../../../utils/dom/calculate-input-disabled-state';
 import { onInputDisabledStateChange } from '../../../utils/dom/on-input-disabled-state-change';
+import { afterNextRender } from '../../../utils/dom/after-next-render';
 import { trackComponent } from '../../../usage-tracking';
 import translationResources from './i18n/en.json';
 import { getSearchOption } from '../gux-listbox/gux-listbox.service';
@@ -31,13 +32,11 @@ export class GuxDropdown {
   }
   focusSelectedItemAfterRender(expanded) {
     if (expanded && this.listboxElement) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          this.listboxElement.focus();
-          if (this.filterable) {
-            this.filterElement.focus();
-          }
-        });
+      afterNextRender(() => {
+        this.listboxElement.focus();
+        if (this.filterable) {
+          this.filterElement.focus();
+        }
       });
     }
     if (!expanded) {

package/dist/collection/utils/dom/{after-render.js → after-next-render.js} RENAMED Viewed

@@ -1,3 +1,3 @@
-export function afterRender(callback) {
+export function afterNextRender(callback) {
   requestAnimationFrame(() => requestAnimationFrame(callback));
 }