genesys-spark-components 3.34.2 → 3.34.4

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.34.4](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.34.3...v3.34.4) (2022-10-06)
+
+### [3.34.3](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.34.2...v3.34.3) (2022-10-05)
+
+
+### Bug Fixes
+
+* **gux-table:** revert resizable columns to pixel width and scale on container resize ([fa51ead](https://github.com/MyPureCloud/genesys-webcomponents/commit/fa51ead17bcd3db53e3cfd1a3eef8119ffe59cf3))
+* **gux-table:** use percentage widths for resizable columns to alter behavior when resizing viewport ([b6ff30e](https://github.com/MyPureCloud/genesys-webcomponents/commit/b6ff30e9a4d596bcc93d9c6a4c0f2d081d559089))
+
 ### [3.34.2](https://github.com/MyPureCloud/genesys-webcomponents/compare/v3.34.1...v3.34.2) (2022-10-05)
 
 

package/dist/cjs/{DateTimeFormatter-642387ff.js → DateTimeFormatter-e4e20cfc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-6d7040d6.js');
+const index = require('./index-b0d0cf83.js');
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

package/dist/cjs/{after-next-render-1e8c15f5.js → after-next-render-a09f528a.js}

@@ -3,5 +3,9 @@
 function afterNextRender(callback) {
   requestAnimationFrame(() => requestAnimationFrame(callback));
 }
+function afterNextRenderTimeout(callback, delay = 100) {
+  return setTimeout(callback, delay);
+}
 
 exports.afterNextRender = afterNextRender;
+exports.afterNextRenderTimeout = afterNextRenderTimeout;

package/dist/cjs/genesys-webcomponents.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 
 /*
- Stencil Client Patch Browser v2.18.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('genesys-webcomponents.cjs.js', document.baseURI).href));

package/dist/cjs/gux-accordion-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 function getSectionByName(slotName, sections) {
   return sections.find(section => section.slotName === slotName);

package/dist/cjs/gux-accordion-section.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const logError = require('./log-error-a57681bf.js');
 

package/dist/cjs/gux-accordion.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/cjs/gux-action-button-legacy.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const onClickOutside = require('./on-click-outside-64dc5f14.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const onClickOutside = require('./on-click-outside-63ec9076.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const actionButtonDropdown = "Dropdown for {buttonTitle}";

package/dist/cjs/gux-action-button.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const onClickOutside = require('./on-click-outside-64dc5f14.js');
+const index = require('./index-ce5e725f.js');
+const onClickOutside = require('./on-click-outside-63ec9076.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
-const index$1 = require('./index-6d7040d6.js');
+const afterNextRender = require('./after-next-render-a09f528a.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const actionButtonDropdown = "Dropdown for {buttonTitle}";
@@ -32,7 +33,6 @@ const GuxActionButton = class {
     this.open = index.createEvent(this, "open", 7);
     this.close = index.createEvent(this, "close", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
-    this.moveFocusDelay = 100;
     /**
      * The component button type
      */
@@ -110,14 +110,14 @@ const GuxActionButton = class {
     }
   }
   focusPopupList() {
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       this.listElement.focus && this.listElement.focus();
-    }, this.moveFocusDelay);
+    });
   }
   focusFirstItemInPopupList() {
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       void this.listElement.guxFocusFirstItem();
-    }, this.moveFocusDelay);
+    });
   }
   onActionClick() {
     if (!this.disabled) {

package/dist/cjs/gux-action-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 
 const guxActionItemCss = ":host{outline:none}.gux-action-item{display:flex;width:100%;height:max-content;padding:0 16px;font-family:inherit;font-size:inherit;line-height:32px;text-align:left;word-wrap:break-word;cursor:pointer;background-color:inherit;border:none}.gux-action-item:focus-within:not([disabled]),.gux-action-item:active:not([disabled]),.gux-action-item:hover:not([disabled]){color:#fdfdfd;background:#2a60c8;outline:none}.gux-action-item .gux-text{width:100%}.gux-action-item.gux-disabled{pointer-events:none;cursor:default}";
 

package/dist/cjs/gux-action-list-divider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 
 const guxActionListDividerCss = ":host{position:relative;display:flex;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";
 

package/dist/cjs/gux-action-list-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxActionListCss = ".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";
 

package/dist/cjs/gux-action-toast.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/cjs/gux-advanced-dropdown.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
 const onMutation = require('./on-mutation-8f8a4460.js');
-const onClickOutside = require('./on-click-outside-64dc5f14.js');
+const onClickOutside = require('./on-click-outside-63ec9076.js');
+const afterNextRender = require('./after-next-render-a09f528a.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const searchAria = "Search";
@@ -191,7 +192,7 @@ const GuxAdvancedDropdown = class {
     }
   }
   changeFocusToSearch() {
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       this.searchInput.focus();
     });
   }

