genesys-spark-components 3.31.1 → 3.32.1

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
-const index$1 = require('./index-d06e1e14.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
+const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const dismiss = "Dismiss";

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

@@ -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 whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const onMutation = require('./on-mutation-74bf4591.js');
 
 const guxDropdownCss = "gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:var(--gux-zindex-popup, 1);display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";

package/dist/cjs/gux-dropdown-multi-beta.cjs.entry.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const afterNextRender = require('./after-next-render-1e8c15f5.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxListbox_service = require('./gux-listbox.service-d394da79.js');
 require('./get-closest-element-ab4b2eee.js');
 
@@ -45,13 +46,11 @@ const GuxDropdownMulti = class {
   }
   focusSelectedItemAfterRender(expanded) {
     if (expanded && this.listboxElement) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          this.listboxElement.focus();
-          if (this.filterable) {
-            this.filterElement.focus();
-          }
-        });
+      afterNextRender.afterNextRender(() => {
+        this.listboxElement.focus();
+        if (this.filterable) {
+          this.filterElement.focus();
+        }
       });
     }
     if (!expanded) {

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const clearSelection = "Clear {numberSelected} selected items";

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

@@ -4,10 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const afterNextRender = require('./after-next-render-1e8c15f5.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxListbox_service = require('./gux-listbox.service-d394da79.js');
 const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
@@ -46,13 +47,11 @@ const GuxDropdown = class {
   }
   focusSelectedItemAfterRender(expanded) {
     if (expanded && this.listboxElement) {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          this.listboxElement.focus();
-          if (this.filterable) {
-            this.filterElement.focus();
-          }
-        });
+      afterNextRender.afterNextRender(() => {
+        this.listboxElement.focus();
+        if (this.filterable) {
+          this.filterElement.focus();
+        }
       });
     }
     if (!expanded) {

package/dist/cjs/gux-error-message-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 
 const guxErrorMessageBetaCss = ".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxMenu_common = require('./gux-menu.common-6a6c2b85.js');
 const popper = require('./popper-11d5f714.js');
 

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-a4138a99.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
 const onMutation = require('./on-mutation-74bf4591.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-a4138a99.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
-const index$1 = require('./index-d06e1e14.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
+const index$1 = require('./index-d4f3e61e.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const clear = "Clear";

package/dist/cjs/gux-form-field-legacy.cjs.entry.js

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const logError = require('./log-error-a57681bf.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 
 const guxFormFieldCss = "gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";
 

package/dist/cjs/gux-form-field-number.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const setInputValue = require('./set-input-value-610d7da3.js');
 const simulateNativeEvent = require('./simulate-native-event-fe3e62da.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./get-closest-element-ab4b2eee.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-a4138a99.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66fb86b.js');
 const onMutation = require('./on-mutation-74bf4591.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -7,9 +7,9 @@ const onInputDisabledStateChange = require('./on-input-disabled-state-change-d66
 const onMutation = require('./on-mutation-74bf4591.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-d21b1a56.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const guxFormFieldLabel = require('./gux-form-field-label-cb1bc6c7.js');
-const guxFormField_service = require('./gux-form-field.service-efa61d04.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
 require('./random-html-id-b86b61c0.js');
 require('./log-error-a57681bf.js');
 require('./set-input-value-610d7da3.js');

package/dist/cjs/gux-form-field-time-picker.cjs.entry.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a4138a99.js');
+const index$1 = require('./index-d4f3e61e.js');
+const onMutation = require('./on-mutation-74bf4591.js');
+const onAttributeChange = require('./on-attribute-change-37556263.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
+const guxFormField_service = require('./gux-form-field.service-66dade5d.js');
+require('./get-closest-element-ab4b2eee.js');
+require('./random-html-id-b86b61c0.js');
+require('./log-error-a57681bf.js');
+require('./set-input-value-610d7da3.js');
+require('./simulate-native-event-fe3e62da.js');
+
+const GuxFormFieldFieldsetContainer = ({ labelPosition }, children) => {
+  return (index.h("fieldset", { class: {
+      'gux-form-field-fieldset-container': true,
+      [`gux-${labelPosition}`]: true
+    } }, children));
+};
+
+const GuxFormFieldLegendLabel = ({ position, required }, children) => {
+  return (index.h("legend", { class: {
+      'gux-form-field-legend-label': true,
+      [`gux-${position}`]: true,
+      'gux-required': required
+    } }, children));
+};
+
+const required = "Required";
+const componentResources = {
+	required: required
+};
+
+const guxFormFieldTimePickerCss = ".gux-form-field-fieldset-container{min-width:0;padding:0;margin:16px 0;border:none}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;line-height:16px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin-right:4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-legend-label{padding:0}.gux-form-field-legend-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-legend-label.gux-beside{position:relative;top:8px;float:left;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-legend-label.gux-above{margin-bottom:8px}.gux-form-field-legend-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}.gux-input-and-error-container{flex-grow:1}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxFormFieldTimePicker = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.computedLabelPosition = 'above';
+    this.hasError = false;
+  }
+  watchValue(hasError) {
+    const timePickerSlot = this.root.querySelector('gux-time-picker-beta');
+    if (timePickerSlot) {
+      timePickerSlot.hasError = hasError;
+    }
+  }
+  onMutation() {
+    this.hasError = guxFormField_service.hasErrorSlot(this.root);
+  }
+  async componentWillLoad() {
+    this.getI18nValue = await index$1.buildI18nForComponent(this.root, componentResources);
+    this.setInput();
+    this.setLabel();
+    this.hasError = guxFormField_service.hasErrorSlot(this.root);
+    usageTracking.trackComponent(this.root, { variant: this.variant });
+  }
+  disconnectedCallback() {
+    this.disabledObserver.disconnect();
+    this.requiredObserver.disconnect();
+  }
+  render() {
+    return (index.h(GuxFormFieldFieldsetContainer, { labelPosition: this.computedLabelPosition }, index.h(GuxFormFieldLegendLabel, { position: this.computedLabelPosition, required: this.required }, index.h("slot", { name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(guxFormField_service.getErrorSlotTextContent(this.root), this.hasError)), index.h("div", { class: "gux-input-and-error-container" }, index.h("div", { class: {
+        'gux-input': true,
+        'gux-input-error': this.hasError
+      } }, index.h("div", { class: {
+        'gux-time-picker-container': true,
+        'gux-disabled': this.disabled
+      } }, index.h("slot", null))), index.h(guxFormField_service.GuxFormFieldError, { hasError: this.hasError }, index.h("slot", { name: "error" })))));
+  }
+  renderScreenReaderText(text, condition = true) {
+    if (condition) {
+      return (index.h("gux-screen-reader-beta", null, text));
+    }
+  }
+  get variant() {
+    const labelPositionVariant = this.labelPosition
+      ? this.labelPosition.toLowerCase()
+      : 'none';
+    const type = 'timePicker';
+    return `${type}-${labelPositionVariant}`;
+  }
+  setInput() {
+    this.timePickerElement = this.root.querySelector('gux-time-picker-beta');
+    this.disabled = this.timePickerElement.disabled;
+    this.required = this.timePickerElement.required;
+    this.disabledObserver = onAttributeChange.onDisabledChange(this.timePickerElement, (disabled) => {
+      this.disabled = disabled;
+    });
+    this.requiredObserver = onAttributeChange.onRequiredChange(this.timePickerElement, (required) => {
+      this.required = required;
+    });
+    guxFormField_service.validateFormIds(this.root, this.timePickerElement);
+  }
+  setLabel() {
+    this.label = this.root.querySelector('label[slot="label"]');
+    this.computedLabelPosition = guxFormField_service.getComputedLabelPosition(this.label, this.labelPosition);
+  }
+  get root() { return index.getElement(this); }
+  static get watchers() { return {
+    "hasError": ["watchValue"]
+  }; }
+};
+__decorate([
+  onMutation.OnMutation({ childList: true, subtree: true })
+], GuxFormFieldTimePicker.prototype, "onMutation", null);
+GuxFormFieldTimePicker.style = guxFormFieldTimePickerCss;
+
+exports.gux_form_field_time_picker = GuxFormFieldTimePicker;

package/dist/cjs/{gux-form-field.service-efa61d04.js → gux-form-field.service-66dade5d.js}

@@ -20,6 +20,10 @@ function clearInput(input) {
 function hasErrorSlot(root) {
   return Boolean(root.querySelector('[slot="error"]'));
 }
+function getErrorSlotTextContent(root) {
+  var _a;
+  return (_a = root.querySelector('[slot="error"]')) === null || _a === void 0 ? void 0 : _a.textContent;
+}
 function hasContent(input) {
   return Boolean(input.value);
 }
@@ -97,6 +101,7 @@ function hasLabelSlot(root) {
 exports.GuxFormFieldError = GuxFormFieldError;
 exports.clearInput = clearInput;
 exports.getComputedLabelPosition = getComputedLabelPosition;
+exports.getErrorSlotTextContent = getErrorSlotTextContent;
 exports.hasContent = hasContent;
 exports.hasErrorSlot = hasErrorSlot;
 exports.setSlotAriaDescribedby = setSlotAriaDescribedby;

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

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

package/dist/cjs/gux-input-checkbox_7.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const randomHtmlId = require('./random-html-id-b86b61c0.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 const setInputValue = require('./set-input-value-610d7da3.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const setInputValue = require('./set-input-value-610d7da3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 require('./get-closest-element-ab4b2eee.js');

package/dist/cjs/gux-input-text-like.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.js');
+const index$1 = require('./index-d4f3e61e.js');
 const setInputValue = require('./set-input-value-610d7da3.js');
 const onAttributeChange = require('./on-attribute-change-37556263.js');
 require('./get-closest-element-ab4b2eee.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.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

@@ -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-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
 const guxListbox_service = require('./gux-listbox.service-d394da79.js');
-const index$1 = require('./index-d06e1e14.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-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 require('./get-closest-element-ab4b2eee.js');
 
 const noMatches = "No matches";

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const index$1 = require('./index-d06e1e14.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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.js');
 const onClickOutside = require('./on-click-outside-64dc5f14.js');
-const index$1 = require('./index-d06e1e14.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a4138a99.js');
-const usageTracking = require('./usage-tracking-3e54419a.js');
+const usageTracking = require('./usage-tracking-cc42034f.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}";