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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const index$1 = require('./index-dee802be.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
@@ -1991,7 +1991,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/cjs/gux-popover-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.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/cjs/gux-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 require('./get-closest-element-26894e5a.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -31,7 +31,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/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const logError = require('./log-error-8a92241e.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -28,7 +28,7 @@ const GuxSpinnerState = ({ screenreaderText }) => {
   return (index.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/cjs/gux-rating.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const clamp = require('./clamp-a9926a57.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const logError = require('./log-error-8a92241e.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)}";
@@ -17,6 +17,7 @@ const GuxRating = class {
     this.maxValue = 5;
     this.disabled = false;
     this.readonly = false;
+    this.increment = 'default';
   }
   onClick(event) {
     event.stopPropagation();
@@ -34,7 +35,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) {
@@ -42,16 +51,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();
@@ -64,7 +72,9 @@ const GuxRating = class {
     }
   }
   updateRatingValue(newValue) {
-    const validatedNewValue = clamp.clamp(newValue, 0, Array.from(this.starContainer.children).length);
+    const clampedNewValue = clamp.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.simulateNativeEvent(this.root, 'input');

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

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

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.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/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 require('./get-closest-element-26894e5a.js');
 
 const navigationName = "Skip links navigation";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const getClosestElement = require('./get-closest-element-26894e5a.js');
 const onMutation = require('./on-mutation-ef917473.js');
 const en = require('./en-807a354e.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-251c82ed.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.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/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const index$1 = require('./index-dee802be.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const onResize = require('./on-resize-a136fc7f.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const getSlot = require('./get-slot-395a67ef.js');
 
 /**

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.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%;min-height:0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 require('./get-closest-element-26894e5a.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const index = require('./index-dee802be.js');
-const usage = require('./usage-47948825.js');
+const usage = require('./usage-a1c025c5.js');
 require('./get-closest-element-26894e5a.js');
 
 const am = "AM";