genesys-spark-components 4.0.0-beta.67 → 4.0.0-beta.69

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-39266f37.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-8c459589.js';
@@ -1987,7 +1987,7 @@ function getRegionObjects(locale, i18n, phoneUtil) {
   return regionObjects;
 }
 
-const guxPhoneInputCss = ":host{display:block;color:#2e394c}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:32px;padding:4px 8px 4px 0;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#f6f7f9;background-image:none;border:1px solid var(--gse-ui-formControl-input-default-border-color);border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.target-container.gux-error{border-color:#ea0b0b}.target-container:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-region-select{min-width:70px;margin-right:5px}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-items:center;width:100%;height:30px;padding:6px 8px 6px 12px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;border-radius:4px}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-selected-option{display:grid;flex:1 1 auto;align-self:auto;order:0;overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-flag-icon-beta{position:relative;top:-3px}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;font-size:18px}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;color:#596373}.gux-field-button{background-color:#f6f7f9;border:none;outline:inherit}.gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;width:368px;margin:0;color:#2e394c}.gux-option-content{display:grid;grid-template-columns:36px 1fr 40px;width:100%;height:25px;line-height:25px}.gux-option-content .gux-country-code{text-align:right}.gux-option-content gux-icon{position:relative;font-size:18px}";
+const guxPhoneInputCss = ":host{display:block;color:#2e394c}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:32px;padding:4px 8px 4px 0;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:1px solid var(--gse-ui-formControl-input-default-border-color);border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.target-container.gux-error{border-color:#ea0b0b}.target-container:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-region-select{min-width:70px;margin-right:5px}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-items:center;width:100%;height:30px;padding:6px 8px 6px 12px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;border-radius:4px}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-selected-option{display:grid;flex:1 1 auto;align-self:auto;order:0;overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-flag-icon-beta{position:relative;top:-3px}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;font-size:18px}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;color:#596373}.gux-field-button{background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:inherit}.gux-field-button:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-listbox-container{box-sizing:border-box;width:368px;margin:0;color:#2e394c}.gux-option-content{display:grid;grid-template-columns:36px 1fr 40px;width:100%;height:25px;line-height:25px}.gux-option-content .gux-country-code{text-align:right}.gux-option-content gux-icon{position:relative;font-size:18px}";
 
 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;

package/dist/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-393a5c50.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { f as findElementById } from './find-element-by-id-a3c82a2d.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import './get-closest-element-66f63212.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -27,7 +27,7 @@ const modalComponentResources = {
 	loading: loading
 };
 
