genesys-spark-components 3.14.1 → 3.14.2

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-1d0c1a02.js';
-import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4bfd6534.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
+import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4ad30790.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-1d0c1a02.js';
-import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4bfd6534.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
+import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4ad30790.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-1d0c1a02.js';
-import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4bfd6534.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
+import { h as hasErrorSlot, c as clearInput, G as GuxFormFieldError, a as hasContent, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4ad30790.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { O as OnMutation } from './on-mutation-1c2ba0a6.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { O as OnMutation } from './on-mutation-2e96b1b9.js';
 import { o as onDisabledChange, a as onRequiredChange } from './on-attribute-change-2b01c315.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-1d0c1a02.js';
-import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4bfd6534.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-label-ac49a8be.js';
+import { h as hasErrorSlot, G as GuxFormFieldError, v as validateFormIds, g as getComputedLabelPosition } from './gux-form-field.service-4ad30790.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-b1a1a086.js';
 import './set-input-value-5adeaccc.js';

package/dist/esm/{gux-form-field.service-4bfd6534.js → gux-form-field.service-4ad30790.js}

@@ -1,4 +1,4 @@
-import { h } from './index-d8b1bc53.js';
+import { h } from './index-76794476.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';

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

@@ -1,5 +1,5 @@
-import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const iconNameMap = {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import { s as setInputValue } from './set-input-value-5adeaccc.js';
 import { o as onDisabledChange } from './on-attribute-change-2b01c315.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-list-divider-legacy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-d8b1bc53.js';
+import { r as registerInstance, h } from './index-76794476.js';
 
 const guxListDividerCss = ":host{position:relative;display:flex;height:32px;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;background-color:#c8cfda}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host } from './index-76794476.js';
 
 const guxListDividerCss = ":host{position:relative;display:flex;width:100%;height:1px;padding:0;margin:16px 0;line-height:32px;pointer-events:none;cursor:pointer;cursor:default;background-color:#c8cfda}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.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/esm/gux-list-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 
 const guxListItemCss = ":host{width:100%;outline:none}:host([disabled]){pointer-events:none}::slotted(gux-icon){width:16px;height:16px;margin-right:8px;vertical-align:middle}button{all:unset;box-sizing:border-box;width:100%;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer;border:none;outline:none}button:focus:not(:disabled){color:#fdfdfd;background:#2a60c8}button:hover:not(:disabled){color:#fdfdfd;background:#2754ac}button:active:not(:disabled){color:#fdfdfd;background:#23478f}button:disabled{color:rgba(46, 57, 76, 0.5);cursor:default}";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const validFocusableItems = ['gux-list-item'];
 function getRootChildren(root) {

package/dist/esm/gux-listbox-multi.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
 import { s as setInitialActiveOption, c as clearActiveOptions, a as setLastOptionActive, b as setFirstOptionActive, h as hasPreviousOption, d as setPreviousOptionActive, e as hasNextOption, f as setNextOptionActive, i as actOnActiveOption, j as goToOption, o as onClickedOption } from './gux-listbox.service-3541a2f7.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import './get-closest-element-1597503c.js';
 
 const noMatches = "No matches";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, d as readTask, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, d as readTask, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 /**
  * Below are the max-widths for the loading component.

package/dist/esm/gux-menu-option.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
 import { a as menuNavigation } from './gux-menu.common-60ab04e4.js';
 
 const guxMenuOptionCss = "gux-menu-option{display:block;flex:1 1 auto;align-self:auto}gux-menu-option .gux-menu-option-button{all:unset;width:100%;width:125px;height:32px;padding:0 16px;line-height:32px;color:#2e394c;background-color:#fdfdfd}gux-menu-option .gux-menu-option-button:focus-within,gux-menu-option .gux-menu-option-button:hover{color:#fdfdfd;background-color:#2a60c8}gux-menu-option .gux-menu-option-button:enabled{cursor:pointer}gux-menu-option .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host } from './index-76794476.js';
 
 const guxMenuCss = "gux-menu{flex-direction:column;width:fit-content;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-menu .gux-arrow,gux-menu .gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}gux-menu .gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxModalCss = ":host .gux-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index: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/esm/gux-notification-toast.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0}.gux-content .gux-title{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;font-size:14px;line-height:20px;color:#2e394c;text-overflow:ellipsis}.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:24px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, H as Host } from './index-d8b1bc53.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-76794476.js';
 
 const guxOptionCss = "gux-option-legacy gux-text-highlight mark{font-weight:700;color:inherit;background-color:inherit}";
 

package/dist/esm/gux-option-multi.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 
 const guxOptionMultiCss = "gux-option-multi{box-sizing:border-box;display:flex;min-height:32px;padding:6px 12px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option-multi .gux-option::before{position:relative;top:2px;display:inline-block;width:13px;height:13px;margin-right:7px;content:'';background-color:white;background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='%23596373' /%3E%3C/svg%3E\");border-radius:30%}gux-option-multi.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option-multi.gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M4 1H11C11.7956 1 12.5587 1.31607 13.1213 1.87868C13.6839 2.44129 14 3.20435 14 4V11C14 11.7956 13.6839 12.5587 13.1213 13.1213C12.5587 13.6839 11.7956 14 11 14H4C3.20435 14 2.44129 13.6839 1.87868 13.1213C1.31607 12.5587 1 11.7956 1 11V4C1 3.20435 1.31607 2.44129 1.87868 1.87868C2.44129 1.31607 3.20435 1 4 1ZM5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active,gux-option-multi.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option-multi.gux-active.gux-selected .gux-option::before,gux-option-multi.gux-hovered:not([disabled]).gux-selected .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M5.57018 10.4198C5.7051 10.5547 5.87599 10.6177 6.04689 10.6177C6.22678 10.6177 6.39767 10.5457 6.52359 10.4198L11.7944 5.14905C12.0552 4.88821 12.0552 4.45647 11.7944 4.19563C11.5335 3.93479 11.1018 3.93479 10.841 4.19563L6.04689 8.9897L4.14905 7.08286C3.88821 6.82202 3.45647 6.82202 3.19563 7.08286C2.93479 7.3437 2.93479 7.77544 3.19563 8.03628L5.57018 10.4198Z' fill='%232a60c8' /%3E%3C/svg%3E\")}gux-option-multi.gux-active:not(.gux-selected) .gux-option::before,gux-option-multi.gux-hovered:not([disabled]):not(.gux-selected) .gux-option::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' viewBox='1 1 13 13'%3E%3Cpath d='M11 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V11C2.5 11.8284 3.17157 12.5 4 12.5H11C11.8284 12.5 12.5 11.8284 12.5 11V4C12.5 3.17157 11.8284 2.5 11 2.5ZM4 1C2.34315 1 1 2.34315 1 4V11C1 12.6569 2.34315 14 4 14H11C12.6569 14 14 12.6569 14 11V4C14 2.34315 12.6569 1 11 1H4Z' fill='none' /%3E%3C/svg%3E\")}gux-option-multi.gux-filtered{display:none}";

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:24px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/esm/gux-pagination-buttons-beta_3.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import './get-closest-element-1597503c.js';
 
 const page = "Page";

package/dist/esm/gux-pagination-buttons_3.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import './get-closest-element-1597503c.js';
 
 const page = "Page";

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import './get-closest-element-1597503c.js';
 
 const previous = "Previous";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxPaginationCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

package/dist/esm/gux-panel-frame-legacy.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 function hasSlot(element, slotName) {
   return Boolean(element.querySelector(`[slot=${slotName}]`));

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-d8b1bc53.js';
-import { O as OnClickOutside } from './on-click-outside-9635bd3e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import { c as createPopper } from './popper-93ecb064.js';
 
 const guxPopoverListCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:8px 0;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { O as OnClickOutside } from './on-click-outside-9635bd3e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { O as OnClickOutside } from './on-click-outside-ce30de20.js';
 import { b as onHiddenChange } from './on-attribute-change-2b01c315.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import { c as createPopper } from './popper-93ecb064.js';
 
 const guxPopoverCss = ":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-d8b1bc53.js';
+import { r as registerInstance, h } from './index-76794476.js';
 import { c as createPopper } from './popper-93ecb064.js';
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{z-index:1;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import './get-closest-element-1597503c.js';
 
 const loading = "Loading";

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

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { h, r as registerInstance, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import { l as logError } from './log-error-b1a1a086.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { c as clamp } from './clamp-6bdb0367.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { c as clamp } from './clamp-6bdb0367.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 import { l as logError } from './log-error-b1a1a086.js';
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host:focus{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}.gux-rating-star-container{color:#2e394c}.gux-rating-star-container.gux-disabled{opacity:0.5}.gux-rating-star-container gux-icon{width:24px;height:24px}";

package/dist/esm/gux-row-select.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as tableResources } from './en-b5d2d35e.js';
+import { t as tableResources } from './en-66f138f8.js';
 import './get-closest-element-1597503c.js';
 
 const guxRowSelectCss = "gux-row-select .gux-label-text{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-side-panel-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-d8b1bc53.js';
+import { r as registerInstance, h } from './index-76794476.js';
 
 const guxSidePanelButtonCss = "gux-side-panel-button button{width:48px;height:48px;color:#2e394c;cursor:pointer;background-color:#fdfdfd;border:none;border-bottom:1px solid #e2e6ee}gux-side-panel-button button.selected{color:#fdfdfd;background-color:#2a60c8}gux-side-panel-button button:hover,gux-side-panel-button button:active,gux-side-panel-button button:focus{color:#2a60c8}gux-side-panel-button button:hover.selected,gux-side-panel-button button:active.selected,gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button button:focus{outline:none}gux-side-panel-button button i{font-size:24px}.gux-side-panel-button-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-side-panel-button-dark-theme button.selected{background-color:#2a60c8}.gux-side-panel-button-dark-theme button:hover,.gux-side-panel-button-dark-theme button:active,.gux-side-panel-button-dark-theme button:focus{color:#75a8ff}.gux-side-panel-button-dark-theme button:hover.selected,.gux-side-panel-button-dark-theme button:active.selected,.gux-side-panel-button-dark-theme button:focus.selected{color:#fdfdfd}.gux-dark-theme gux-side-panel-button button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}.gux-dark-theme gux-side-panel-button button.selected{background-color:#2a60c8}.gux-dark-theme gux-side-panel-button button:hover,.gux-dark-theme gux-side-panel-button button:active,.gux-dark-theme gux-side-panel-button button:focus{color:#75a8ff}.gux-dark-theme gux-side-panel-button button:hover.selected,.gux-dark-theme gux-side-panel-button button:active.selected,.gux-dark-theme gux-side-panel-button button:focus.selected{color:#fdfdfd}gux-side-panel-button.gux-dark-theme button{color:#fdfdfd;background-color:#2e394c;border-color:#202937}gux-side-panel-button.gux-dark-theme button.selected{background-color:#2a60c8}gux-side-panel-button.gux-dark-theme button:hover,gux-side-panel-button.gux-dark-theme button:active,gux-side-panel-button.gux-dark-theme button:focus{color:#75a8ff}gux-side-panel-button.gux-dark-theme button:hover.selected,gux-side-panel-button.gux-dark-theme button:active.selected,gux-side-panel-button.gux-dark-theme button:focus.selected{color:#fdfdfd}.gux-side-panel-button-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-button{color:#2e394c}gux-side-panel-button.gux-light-theme{color:#2e394c}gux-side-panel-button{color:#2e394c}";
 

package/dist/esm/gux-side-panel-legacy.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, h, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxSidePanelCss = "gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8b1bc53.js';
-import { t as trackComponent } from './usage-tracking-1d75dc95.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-76794476.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:286px;padding:8px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:6px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon gux-icon{width:12px;height:12px}.gux-message{flex:1 1 auto;align-self:auto;order:0;max-height:48px;margin:0 12px 0 8px;overflow:hidden;line-height:24px;text-overflow:ellipsis}";
 

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

@@ -1,38 +1,114 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
-import { b as buildI18nForComponent } from './index-b644eb47.js';
-import { t as tableResources } from './en-b5d2d35e.js';
-import './get-closest-element-1597503c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-76794476.js';
+import { b as buildI18nForComponent } from './index-017bdea1.js';
+import { t as trackComponent } from './usage-tracking-8e40702f.js';
+import { g as getClosestElement } from './get-closest-element-1597503c.js';
+import { o as onMutation } from './on-mutation-d500715c.js';
+import { t as tableResources } from './en-66f138f8.js';
 
-const guxSortControlCss = "button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline;width:100%;height:100%;padding:4px;margin:1px;font-size:100%;font-weight:bold;color:#2e394c;text-align:left;cursor:pointer;background:transparent;border:none;outline:none}button gux-icon{float:right;width:16px;height:16px;padding-right:8.5px}button:focus{border-bottom:3px solid #75a8ff}.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}";
+const guxSortControlCss = ".gux-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start;border-top:3px solid transparent;border-bottom:3px solid transparent}.gux-container:focus-within{border-bottom-color:#75a8ff}.gux-container .gux-sort-button{all:unset;flex:1 1 auto;align-self:stretch;order:0;cursor:pointer}.gux-container .gux-sort-button .gux-sort-icon{float:right;width:16px;height:16px;margin:8px;color:#d7dce5}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left}.gux-container .gux-sort-button.gux-active .gux-sort-icon{color:#2e394c}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}.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}";
 
 const GuxSortControl = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.guxsortchanged = createEvent(this, "guxsortchanged", 7);
+    this.includeUnsorted = false;
+    this.active = false;
+    this.sort = 'none';
+    this.isLeftAlignIcon = false;
   }
-  sortDirectionEvent(event) {
-    this.colSortDirection = event.detail.sortDirection;
-    this.colLabel = event.detail.columnName;
+  async componentWillLoad() {
+    trackComponent(this.root);
+    this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
+    this.tableHeader = getClosestElement('th', this.root);
+    this.thObserver = onMutation(this.tableHeader, () => {
+      this.setState();
+    }, {
+      attributes: true,
+      childList: false,
+      subtree: false
+    });
+    this.setState();
   }
-  renderSrText() {
-    return (h("div", { class: "gux-sr-only" }, this.i18n(this.getSrTextLocalisationKey(), {
-      colLabel: this.colLabel
-    })));
+  disconnectedCallback() {
+    this.thObserver.disconnect();
   }
-  getSrTextLocalisationKey() {
-    return `${this.colSortDirection}ColumnSort`;
+  onClick() {
+    this.guxsortchanged.emit({
+      columnName: this.tableHeader.dataset.columnName,
+      sortDirection: this.getNextSort(this.sort)
+    });
   }
-  async componentWillRender() {
-    this.i18n = await buildI18nForComponent(this.root, tableResources);
+  setState() {
+    this.headerContent = this.tableHeader.textContent;
+    this.isLeftAlignIcon =
+      this.tableHeader.hasAttribute('data-cell-numeric') ||
+        this.tableHeader.hasAttribute('data-cell-action');
+    const ariaSort = this.tableHeader.getAttribute('aria-sort');
+    switch (ariaSort) {
+      case 'ascending':
+      case 'descending':
+        this.active = true;
+        this.sort = ariaSort;
+        break;
+      default:
+        this.active = false;
+        this.sort = 'none';
+    }
   }
-  componentDidLoad() {
-    this.colLabel = this.root.closest('th').getAttribute('data-column-name');
-    this.colSortDirection = this.root.closest('th').getAttribute('aria-sort');
+  getIconName(colSortDirection) {
+    switch (colSortDirection) {
+      case 'descending':
+        return 'arrow-solid-up';
+      case 'ascending':
+      default:
+        return 'arrow-solid-down';
+    }
+  }
+  getNextSort(colSortDirection) {
+    switch (colSortDirection) {
+      case 'none':
+        return 'ascending';
+      case 'ascending':
+        return 'descending';
+      case 'descending':
+      default: {
+        if (this.includeUnsorted) {
+          return 'none';
+        }
+        return 'ascending';
+      }
+    }
+  }
+  getSRText(colSortDirection) {
+    switch (colSortDirection) {
+      case 'ascending':
+        return this.i18n('ascendingColumnSort', {
+          headerContent: this.headerContent
+        });
+      case 'descending': {
+        if (this.includeUnsorted) {
+          return this.i18n('descendingColumnSortIncludeUnsorted', {
+            headerContent: this.headerContent
+          });
+        }
+        return this.i18n('descendingColumnSort', {
+          headerContent: this.headerContent
+        });
+      }
+      default:
+        return this.i18n('noColumnSort', { headerContent: this.headerContent });
+    }
   }
   render() {
-    return (h(Host, null, h("button", { type: "button" }, h("gux-icon", { "icon-name": this.colSortDirection === 'ascending'
-        ? 'arrow-solid-down'
-        : 'arrow-solid-up', decorative: true }), this.renderSrText())));
+    return (h("div", { class: "gux-container" }, h("button", { class: {
+        'gux-sort-button': true,
+        'gux-active': this.active
+      }, type: "button", onClick: () => this.onClick() }, h("span", { class: "gux-sr-only" }, this.getSRText(this.sort)), h("gux-icon", { class: {
+        'gux-sort-icon': true,
+        'gux-left': this.isLeftAlignIcon
+      }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { class: "gux-resize-spacer" })));
   }
+  static get delegatesFocus() { return true; }
   get root() { return getElement(this); }
 };
 GuxSortControl.style = guxSortControlCss;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-76794476.js';
 import { a as menuNavigation, m as moveFocusDelay, h as hideDelay } from './gux-menu.common-60ab04e4.js';
 import { c as createPopper } from './popper-93ecb064.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-d8b1bc53.js';
+import { r as registerInstance, h, H as Host } from './index-76794476.js';
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";