genesys-spark-components 4.26.1-beta.0 → 4.26.2

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

@@ -1,7 +1,7 @@
-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-96d4ad58.js';
-import './get-closest-element-66f63212.js';
+import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
+import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
+import { t as trackComponent } from './usage-7aef1a04.js';
+import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
 const translationResources = {
@@ -9,21 +9,22 @@ const translationResources = {
 };
 
 const guxSkipNavigationListCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit;position:absolute;inset:0}.gux-container nav{width:fit-content;margin:40px auto}.gux-container nav ul{padding:0;margin:0}";
+const GuxSkipNavigationListStyle0 = guxSkipNavigationListCss;
 
 const GuxSkipNavigationList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    trackComponent(this.root);
-    this.i18n = await buildI18nForComponent(this.root, translationResources);
-  }
-  render() {
-    return (h("div", { class: "gux-container" }, h("nav", { "aria-label": this.i18n('navigationName') }, h("ul", { role: "list" }, h("slot", null)))));
-  }
-  static get delegatesFocus() { return true; }
-  get root() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    render() {
+        return (h("div", { key: '9780c57e4f6d0cf5489fdff698efecca6abcafec', class: "gux-container" }, h("nav", { key: '0586fb6148c7670c1eda0b50074e4c7b0b464e88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '436188729818b4c0c56932c136f4a5cfd49a7ab4', role: "list" }, h("slot", { key: '6f3b6465899289f50b458a93903ac68dfc8f147b' })))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
 };
-GuxSkipNavigationList.style = guxSkipNavigationListCss;
+GuxSkipNavigationList.style = GuxSkipNavigationListStyle0;
 
 export { GuxSkipNavigationList as gux_skip_navigation_list };

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

@@ -1,119 +1,120 @@
-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-96d4ad58.js';
-import { g as getClosestElement } from './get-closest-element-66f63212.js';
-import { o as onMutation } from './on-mutation-a2b7cdad.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
+import { t as trackComponent } from './usage-7aef1a04.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
+import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 
 const guxSortControlCss = ".gux-container{position:absolute;inset:0;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;border-top:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;border-bottom:var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent}.gux-container:focus-within{border-bottom-color:var(--gse-ui-dataTableItems-header-selectedIndicatorColor)}.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:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin:0 var(--gse-ui-dataTableItems-header-gap);color:var(--gse-ui-dataTableItems-header-sort-foregroundColor)}.gux-container .gux-sort-button .gux-sort-icon.gux-left{float:left;margin-left:calc(2px + var(--gse-ui-dataTableItems-header-gap))}.gux-container .gux-resize-spacer{flex:0 1 auto;align-self:stretch;order:0;width:2px}";
+const GuxSortControlStyle0 = guxSortControlCss;
 
 const GuxSortControl = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.guxsortchanged = createEvent(this, "guxsortchanged", 7);
-    this.includeUnsorted = false;
-    this.headerContent = undefined;
-    this.active = false;
-    this.sort = 'none';
-    this.isLeftAlignIcon = false;
-  }
-  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();
-  }
-  disconnectedCallback() {
-    if (this.thObserver) {
-      this.thObserver.disconnect();
-    }
-  }
-  onClick() {
-    this.guxsortchanged.emit({
-      columnName: this.tableHeader.dataset.columnName,
-      sortDirection: this.getNextSort(this.sort)
-    });
-  }
-  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:
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.guxsortchanged = createEvent(this, "guxsortchanged", 7);
+        this.includeUnsorted = false;
+        this.headerContent = undefined;
         this.active = false;
         this.sort = 'none';
+        this.isLeftAlignIcon = false;
     }
-  }
-  getIconName(colSortDirection) {
-    switch (colSortDirection) {
-      case 'descending':
-        return 'arrow-solid-down';
-      case 'ascending':
-      default:
-        return 'arrow-solid-up';
+    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();
     }
-  }
-  getNextSort(colSortDirection) {
-    switch (colSortDirection) {
-      case 'none':
-        return 'ascending';
-      case 'ascending':
-        return 'descending';
-      case 'descending':
-      default: {
-        if (this.includeUnsorted) {
-          return 'none';
+    disconnectedCallback() {
+        if (this.thObserver) {
+            this.thObserver.disconnect();
         }
-        return 'ascending';
-      }
     }
-  }
-  getSRText(colSortDirection) {
-    switch (colSortDirection) {
-      case 'ascending':
-        return this.i18n('ascendingColumnSort', {
-          headerContent: this.headerContent
+    onClick() {
+        this.guxsortchanged.emit({
+            columnName: this.tableHeader.dataset.columnName,
+            sortDirection: this.getNextSort(this.sort)
         });
-      case 'descending': {
-        if (this.includeUnsorted) {
-          return this.i18n('descendingColumnSortIncludeUnsorted', {
-            headerContent: this.headerContent
-          });
+    }
+    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';
         }
-        return this.i18n('descendingColumnSort', {
-          headerContent: this.headerContent
-        });
-      }
-      default:
-        return this.i18n('noColumnSort', { headerContent: this.headerContent });
     }
-  }
-  render() {
-    return (h("div", { class: "gux-container" }, h("button", { class: {
-        'gux-sort-button': true,
-        'gux-active': this.active
-      }, type: "button", onClick: () => this.onClick(), "aria-label": 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); }
+    getIconName(colSortDirection) {
+        switch (colSortDirection) {
+            case 'descending':
+                return 'arrow-solid-down';
+            case 'ascending':
+            default:
+                return 'arrow-solid-up';
+        }
+    }
+    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("div", { key: '2c5efbeaa22ad8bcdbf55f95df7f6cdc3de00ea3', class: "gux-container" }, h("button", { key: 'b40a0049132a26d0f99c402a24b2d369442ce38e', class: {
+                'gux-sort-button': true,
+                'gux-active': this.active
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '37e9a502d3d2786def6fb9f7591ab01ffe151cc6', class: {
+                'gux-sort-icon': true,
+                'gux-left': this.isLeftAlignIcon
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f3fcdb92db0adf6bc5ff09a21f6f079dbf55824d', class: "gux-resize-spacer" })));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
 };
-GuxSortControl.style = guxSortControlCss;
+GuxSortControl.style = GuxSortControlStyle0;
 
 export { GuxSortControl as gux_sort_control };

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

@@ -1,156 +1,157 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-393a5c50.js';
-import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { m as menuNavigation, h as hideDelay } from './gux-menu.common-e59a1b12.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-8b93f9de.js';
+import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
+import { m as menuNavigation, h as hideDelay } from './gux-menu.common-b2a4d472.js';
 
 const guxSubmenuCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-submenu-button{all:unset;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-submenu-button:focus-within,:host .gux-submenu-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-submenu-button.gux-submenu-button-active{font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);color:var(--gse-ui-menu-option-shortcut-selected-foregroundColor);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host .gux-submenu-button .gux-submenu-button-text{flex:1 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-menu-option-gap);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}:host .gux-submenu-button .gux-submenu-open-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}:host .gux-submenu-wrapper{position:fixed;top:0;left:0;flex-direction:column;padding:var(--gse-ui-menu-padding);margin:0;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}:host .gux-submenu-wrapper.gux-shown{visibility:visible}";
+const GuxSubmenuStyle0 = guxSubmenuCss;
 
 const GuxSubmenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.label = undefined;
-    this.isShown = false;
-  }
-  /**
-   * Focus on the components button element
-   */
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async guxFocus() {
-    this.buttonElement.focus();
-  }
-  onKeydown(event) {
-    menuNavigation(event, this.root);
-    switch (event.key) {
-      case 'Enter':
-        event.stopPropagation();
-        this.hideDelayTimeout = afterNextRenderTimeout(() => {
-          this.focusOnSubmenu();
-        });
-        void this.guxFocus();
-        break;
-      case 'ArrowRight':
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = undefined;
+        this.isShown = false;
+    }
+    /**
+     * Focus on the components button element
+     */
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async guxFocus() {
+        this.buttonElement.focus();
+    }
+    onKeydown(event) {
+        menuNavigation(event, this.root);
+        switch (event.key) {
+            case 'Enter':
+                event.stopPropagation();
+                this.hideDelayTimeout = afterNextRenderTimeout(() => {
+                    this.focusOnSubmenu();
+                });
+                void this.guxFocus();
+                break;
+            case 'ArrowRight':
+                event.stopPropagation();
+                this.show();
+                this.hideDelayTimeout = afterNextRenderTimeout(() => {
+                    this.focusOnSubmenu();
+                });
+                break;
+            case 'ArrowLeft':
+            case 'Escape':
+                if (!(this.root === event.target)) {
+                    event.stopPropagation();
+                }
+                void this.guxFocus();
+                break;
+        }
+    }
+    // Using 'keyup' here because the native click handler behavior
+    // for buttons is triggered on keyup when using the space key
+    onKeyup(event) {
+        switch (event.key) {
+            case ' ':
+                this.hideDelayTimeout = afterNextRenderTimeout(() => {
+                    this.focusOnSubmenu();
+                });
+                void this.guxFocus();
+                break;
+        }
+    }
+    onmouseenter() {
+        this.show();
+    }
+    onMouseleave() {
+        this.hide();
+    }
+    onClick(event) {
+        if (event.target.nodeName === 'GUX-MENU-OPTION') {
+            this.hide();
+            return;
+        }
         event.stopPropagation();
+    }
+    onFocusin() {
         this.show();
-        this.hideDelayTimeout = afterNextRenderTimeout(() => {
-          this.focusOnSubmenu();
-        });
-        break;
-      case 'ArrowLeft':
-      case 'Escape':
-        if (!(this.root === event.target)) {
-          event.stopPropagation();
+    }
+    onFocusout() {
+        this.hide();
+    }
+    show() {
+        clearTimeout(this.hideDelayTimeout);
+        this.isShown = true;
+    }
+    hide() {
+        if (this.isShown) {
+            this.hideDelayTimeout = setTimeout(() => {
+                this.isShown = false;
+            }, hideDelay);
         }
-        void this.guxFocus();
-        break;
-    }
-  }
-  // Using 'keyup' here because the native click handler behavior
-  // for buttons is triggered on keyup when using the space key
-  onKeyup(event) {
-    switch (event.key) {
-      case ' ':
-        this.hideDelayTimeout = afterNextRenderTimeout(() => {
-          this.focusOnSubmenu();
-        });
-        void this.guxFocus();
-        break;
-    }
-  }
-  onmouseenter() {
-    this.show();
-  }
-  onMouseleave() {
-    this.hide();
-  }
-  onClick(event) {
-    if (event.target.nodeName === 'GUX-MENU-OPTION') {
-      this.hide();
-      return;
-    }
-    event.stopPropagation();
-  }
-  onFocusin() {
-    this.show();
-  }
-  onFocusout() {
-    this.hide();
-  }
-  show() {
-    clearTimeout(this.hideDelayTimeout);
-    this.isShown = true;
-  }
-  hide() {
-    if (this.isShown) {
-      this.hideDelayTimeout = setTimeout(() => {
-        this.isShown = false;
-      }, hideDelay);
-    }
-  }
-  runUpdatePosition() {
-    if (this.root.isConnected) {
-      this.cleanupUpdatePosition = autoUpdate(this.buttonElement, this.submenuElement, () => this.updatePosition(), {
-        ancestorScroll: true,
-        elementResize: true,
-        animationFrame: true,
-        ancestorResize: true
-      });
-    }
-    else {
-      this.disconnectedCallback();
-    }
-  }
-  updatePosition() {
-    if (this.submenuElement) {
-      void computePosition(this.buttonElement, this.submenuElement, {
-        placement: 'right-start',
-        strategy: 'fixed',
-        // gse-ui-flyoutMenu-parenting-gap
-        middleware: [offset(4)]
-      }).then(({ x, y }) => {
-        Object.assign(this.submenuElement.style, {
-          left: `${x}px`,
-          top: `${y - 8}px` //TODO https://inindca.atlassian.net/browse/COMUI-2480
-        });
-      });
-    }
-  }
-  focusOnSubmenu() {
-    if (this.submenuContentElement.contains(document.activeElement)) {
-      return;
-    }
-    const menuItems = Array.from(this.root.children);
-    const nextFocusableElement = menuItems[0];
-    void nextFocusableElement.guxFocus();
-  }
-  componentDidLoad() {
-    if (this.isShown) {
-      this.runUpdatePosition();
-    }
-  }
-  componentDidUpdate() {
-    if (this.isShown) {
-      this.runUpdatePosition();
-    }
-    else if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  disconnectedCallback() {
-    if (this.cleanupUpdatePosition) {
-      this.cleanupUpdatePosition();
-    }
-  }
-  render() {
-    return (h(Host, null, h("button", { type: "button", class: {
-        'gux-submenu-button': true,
-        'gux-submenu-button-active': this.isShown
-      }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { class: "gux-submenu-button-text" }, this.label), h("gux-icon", { class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { ref: el => (this.submenuElement = el), class: {
-        'gux-submenu-wrapper': true,
-        'gux-shown': this.isShown
-      } }, h("div", { role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", null)))));
-  }
-  get root() { return getElement(this); }
+    }
+    runUpdatePosition() {
+        if (this.root.isConnected) {
+            this.cleanupUpdatePosition = autoUpdate(this.buttonElement, this.submenuElement, () => this.updatePosition(), {
+                ancestorScroll: true,
+                elementResize: true,
+                animationFrame: true,
+                ancestorResize: true
+            });
+        }
+        else {
+            this.disconnectedCallback();
+        }
+    }
+    updatePosition() {
+        if (this.submenuElement) {
+            void computePosition(this.buttonElement, this.submenuElement, {
+                placement: 'right-start',
+                strategy: 'fixed',
+                // gse-ui-flyoutMenu-parenting-gap
+                middleware: [offset(4)]
+            }).then(({ x, y }) => {
+                Object.assign(this.submenuElement.style, {
+                    left: `${x}px`,
+                    top: `${y - 8}px` //TODO https://inindca.atlassian.net/browse/COMUI-2480
+                });
+            });
+        }
+    }
+    focusOnSubmenu() {
+        if (this.submenuContentElement.contains(document.activeElement)) {
+            return;
+        }
+        const menuItems = Array.from(this.root.children);
+        const nextFocusableElement = menuItems[0];
+        void nextFocusableElement.guxFocus();
+    }
+    componentDidLoad() {
+        if (this.isShown) {
+            this.runUpdatePosition();
+        }
+    }
+    componentDidUpdate() {
+        if (this.isShown) {
+            this.runUpdatePosition();
+        }
+        else if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    disconnectedCallback() {
+        if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    render() {
+        return (h(Host, { key: '8cb904ce38ceff40ceef005598c49e5c9989caeb' }, h("button", { key: '2f577f72340b4ce93aa09ce487ad43fad15a2d2e', type: "button", class: {
+                'gux-submenu-button': true,
+                'gux-submenu-button-active': this.isShown
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '729cfd90f407a8c16b0fc502f34e94bfd8199368', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '01e4239eaf3b659016346eca3949c3b70dab228f', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '32b7c50039254071194842e04e5d09f4a5e3858a', ref: el => (this.submenuElement = el), class: {
+                'gux-submenu-wrapper': true,
+                'gux-shown': this.isShown
+            } }, h("div", { key: 'f93a611f5caadd1c7a7fc15dd6261d252c51d35e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5b634eee31a7a74a75ea658cff474fd7f9fd3689' })))));
+    }
+    get root() { return getElement(this); }
 };
-GuxSubmenu.style = guxSubmenuCss;
+GuxSubmenu.style = GuxSubmenuStyle0;
 
 export { GuxSubmenu as gux_submenu };

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

@@ -1,23 +1,24 @@
-import { r as registerInstance, h, H as Host } from './index-39e65a0a.js';
+import { r as registerInstance, h, H as Host } from './index-da21b737.js';
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular);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:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item: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);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
+const GuxSwitchItemStyle0 = guxSwitchItemCss;
 
 const GuxSwitchItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.value = undefined;
-    this.selected = false;
-    this.disabled = false;
-  }
-  onClick(e) {
-    if (this.disabled) {
-      e.stopPropagation();
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.value = undefined;
+        this.selected = false;
+        this.disabled = false;
+    }
+    onClick(e) {
+        if (this.disabled) {
+            e.stopPropagation();
+        }
+    }
+    render() {
+        return (h(Host, { key: '9477760111cde092778f6a0ed990d61b271896d8', class: { 'gux-selected': this.selected } }, h("button", { key: 'ac3675451703016d360a5a797cb0e9949c598786', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8501fa4a7f55e711ff18f43f0791d2e9d6fbb2f6' }))));
     }
-  }
-  render() {
-    return (h(Host, { class: { 'gux-selected': this.selected } }, h("button", { type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", null))));
-  }
 };
-GuxSwitchItem.style = guxSwitchItemCss;
+GuxSwitchItem.style = GuxSwitchItemStyle0;
 
 export { GuxSwitchItem as gux_switch_item };