package/dist/cjs/gux-all-row-select.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const index$1 = require('./index-b0d0cf83.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const en = require('./en-dc1f49b7.js');
 require('./get-closest-element-ab4b2eee.js');

package/dist/cjs/gux-announce-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const afterNextRender = require('./after-next-render-1e8c15f5.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const afterNextRender = require('./after-next-render-a09f528a.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 

package/dist/cjs/gux-badge-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const neutral = "badge with label: {label}, color: neutral";

package/dist/cjs/gux-blank-state-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const onResize = require('./on-resize-b1f6a92b.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const onResize = require('./on-resize-827aa87c.js');
 
 /**
  * Below are the max-widths for the blank state component.

package/dist/cjs/gux-breadcrumb-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 const logError = require('./log-error-a57681bf.js');
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-breadcrumb-generation.gux-primary{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:24px}.gux-breadcrumb-generation .gux-breadcrumb-content{color:#2e394c}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link{color:#2a60c8;text-decoration:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover{text-decoration:underline}.gux-breadcrumb-generation .gux-breadcrumb-separator{margin:0 8px;color:#8a97ad}.gux-breadcrumb-generation gux-icon.gux-breadcrumb-separator{width:16px;height:16px;margin:0 4px}";

package/dist/cjs/gux-breadcrumbs.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const index$1 = require('./index-6d7040d6.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const index$1 = require('./index-b0d0cf83.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const breadcrumbs = "Breadcrumbs";

package/dist/cjs/gux-button-multi-legacy.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const onClickOutside = require('./on-click-outside-64dc5f14.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const onClickOutside = require('./on-click-outside-63ec9076.js');
 
 const guxButtonMultiCss = ":host{display:block;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button>*{vertical-align:middle}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}";
 

package/dist/cjs/gux-button-multi.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const onClickOutside = require('./on-click-outside-64dc5f14.js');
+const index = require('./index-ce5e725f.js');
+const onClickOutside = require('./on-click-outside-63ec9076.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
+const afterNextRender = require('./after-next-render-a09f528a.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxButtonMultiCss = ":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-button-multi-container .gux-dropdown-button button{display:inline-flex;align-items:center}.gux-button-multi-container .gux-dropdown-button button gux-icon{width:16px;height:16px;margin-left:8px}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";
 
@@ -24,7 +25,6 @@ const GuxButtonMulti = class {
     index.registerInstance(this, hostRef);
     this.open = index.createEvent(this, "open", 7);
     this.close = index.createEvent(this, "close", 7);
-    this.moveFocusDelay = 100;
     /**
      * Disables the action button.
      */
@@ -96,14 +96,14 @@ const GuxButtonMulti = class {
     }
   }
   focusPopupList() {
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       this.listElement.focus();
-    }, this.moveFocusDelay);
+    });
   }
   focusFirstItemInPopupList() {
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       void this.listElement.guxFocusFirstItem();
-    }, this.moveFocusDelay);
+    });
   }
   onListClick(event) {
     whenEventIsFrom.whenEventIsFrom('gux-list-item', event, () => {

package/dist/cjs/gux-button-slot-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const logError = require('./log-error-a57681bf.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;min-width:32px;pointer-events:none}::slotted(input[type='button']),::slotted(input[type='submit']),::slotted(button){width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}::slotted(input[type='button'][disabled]),::slotted(input[type='submit'][disabled]),::slotted(button[disabled]){color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}::slotted(input[type='button']:focus),::slotted(input[type='submit']:focus),::slotted(button:focus){outline:none}::slotted(input[type='button']:focus:enabled),::slotted(input[type='submit']:focus:enabled),::slotted(button:focus:enabled){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='button']:hover:enabled),::slotted(input[type='submit']:hover:enabled),::slotted(button:hover:enabled){background-color:#d7dce5}::slotted(input[type='button']:active:enabled),::slotted(input[type='submit']:active:enabled),::slotted(button:active:enabled){background-color:#c8cfda}:host([accent='primary']) ::slotted(input[type='button']),:host([accent='primary']) ::slotted(input[type='submit']),:host([accent='primary']) ::slotted(button){color:#fdfdfd;background-color:#2a60c8}:host([accent='primary']) ::slotted(input[type='button'][disabled]),:host([accent='primary']) ::slotted(input[type='submit'][disabled]),:host([accent='primary']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}:host([accent='primary']) ::slotted(input[type='button']:hover:enabled),:host([accent='primary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='primary']) ::slotted(button:hover:enabled){background-color:#2754ac}:host([accent='primary']) ::slotted(input[type='button']:active:enabled),:host([accent='primary']) ::slotted(input[type='submit']:active:enabled),:host([accent='primary']) ::slotted(button:active:enabled){background-color:#23478f}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button']),:host([accent='tertiary']) ::slotted(input[type='submit']),:host([accent='tertiary']) ::slotted(button){color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}:host([accent='tertiary']) ::slotted(input[type='button'][disabled]),:host([accent='tertiary']) ::slotted(input[type='submit'][disabled]),:host([accent='tertiary']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}:host([accent='tertiary']) ::slotted(input[type='button']:hover:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:hover:enabled),:host([accent='tertiary']) ::slotted(button:hover:enabled){color:#fdfdfd;background-color:#2754ac}:host([accent='tertiary']) ::slotted(input[type='button']:active:enabled),:host([accent='tertiary']) ::slotted(input[type='submit']:active:enabled),:host([accent='tertiary']) ::slotted(button:active:enabled){color:#fdfdfd;background-color:#23478f}:host([accent='ghost']) ::slotted(input[type='button']),:host([accent='ghost']) ::slotted(input[type='submit']),:host([accent='ghost']) ::slotted(button){color:#2a60c8;background:none;border:none}:host([accent='ghost']) ::slotted(input[type='button'][disabled]),:host([accent='ghost']) ::slotted(input[type='submit'][disabled]),:host([accent='ghost']) ::slotted(button[disabled]){color:rgba(42, 96, 200, 0.5)}:host([accent='ghost']) ::slotted(input[type='button']:hover:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:hover:enabled),:host([accent='ghost']) ::slotted(button:hover:enabled){color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}:host([accent='ghost']) ::slotted(input[type='button']:active:enabled),:host([accent='ghost']) ::slotted(input[type='submit']:active:enabled),:host([accent='ghost']) ::slotted(button:active:enabled){color:#2754ac;background-color:#deeaff}:host([accent='danger']) ::slotted(input[type='button']),:host([accent='danger']) ::slotted(input[type='submit']),:host([accent='danger']) ::slotted(button){color:#fdfdfd;background-color:#ea0b0b}:host([accent='danger']) ::slotted(input[type='button'][disabled]),:host([accent='danger']) ::slotted(input[type='submit'][disabled]),:host([accent='danger']) ::slotted(button[disabled]){color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}:host([accent='danger']) ::slotted(input[type='button']:hover:enabled),:host([accent='danger']) ::slotted(input[type='submit']:hover:enabled),:host([accent='danger']) ::slotted(button:hover:enabled){background-color:#cc0a0a}:host([accent='danger']) ::slotted(input[type='button']:active:enabled),:host([accent='danger']) ::slotted(input[type='submit']:active:enabled),:host([accent='danger']) ::slotted(button:active:enabled){background-color:#ad0808}";

package/dist/cjs/gux-button.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxButtonCss = ":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}button.gux-danger{color:#fdfdfd;background-color:#ea0b0b}button.gux-danger[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(234, 11, 11, 0.5)}button.gux-danger:hover:enabled{background-color:#cc0a0a}button.gux-danger:active:enabled{background-color:#ad0808}";
 

package/dist/cjs/gux-calendar.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const afterNextRender = require('./after-next-render-a09f528a.js');
 const isoDates = require('./iso-dates-f78ffb80.js');
-const index$1 = require('./index-6d7040d6.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 function addClassToElements(elements, className) {
@@ -91,7 +92,7 @@ const GuxCalendar = class {
     this.previewValue = new Date(this.previewValue.getFullYear(), this.previewValue.getMonth() + increment, 15, // Don't use the day from the old value, because we'll skip a month on the 31st
     0, 0, 0);
     // Wait for render before focusing preview date
-    setTimeout(() => {
+    afterNextRender.afterNextRenderTimeout(() => {
       void this.focusPreviewDate();
     });
   }
@@ -291,7 +292,7 @@ const GuxCalendar = class {
         event.preventDefault();
         this.previewValue = new Date(this.previewValue.setDate(this.previewValue.getDate() + 7));
         this.onDateMouseEnter(this.previewValue);
-        setTimeout(() => {
+        afterNextRender.afterNextRenderTimeout(() => {
           void this.focusPreviewDate();
         });
         break;
@@ -299,7 +300,7 @@ const GuxCalendar = class {
         event.preventDefault();
         this.previewValue = new Date(this.previewValue.setDate(this.previewValue.getDate() - 7));
         this.onDateMouseEnter(this.previewValue);
-        setTimeout(() => {
+        afterNextRender.afterNextRenderTimeout(() => {
           void this.focusPreviewDate();
         });
         break;
@@ -307,7 +308,7 @@ const GuxCalendar = class {
         event.preventDefault();
         this.previewValue = new Date(this.previewValue.setDate(this.previewValue.getDate() - 1));
         this.onDateMouseEnter(this.previewValue);
-        setTimeout(() => {
+        afterNextRender.afterNextRenderTimeout(() => {
           void this.focusPreviewDate();
         });
         break;
@@ -315,7 +316,7 @@ const GuxCalendar = class {
         event.preventDefault();
         this.previewValue = new Date(this.previewValue.setDate(this.previewValue.getDate() + 1));
         this.onDateMouseEnter(this.previewValue);
-        setTimeout(() => {
+        afterNextRender.afterNextRenderTimeout(() => {
           void this.focusPreviewDate();
         });
         break;

package/dist/cjs/gux-card-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 
 const guxCardCss = ":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";
 

package/dist/cjs/gux-chart-column-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-a57681bf.js');
 

package/dist/cjs/gux-chart-donut-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const logError = require('./log-error-a57681bf.js');
 const colorPalette = require('./color-palette-4339407d.js');
 

package/dist/cjs/gux-chart-line-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-a57681bf.js');
 

package/dist/cjs/gux-chart-pie-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const logError = require('./log-error-a57681bf.js');
 const colorPalette = require('./color-palette-4339407d.js');
 

package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 const colorPalette = require('./color-palette-4339407d.js');
 const logError = require('./log-error-a57681bf.js');
 

package/dist/cjs/gux-color-select_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 
 // Default color values
 const defaultColors = [

package/dist/cjs/gux-command-action.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 
 const GuxCommandAction = class {
   constructor(hostRef) {

package/dist/cjs/gux-command-palette-legacy.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
+const index = require('./index-ce5e725f.js');
 const search$1 = require('./search-a2ed7f26.js');
-const index$1 = require('./index-6d7040d6.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
+const index$1 = require('./index-b0d0cf83.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const recentSearch = "Recently Searched:";

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 require('./get-closest-element-ab4b2eee.js');
 

package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const clickToCopy = "Click to Copy";

package/dist/cjs/gux-date-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const DateTimeFormatter = require('./DateTimeFormatter-642387ff.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const DateTimeFormatter = require('./DateTimeFormatter-e4e20cfc.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const GuxDate = class {

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-90b0b930.js');
-const DateTimeFormatter = require('./DateTimeFormatter-642387ff.js');
-const index$1 = require('./index-6d7040d6.js');
+const index = require('./index-ce5e725f.js');
+const usageTracking = require('./usage-tracking-9f3cf4bf.js');
+const DateTimeFormatter = require('./DateTimeFormatter-e4e20cfc.js');
+const index$1 = require('./index-b0d0cf83.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const GuxDateTime = class {