-const guxRadialLoadingCss = "@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}7.5%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}20%{stroke-dasharray:1 72.8274273594;transform:rotate(90deg)}30%{stroke-dasharray:36.9137136797;transform:rotate(180deg)}40%{stroke-dasharray:36.9137136797}50%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}57.5%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}70%{stroke-dasharray:36.9137136797;transform:rotate(540deg)}80%{stroke-dasharray:36.9137136797;transform:rotate(630deg)}90%{stroke-dasharray:36.9137136797}100%{stroke-dasharray:1 72.8274273594;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:var(--gse-ui-progressAndLoading-spinner-large);height:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:3}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{width:var(--gse-ui-progressAndLoading-spinner-small);height:var(--gse-ui-progressAndLoading-spinner-small)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";
+const guxRadialLoadingCss = "@keyframes largeSpin{0%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}7.5%{stroke-dasharray:1 68.115038379;transform:rotate(0deg)}20%{stroke-dasharray:1 68.115038379;transform:rotate(90deg)}30%{stroke-dasharray:34.5575191895;transform:rotate(180deg)}40%{stroke-dasharray:34.5575191895}50%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}57.5%{stroke-dasharray:1 68.115038379;transform:rotate(450deg)}70%{stroke-dasharray:34.5575191895;transform:rotate(540deg)}80%{stroke-dasharray:34.5575191895;transform:rotate(630deg)}90%{stroke-dasharray:34.5575191895}100%{stroke-dasharray:1 68.115038379;transform:rotate(900deg)}}@keyframes smallSpin{0%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}7.5%{stroke-dasharray:1 20.9911485751;transform:rotate(0deg)}20%{stroke-dasharray:1 20.9911485751;transform:rotate(90deg)}30%{stroke-dasharray:10.9955742876;transform:rotate(180deg)}40%{stroke-dasharray:10.9955742876}50%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}57.5%{stroke-dasharray:1 20.9911485751;transform:rotate(450deg)}70%{stroke-dasharray:10.9955742876;transform:rotate(540deg)}80%{stroke-dasharray:10.9955742876;transform:rotate(630deg)}90%{stroke-dasharray:10.9955742876}100%{stroke-dasharray:1 20.9911485751;transform:rotate(900deg)}}@keyframes largeThinSpin{0%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}7.5%{stroke-dasharray:1 72.8274273594;transform:rotate(0deg)}20%{stroke-dasharray:1 72.8274273594;transform:rotate(90deg)}30%{stroke-dasharray:36.9137136797;transform:rotate(180deg)}40%{stroke-dasharray:36.9137136797}50%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}57.5%{stroke-dasharray:1 72.8274273594;transform:rotate(450deg)}70%{stroke-dasharray:36.9137136797;transform:rotate(540deg)}80%{stroke-dasharray:36.9137136797;transform:rotate(630deg)}90%{stroke-dasharray:36.9137136797}100%{stroke-dasharray:1 72.8274273594;transform:rotate(900deg)}}:host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle,div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform-origin:50% 50%;animation-name:largeSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask{display:none;stroke:white;stroke-width:3}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar].gux-full-page .gux-svg-container .gux-dynamic-circle-mask{display:initial}div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle{display:none}div[role=progressbar].gux-input .gux-svg-container{width:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-small) * 1px)}div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:2;transform-origin:50% 50%;animation-name:smallSpin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite, infinite}div[role=progressbar].gux-input .gux-svg-container .gux-static-circle{stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:2}";
 
 const GuxRadialLoading = class {
   constructor(hostRef) {

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { a as logWarn } from './log-error-0b15023e.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -24,7 +24,7 @@ const GuxSpinnerState = ({ screenreaderText }) => {
   return (h("gux-radial-loading", { "screenreader-text": screenreaderText, context: "modal" }));
 };
 
-const guxRadialProgressCss = ":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:var(--gse-ui-progressAndLoading-spinner-large);height:var(--gse-ui-progressAndLoading-spinner-large)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";
+const guxRadialProgressCss = ":host{display:inline-block}div[role=progressbar] .gux-svg-container{display:block;width:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px);height:calc(var(--gse-ui-progressAndLoading-spinner-large) * 1px)}div[role=progressbar] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-foreground);stroke-width:4;transform:rotate(-90deg);transform-origin:50% 50%}div[role=progressbar] .gux-svg-container .gux-static-circle{fill:none;stroke:var(--gse-ui-progressAndLoading-spinner-base);stroke-width:4}div[role=progressbar] .gux-svg-container .gux-percentage{font-family:var(--gse-ui-progressAndLoading-spinner-text-fontFamily);font-size:var(--gse-ui-progressAndLoading-spinner-text-fontSize);font-weight:var(--gse-ui-progressAndLoading-spinner-text-fontWeight);line-height:var(--gse-ui-progressAndLoading-spinner-text-lineHeight);text-anchor:middle;fill:var(--gse-ui-progressAndLoading-textColor)}";
 
 const GuxRadialProgress = class {
   constructor(hostRef) {

package/dist/esm/gux-rating.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
 import { c as clamp } from './clamp-51db64df.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { a as logWarn } from './log-error-0b15023e.js';
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -13,6 +13,7 @@ const GuxRating = class {
     this.maxValue = 5;
     this.disabled = false;
     this.readonly = false;
+    this.increment = 'default';
   }
   onClick(event) {
     event.stopPropagation();
@@ -30,7 +31,15 @@ const GuxRating = class {
       this.updateRatingValue(0);
     }
     else if (clickedStarNominalValue !== Math.floor(this.value)) {
-      this.updateRatingValue(clickedStarNominalValue - 0.5);
+      if (this.increment === 'half') {
+        this.updateRatingValue(clickedStarNominalValue - 0.5);
+      }
+      else {
+        this.updateRatingValue(clickedStarNominalValue);
+      }
+    }
+    else {
+      this.updateRatingValue(clickedStarNominalValue);
     }
   }
   onKeyDown(event) {
@@ -38,16 +47,15 @@ const GuxRating = class {
     if (this.disabled || this.readonly) {
       return;
     }
+    const increment = this.increment === 'half' ? 0.5 : 1;
     switch (event.key) {
       case 'ArrowUp':
-      case 'ArrowLeft':
         event.preventDefault();
-        this.updateRatingValue(this.value - 0.5);
+        this.updateRatingValue(this.value + increment);
         break;
       case 'ArrowDown':
-      case 'ArrowRight':
         event.preventDefault();
-        this.updateRatingValue(this.value + 0.5);
+        this.updateRatingValue(this.value - increment);
         break;
       case 'End':
         event.preventDefault();
@@ -60,7 +68,9 @@ const GuxRating = class {
     }
   }
   updateRatingValue(newValue) {
-    const validatedNewValue = clamp(newValue, 0, Array.from(this.starContainer.children).length);
+    const clampedNewValue = clamp(newValue, 0, Array.from(this.starContainer.children).length);
+    const increment = this.increment === 'half' ? 0.5 : 1;
+    const validatedNewValue = Math.round(clampedNewValue / increment) * increment;
     if (this.value !== validatedNewValue) {
       this.value = validatedNewValue;
       simulateNativeEvent(this.root, 'input');

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.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/esm/gux-segmented-control-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

package/dist/esm/gux-simple-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 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 ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

package/dist/esm/gux-skip-navigation-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import './get-closest-element-66f63212.js';
 
 const navigationName = "Skip links navigation";

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { g as getClosestElement } from './get-closest-element-66f63212.js';
 import { o as onMutation } from './on-mutation-a2b7cdad.js';
 import { t as tableResources } from './en-1f9d79e6.js';

package/dist/esm/gux-switch-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/esm/gux-table-toolbar-action.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-45fad3db.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 

package/dist/esm/gux-table-toolbar-custom-action.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { g as getSlotTextContent } from './get-slot-text-content-189d6edf.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as readTask, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { O as OnResize } from './on-resize-e2132936.js';
 import { O as OnMutation } from './on-mutation-c570b3ed.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { g as getSlot } from './get-slot-55aade31.js';
 
 /**

package/dist/esm/gux-table.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-66f63212.js';
 

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

package/dist/esm/gux-tabs.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
-const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%}";
+const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 
 const GuxTabs = class {
   constructor(hostRef) {

package/dist/esm/gux-tag.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import './get-closest-element-66f63212.js';
 
 const tag = "tag with label: {label}";

package/dist/esm/gux-text-highlight.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/esm/gux-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-b9060a4c.js';
 import { g as getDesiredLocale } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';

package/dist/esm/gux-time-picker.entry.js

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-77fc0f25.js';
+import { t as trackComponent } from './usage-81a314e5.js';
 import './get-closest-element-66f63212.js';
 
 const am = "AM";
@@ -36,14 +36,15 @@ function getTimeDisplayValues(minuteInterval, clockType) {
   }, []);
 }
 function getLocaleClockType(root) {
-  const locale = getDesiredLocale(root);
+  const locale = getDesiredLocale(root).toLowerCase();
   const date = new Date('January 19, 1975 15:00:00 UTC+00:00');
   const time = new Intl.DateTimeFormat(locale, {
     timeStyle: 'short',
     timeZone: 'UTC'
   }).format(date);
-  // The localization team has requested that arabic uses the 24h clock.
-  if (locale.startsWith('ar')) {
+  // The localization team has requested that some locales be hardcoded to the 24h clock. https://inindca.atlassian.net/browse/LOCAL-9597
+  const localesSetTo24h = ['ar', 'ko', 'zh-cn', 'zh-tw'];
+  if (localesSetTo24h.some(localeSetTo24h => locale.startsWith(localeSetTo24h))) {
     return '24h';
   }
   return new RegExp('.*15.*').test(time) ? '24h' : '12h';