@carbon/web-components 2.57.0-rc.0 → 2.58.0-rc.0

package/es-custom/components/ui-shell/header-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-menu.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSHeaderMenuItem from './header-menu-item';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header menu.\n *\n * @element cds-custom-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass CDSHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('[part=\"trigger\"]')\n  protected _topMenuItem!: HTMLElement;\n\n  /**\n   * keeps track if header menu has any active submenus\n   */\n  private _hasActiveChildren = false;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._topMenuItem.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active', reflect: true })\n  isActive = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n    forEach(this.querySelectorAll(selectorItem), (elem) => {\n      if ((elem as CDSHeaderMenuItem).isActive === true) {\n        this._hasActiveChildren = true;\n      }\n    });\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      isActive,\n      triggerContent,\n      menuLabel,\n      _hasActiveChildren,\n      _handleClick: handleClick,\n    } = this;\n\n    const linkClasses = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-title`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive || (_hasActiveChildren && !expanded),\n    });\n\n    return html`\n      <a\n        part=\"trigger\"\n        role=\"button\"\n        tabindex=\"0\"\n        class=\"${linkClasses}\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(expanded)}\"\n        @click=${handleClick}>\n        ${triggerContent}${iconLoader(ChevronDown16, {\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAA,gBAAA,MACM,sBAAsB,kBAAkB,WAAW,WAAW,CAAC,CAAC;;;4BAUvC;kBAiDlB;kBAMA;wBAMM;;;;;CAxDjB,eAAuB;AACrB,OAAK,4BAA4B;;;;;CAMnC,sBAG8B,EAAE,OAAsB;AACpD,MAAI,QAAQ,SAAS,QAAQ,SAC3B,MAAK,2BAA2B,MAAM;;;;;;;CAS1C,2BAAmC,QAAQ,CAAC,KAAK,UAAU;AACzD,OAAK,WAAW;AAChB,MAAI,CAAC,MACH,MAAK,aAAa,OAAO;;;;;CAO7B,YAGoB,EAAE,iBAA6B;AACjD,MAAI,CAAC,KAAK,SAAS,cAAsB,CACvC,MAAK,WAAW;;CA4BpB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;EAEvC,MAAM,EAAE,iBAAiB,KAAK;AAC9B,UAAQ,KAAK,iBAAiB,aAAa,GAAG,SAAS;AACrD,OAAK,KAA2B,aAAa,KAC3C,MAAK,qBAAqB;IAE5B;AAEF,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,WAAW,EAAE;GACrC,MAAM,EAAE,iBAAiB,KAAK;GAC9B,MAAM,EAAE,aAAa;AACrB,WAAQ,KAAK,iBAAiB,aAAa,GAAG,SAAS;AACpD,SAAqB,WAAW,WAAW,IAAI;KAChD;;;CAIN,SAAS;EACP,MAAM,EACJ,UACA,UACA,gBACA,WACA,oBACA,cAAc,gBACZ;AASJ,SAAO,IAAI;;;;;iBAPS,SAAS;IAC1B,2BAAiC;IACjC,4BAAkC;IAClC,oCACC,YAAa,sBAAsB,CAAC;GACvC,CAAC,CAOuB;;;yBAGJ,OAAO,SAAS,CAAC;iBACzB,YAAY;UACnB,iBAAiB,WAAW,eAAe;GAC3C,MAAM;GACN,OAAO;GACR,CAAC,CAAC;;;;uBAIa;sBACF,UAAU,UAAU,CAAC;;;;;;;;CASzC,WAAW,eAAe;AACxB,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAvJf,MAAM,qBAAmB,CAAA,EAAA,cAAA,WAAA,gBAAA,KAAA,EAAA;YAkBzB,aAAa,UAAU,CAAA,EAAA,cAAA,WAAA,yBAAA,KAAA;YAwBvB,aAAa,WAAW,CAAA,EAAA,cAAA,WAAA,eAAA,KAAA;YAYxB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAMlE,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,cAAA,WAAA,kBAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;4BA7EvCC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA+JvC,IAAA,sBAAe"}
+{"version":3,"file":"header-menu.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSHeaderMenuItem from './header-menu-item';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header menu.\n *\n * @element cds-custom-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass CDSHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('[part=\"trigger\"]')\n  protected _topMenuItem!: HTMLElement;\n\n  /**\n   * keeps track if header menu has any active submenus\n   */\n  private _hasActiveChildren = false;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._topMenuItem.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active', reflect: true })\n  isActive = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n    forEach(this.querySelectorAll(selectorItem), (elem) => {\n      if ((elem as CDSHeaderMenuItem).isActive === true) {\n        this._hasActiveChildren = true;\n      }\n    });\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      isActive,\n      triggerContent,\n      menuLabel,\n      _hasActiveChildren,\n      _handleClick: handleClick,\n    } = this;\n\n    const linkClasses = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-title`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive || (_hasActiveChildren && !expanded),\n    });\n\n    return html`\n      <a\n        part=\"trigger\"\n        role=\"button\"\n        tabindex=\"0\"\n        class=\"${linkClasses}\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(expanded)}\"\n        @click=${handleClick}>\n        ${triggerContent}${iconLoader(ChevronDown16, {\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAA,gBAAA,MACM,sBAAsB,kBAAkB,WAAW,UAAU,CAAC,CAAC,CAAC;;;4BAUvC;kBAiDlB;kBAMA;wBAMM;;;;;CAxDjB,eAAuB;EACrB,KAAK,2BAA2B;CAClC;;;;CAKA,sBAG8B,EAAE,OAAsB;EACpD,IAAI,QAAQ,SAAS,QAAQ,UAC3B,KAAK,2BAA2B,KAAK;CAEzC;;;;;;CAOA,2BAAmC,QAAQ,CAAC,KAAK,UAAU;EACzD,KAAK,WAAW;EAChB,IAAI,CAAC,OACH,KAAK,aAAa,MAAM;CAE5B;;;;CAKA,YAGoB,EAAE,iBAA6B;EACjD,IAAI,CAAC,KAAK,SAAS,aAAqB,GACtC,KAAK,WAAW;CAEpB;CA0BA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,EAAE,iBAAiB,KAAK;EAC9B,QAAQ,KAAK,iBAAiB,YAAY,IAAI,SAAS;GACrD,IAAK,KAA2B,aAAa,MAC3C,KAAK,qBAAqB;EAE9B,CAAC;EAED,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,UAAU,GAAG;GACrC,MAAM,EAAE,iBAAiB,KAAK;GAC9B,MAAM,EAAE,aAAa;GACrB,QAAQ,KAAK,iBAAiB,YAAY,IAAI,SAAS;IACrD,KAAsB,WAAW,WAAW,IAAI;GAClD,CAAC;EACH;CACF;CAEA,SAAS;EACP,MAAM,EACJ,UACA,UACA,gBACA,WACA,oBACA,cAAc,gBACZ;EASJ,OAAO,IAAI;;;;;iBAPS,SAAS;IAC1B,2BAAiC;IACjC,4BAAkC;IAClC,oCACC,YAAa,sBAAsB,CAAC;EACxC,CAOuB,EAAE;;;yBAGJ,OAAO,QAAQ,EAAE;iBACzB,YAAY;UACnB,iBAAiB,WAAW,eAAe;GAC3C,MAAM;GACN,OAAO;EACT,CAAC,EAAE;;;;uBAIa;sBACF,UAAU,SAAS,EAAE;;;;CAIzC;;;;CAKA,WAAW,eAAe;EACxB,OAAO;CACT;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YAxJG,MAAM,oBAAkB,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAkBxB,aAAa,SAAS,CAAA,GAAA,cAAA,WAAA,yBAAA,IAAA;YAwBtB,aAAa,UAAU,CAAA,GAAA,cAAA,WAAA,eAAA,IAAA;YAYvB,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMjE,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,GAAA,cAAA,WAAA,kBAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;4BA7EtCC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA+JtC,IAAA,sBAAe"}

package/es-custom/components/ui-shell/header-name.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/ui-shell/header-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-name.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-name.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-custom-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<span><slot></slot></span\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderName;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,gBAAA,MACM,sBAAsB,WAAW,WAAW,CAAC;CAajD,SAAS;EACP,MAAM,EAAE,MAAM,QAAQ,eAAe;EACrC,MAAM,iBAAiB,CAAC,aACpB,KAAA,IACA,IAAI;6CACkC;eAC/B,WAAW;;;AAGtB,SAAO,IAAI;oCACsB,wBAAwB,UAAU,KAAK,CAAC;WAClE,eAAe;;;;;2BAKG;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA7Bf,UAAU,CAAA,EAAA,cAAA,WAAA,QAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,cAAA,WAAA,UAAA,KAAA,EAAA;4BAXZC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AAqCvC,IAAA,sBAAe"}
+{"version":3,"file":"header-name.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-name.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The product name UI in header nav.\n *\n * @element cds-custom-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass CDSHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\n\n  render() {\n    const { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<span><slot></slot></span\n      ></a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderName;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,gBAAA,MACM,sBAAsB,WAAW,UAAU,CAAC,CAAC;CAajD,SAAS;EACP,MAAM,EAAE,MAAM,QAAQ,eAAe;EACrC,MAAM,iBAAiB,CAAC,aACpB,KAAA,IACA,IAAI;6CACkC;eAC/B,WAAW;;;EAGtB,OAAO,IAAI;oCACsB,wBAAwB,UAAU,IAAI,EAAE;WAClE,eAAe;;;CAGxB;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YA9BG,SAAS,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,cAAA,WAAA,UAAA,KAAA,CAAA;4BAXXC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AAqCtC,IAAA,sBAAe"}

package/es-custom/components/ui-shell/header-nav-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/ui-shell/header-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-nav-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header nav item.\n *\n * @element cds-custom-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title, rel, target } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderNavItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,mBAAA,MACM,yBAAyB,WAAW,WAAW,CAAC;;;kBA6BzC;cAYJ;;CAEP,SAAS;EACP,MAAM,EAAE,aAAa,MAAM,UAAU,OAAO,KAAK,WAAW;AAO5D,SAAO,IAAI;;;iBANO,SAAS;IACxB,2BAAiC;IACjC,oCACC,YAAY,gBAAgB;GAC/B,CAAC,CAKqB;;gBAEX,UAAU,KAAK,CAAC;eACjB,UAAU,IAAI,CAAC;kBACZ,UAAU,OAAO,CAAC;0CACO;mBACxB,MAAM;;;;;;2BAMI;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAlEf,UAAU,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,OAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,UAAA,KAAA,EAAA;YAM3B,UAAU,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,CAAC,CAAA,EAAA,iBAAA,WAAA,YAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;YAMrD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BAzC7BC,cAAc,sBAA4B,CAAA,EAAA,iBAAA;AA0E3C,IAAA,0BAAe"}
+{"version":3,"file":"header-nav-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-nav-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Header nav item.\n *\n * @element cds-custom-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass CDSHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.\n   */\n  @property({ type: Boolean, attribute: 'is-active' })\n  isActive = false;\n\n  /**\n   * indicates that this element represents the current item\n   */\n  @property({ type: String, attribute: 'aria-current' })\n  ariaCurrent;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role = 'listitem';\n\n  render() {\n    const { ariaCurrent, href, isActive, title, rel, target } = this;\n    const linkClass = classMap({\n      [`${prefix}--header__menu-item`]: true,\n      [`${prefix}--header__menu-item--current`]:\n        isActive && ariaCurrent !== 'page',\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        class=\"${linkClass}\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSHeaderNavItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,mBAAA,MACM,yBAAyB,WAAW,UAAU,CAAC,CAAC;;;kBA6BzC;cAYJ;;CAEP,SAAS;EACP,MAAM,EAAE,aAAa,MAAM,UAAU,OAAO,KAAK,WAAW;EAO5D,OAAO,IAAI;;;iBANO,SAAS;IACxB,2BAAiC;IACjC,oCACC,YAAY,gBAAgB;EAChC,CAKqB,EAAE;;gBAEX,UAAU,IAAI,EAAE;eACjB,UAAU,GAAG,EAAE;kBACZ,UAAU,MAAM,EAAE;0CACO;mBACxB,MAAM;;;;CAIvB;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YAnEG,SAAS,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,OAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,UAAA,KAAA,CAAA;YAM1B,SAAS,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,WAAW;AAAY,CAAC,CAAA,GAAA,iBAAA,WAAA,YAAA,KAAA,CAAA;YAMlD,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;YAMpD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;+BAzC5BC,cAAc,qBAA2B,CAAA,GAAA,gBAAA;AA0E1C,IAAA,0BAAe"}

package/es-custom/components/ui-shell/header-nav.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/ui-shell/header-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-nav.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\n\n/**\n * Header.\n *\n * @element cds-custom-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeaderNav;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CAOpC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,aAAa;AAEzC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EAAE,iBAAiB;AACzB,SAAO,IAAI;yCAC2B;;;uBAGlB;sBACF,aAAa;;;;;;gBAMjBA;;;YAvBf,SAAS,EAAE,WAAW,kBAAkB,CAAC,CAAA,EAAA,aAAA,WAAA,gBAAA,KAAA,EAAA;2BAL3CC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AA+BtC,IAAA,qBAAe"}
+{"version":3,"file":"header-nav.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-nav.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\n\n/**\n * Header.\n *\n * @element cds-custom-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass CDSHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeaderNav;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CAOpC,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,YAAY;EAExC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,MAAM,EAAE,iBAAiB;EACzB,OAAO,IAAI;yCAC2B;;;uBAGlB;sBACF,aAAa;;;;CAIjC;;gBAEgBA;;AAClB;YAxBG,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,GAAA,aAAA,WAAA,gBAAA,KAAA,CAAA;2BAL1CC,cAAc,gBAAsB,CAAA,GAAA,YAAA;AA+BrC,IAAA,qBAAe"}

package/es-custom/components/ui-shell/header-panel.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/ui-shell/header-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-panel.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-panel.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Header panel\n *\n * @element cds-custom-header-panel\n */\n@customElement(`${prefix}-header-panel`)\nclass CDSHeaderPanel extends LitElement {\n  /**\n   * Specify whether the panel is expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSHeaderPanel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;CAOtC,SAAS;AACP,SAAO,IAAI;;;2BAGc;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAZf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;6BAL5CC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAoBxC,IAAA,uBAAe"}
+{"version":3,"file":"header-panel.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-panel.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Header panel\n *\n * @element cds-custom-header-panel\n */\n@customElement(`${prefix}-header-panel`)\nclass CDSHeaderPanel extends LitElement {\n  /**\n   * Specify whether the panel is expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded;\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSHeaderPanel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;CAOtC,SAAS;EACP,OAAO,IAAI;CACb;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBAEgBA;;AAClB;YAbG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;6BAL3CC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAoBvC,IAAA,uBAAe"}

package/es-custom/components/ui-shell/header-side-nav-items.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/ui-shell/header-side-nav-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-side-nav-items.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-side-nav-items.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss?lit';\n\n/**\n * Header Side Nav Items section\n *\n * @element cds-custom-header-side-nav-items\n */\n@customElement(`${prefix}-header-side-nav-items`)\nclass CDSHeaderSideNavItems extends LitElement {\n  /**\n   * Optionally specify if container will have a bottom divider to differentiate\n   * between original sidenav items and header menu items. False by default.\n   */\n  @property({ type: Boolean, attribute: 'has-divider' })\n  hasDivider = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeaderSideNavItems;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;oBAMhC;;CAEb,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAdf,SAAS;CAAE,MAAM;CAAS,WAAW;CAAe,CAAC,CAAA,EAAA,sBAAA,WAAA,cAAA,KAAA,EAAA;oCANvDC,cAAc,4BAAkC,CAAA,EAAA,sBAAA;AAuBjD,IAAA,gCAAe"}
+{"version":3,"file":"header-side-nav-items.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-side-nav-items.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './side-nav.scss?lit';\n\n/**\n * Header Side Nav Items section\n *\n * @element cds-custom-header-side-nav-items\n */\n@customElement(`${prefix}-header-side-nav-items`)\nclass CDSHeaderSideNavItems extends LitElement {\n  /**\n   * Optionally specify if container will have a bottom divider to differentiate\n   * between original sidenav items and header menu items. False by default.\n   */\n  @property({ type: Boolean, attribute: 'has-divider' })\n  hasDivider = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeaderSideNavItems;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,wBAAA,MACM,8BAA8B,WAAW;;;oBAMhC;;CAEb,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;YAfG,SAAS;CAAE,MAAM;CAAS,WAAW;AAAc,CAAC,CAAA,GAAA,sBAAA,WAAA,cAAA,KAAA,CAAA;oCANtDC,cAAc,2BAAiC,CAAA,GAAA,qBAAA;AAuBhD,IAAA,gCAAe"}

package/es-custom/components/ui-shell/header.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_default$1 from "./header.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/ui-shell/header.ts

package/es-custom/components/ui-shell/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\n\n/**\n * Header.\n *\n * @element cds-custom-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,YAAA,MACM,kBAAkB,WAAW;CACjC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,SAAS;AAErC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;wBAbjBC,cAAc,aAAmB,CAAA,EAAA,UAAA;AAgBlC,IAAA,iBAAe"}
+{"version":3,"file":"header.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\n\n/**\n * Header.\n *\n * @element cds-custom-header\n */\n@customElement(`${prefix}-header`)\nclass CDSHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'banner');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,YAAA,MACM,kBAAkB,WAAW;CACjC,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,QAAQ;EAEpC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;wBAdCC,cAAc,YAAkB,CAAA,GAAA,SAAA;AAgBjC,IAAA,iBAAe"}

package/es-custom/components/ui-shell/side-nav-divider.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement } from "lit";
 //#region src/components/ui-shell/side-nav-divider.ts

package/es-custom/components/ui-shell/side-nav-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-divider.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss?lit';\n\n/**\n * A divider in side nav.\n *\n * @element cds-custom-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNavDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CACzC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,YAAY;AAExC,QAAM,mBAAmB;;;gBAGXA;;;gCATjBC,cAAc,uBAA6B,CAAA,EAAA,kBAAA;AAY5C,IAAA,2BAAe"}
+{"version":3,"file":"side-nav-divider.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-divider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss?lit';\n\n/**\n * A divider in side nav.\n *\n * @element cds-custom-side-nav-divider\n */\n@customElement(`${prefix}-side-nav-divider`)\nclass CDSSideNavDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNavDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CACzC,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,WAAW;EAEvC,MAAM,kBAAkB;CAC1B;;gBAEgBA;;AAClB;gCAVCC,cAAc,sBAA4B,CAAA,GAAA,iBAAA;AAY3C,IAAA,2BAAe"}

package/es-custom/components/ui-shell/side-nav-items.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/ui-shell/side-nav-items.ts

package/es-custom/components/ui-shell/side-nav-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-items.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-items.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss?lit';\n\n/**\n * Side nav items.\n *\n * @element cds-custom-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNavItems;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;CACvC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;8BAbjBC,cAAc,qBAA2B,CAAA,EAAA,gBAAA;AAgB1C,IAAA,yBAAe"}
+{"version":3,"file":"side-nav-items.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-items.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './side-nav.scss?lit';\n\n/**\n * Side nav items.\n *\n * @element cds-custom-side-nav-items\n */\n@customElement(`${prefix}-side-nav-items`)\nclass CDSSideNavItems extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNavItems;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;CACvC,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;8BAdCC,cAAc,oBAA0B,CAAA,GAAA,eAAA;AAgBzC,IAAA,yBAAe"}

package/es-custom/components/ui-shell/side-nav-link.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/ui-shell/side-nav-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-link.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-link.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-custom-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n */\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    this._titleIconContainerNode?.toggleAttribute(\n      'hidden',\n      target.assignedNodes().length === 0\n    );\n  }\n\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const {\n      active,\n      href,\n      rel,\n      target,\n      title,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavLink;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,iBAAA,MACM,uBAAuB,WAAW,WAAW,CAAC;;;gBAqBzC;cAMF;eAkBC;;;;;CAnCR,2BAAmC,EAAE,UAAU;AAC7C,OAAK,yBAAyB,gBAC5B,UACA,OAAO,eAAe,CAAC,WAAW,EACnC;;CAuCH,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EACJ,QACA,MACA,KACA,QACA,OACA,4BAA4B,8BAC1B;AAKJ,SAAO,IAAI;;;iBAJK,SAAS;IACtB,wBAA8B;IAC9B,iCAAuC;GACzC,CAAC,CAImB;gBACT,KAAK;eACN,UAAU,IAAI,CAAC;kBACZ,UAAU,OAAO,CAAC;;;;;yBAKV;;;0BAGA,0BAA0B;;0CAET;kBACzB,MAAM;;;;;;2BAMK;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAhGf,MAAM,wBAAwB,CAAA,EAAA,eAAA,WAAA,2BAAA,KAAA,EAAA;YAgB9B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,eAAA,WAAA,OAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,eAAA,WAAA,UAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;6BAnDZC,cAAc,oBAA0B,CAAA,EAAA,eAAA;AAwGzC,IAAA,wBAAe"}
+{"version":3,"file":"side-nav-link.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-link.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-custom-side-nav-link\n * @slot link - The link.\n * @slot title - The title.\n * @slot title-icon-container - The title icon container.\n */\n@customElement(`${prefix}-side-nav-link`)\nclass CDSSideNavLink extends FocusMixin(LitElement) {\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    this._titleIconContainerNode?.toggleAttribute(\n      'hidden',\n      target.assignedNodes().length === 0\n    );\n  }\n\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The link type.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * The link target.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const {\n      active,\n      href,\n      rel,\n      target,\n      title,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        rel=\"${ifDefined(rel)}\"\n        target=\"${ifDefined(target)}\">\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavLink;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,iBAAA,MACM,uBAAuB,WAAW,UAAU,CAAC,CAAC;;;gBAqBzC;cAMF;eAkBC;;;;;CAnCR,2BAAmC,EAAE,UAAU;EAC7C,KAAK,yBAAyB,gBAC5B,UACA,OAAO,cAAc,CAAC,CAAC,WAAW,CACpC;CACF;CAsCA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,MAAM,EACJ,QACA,MACA,KACA,QACA,OACA,4BAA4B,8BAC1B;EAKJ,OAAO,IAAI;;;iBAJK,SAAS;IACtB,wBAA8B;IAC9B,iCAAuC;EAC1C,CAImB,EAAE;gBACT,KAAK;eACN,UAAU,GAAG,EAAE;kBACZ,UAAU,MAAM,EAAE;;;;;yBAKV;;;0BAGA,0BAA0B;;0CAET;kBACzB,MAAM;;;;CAItB;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YAjGG,MAAM,uBAAuB,CAAA,GAAA,eAAA,WAAA,2BAAA,KAAA,CAAA;YAgB7B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,UAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,eAAA,WAAA,OAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,eAAA,WAAA,UAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;6BAnDXC,cAAc,mBAAyB,CAAA,GAAA,cAAA;AAwGxC,IAAA,wBAAe"}

package/es-custom/components/ui-shell/side-nav-menu-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/ui-shell/side-nav-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-menu-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-custom-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Link `target`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('active') && this.active) {\n      const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n      const parent = this.closest(selectorMenu);\n      if (parent) {\n        (parent as CDSSideNavMenu).active = true;\n      }\n    }\n    return true;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { active, href, target, title } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  /**\n   * A selector that will return the parent menu.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,qBAAA,MACM,2BAA2B,WAAW,WAAW,CAAC;;;gBAK7C;cAMF;;CAcP,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,SAAS,IAAI,KAAK,QAAQ;GAClD,MAAM,EAAE,iBAAiB,KAAK;GAC9B,MAAM,SAAS,KAAK,QAAQ,aAAa;AACzC,OAAI,OACD,QAA0B,SAAS;;AAGxC,SAAO;;CAGT,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,SAAS;AAErC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EAAE,QAAQ,MAAM,QAAQ,UAAU;AAKxC,SAAO,IAAI;;;iBAJK,SAAS;IACtB,wBAA8B;IAC9B,iCAAuC;GACzC,CAAC,CAImB;gBACT,KAAK;kBACH,UAAU,OAAO,CAAC;0CACO;kBACzB,MAAM;;;;;;;;CAStB,WAAW,eAAe;AACxB,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YArEf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,mBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,mBAAA,WAAA,UAAA,KAAA,EAAA;YAM3B,UAAU,CAAA,EAAA,mBAAA,WAAA,SAAA,KAAA,EAAA;iCAvBZC,cAAc,yBAA+B,CAAA,EAAA,mBAAA;AA6E9C,IAAA,6BAAe"}
+{"version":3,"file":"side-nav-menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-menu-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu item.\n *\n * @element cds-custom-side-nav-menu-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-side-nav-menu-item`)\nclass CDSSideNavMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the menu item should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Link `target`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('active') && this.active) {\n      const { selectorMenu } = this.constructor as typeof CDSSideNavMenuItem;\n      const parent = this.closest(selectorMenu);\n      if (parent) {\n        (parent as CDSSideNavMenu).active = true;\n      }\n    }\n    return true;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { active, href, target, title } = this;\n    const classes = classMap({\n      [`${prefix}--side-nav__link`]: true,\n      [`${prefix}--side-nav__link--current`]: active,\n    });\n    return html`\n      <a\n        part=\"link\"\n        class=\"${classes}\"\n        href=\"${href}\"\n        target=\"${ifDefined(target)}\">\n        <span part=\"title\" class=\"${prefix}--side-nav__link-text\">\n          <slot>${title}</slot>\n        </span>\n      </a>\n    `;\n  }\n\n  /**\n   * A selector that will return the parent menu.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,qBAAA,MACM,2BAA2B,WAAW,UAAU,CAAC,CAAC;;;gBAK7C;cAMF;;CAcP,aAAa,mBAAmB;EAC9B,IAAI,kBAAkB,IAAI,QAAQ,KAAK,KAAK,QAAQ;GAClD,MAAM,EAAE,iBAAiB,KAAK;GAC9B,MAAM,SAAS,KAAK,QAAQ,YAAY;GACxC,IAAI,QACF,OAA2B,SAAS;EAExC;EACA,OAAO;CACT;CAEA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,QAAQ;EAEpC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,MAAM,EAAE,QAAQ,MAAM,QAAQ,UAAU;EAKxC,OAAO,IAAI;;;iBAJK,SAAS;IACtB,wBAA8B;IAC9B,iCAAuC;EAC1C,CAImB,EAAE;gBACT,KAAK;kBACH,UAAU,MAAM,EAAE;0CACO;kBACzB,MAAM;;;;CAItB;;;;CAKA,WAAW,eAAe;EACxB,OAAO;CACT;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YAtEG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,UAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,mBAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,UAAA,KAAA,CAAA;YAM1B,SAAS,CAAA,GAAA,mBAAA,WAAA,SAAA,KAAA,CAAA;iCAvBXC,cAAc,wBAA8B,CAAA,GAAA,kBAAA;AA6E7C,IAAA,6BAAe"}

package/es-custom/components/ui-shell/side-nav-menu.js

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import side_nav_default from "./side-nav.scss.js";

package/es-custom/components/ui-shell/side-nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-menu.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown20 from '@carbon/icons/es/chevron--down/20.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu.\n *\n * @element cds-custom-side-nav-menu\n * @fires cds-custom-side-nav-menu-beingtoggled\n *   The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires cds-custom-side-nav-menu-toggled\n *   The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n * @slot title-icon - The icon.\n * @csspart expando The expando.\n * @csspart expando-icon-container The expando icon container.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart title-icon-container The title icon container.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-side-nav-menu`)\nclass CDSSideNavMenu extends FocusMixin(LitElement) {\n  /**\n   * `true` if this menu has an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles user-initiated toggle request of this side nav menu.\n   *\n   * @param expanded The new expanded state.\n   */\n  private _handleUserInitiatedToggle(expanded = !this.expanded) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSSideNavMenu;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.expanded = expanded;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando(e: Event) {\n    const target = e.currentTarget as HTMLButtonElement;\n    target.focus();\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles `slotchange` event on the non-named `<slot>`.\n   */\n  private _handleSlotChange({ target }) {\n    const { _hasIcon: hasIcon } = this;\n    forEach(target.assignedNodes(), (item) => {\n      if (item.nodeType === Node.ELEMENT_NODE) {\n        item.toggleAttribute(\n          (this.constructor as typeof CDSSideNavMenu).attribItemHasIcon,\n          hasIcon\n        );\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    const constructor = this.constructor as typeof CDSSideNavMenu;\n    const hasIcon = target.assignedNodes().length > 0;\n    this._hasIcon = hasIcon;\n    this._titleIconContainerNode?.toggleAttribute('hidden', !hasIcon);\n    forEach(this.querySelectorAll(constructor.selectorItem), (item) => {\n      item.toggleAttribute(constructor.attribItemHasIcon, hasIcon);\n    });\n  }\n\n  /**\n   * `true` if the menu has active menu item.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Specify if this is a large variation of the side nav menu\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * `true` if the menu should be forced collapsed upon side nav's expanded state.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'force-collapsed' })\n  forceCollapsed = false;\n\n  /**\n   * The title text.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSSideNavMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      forceCollapsed,\n      title,\n      _handleClickExpando: handleClickExpando,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        part=\"expando\"\n        aria-haspopup=\"true\"\n        aria-expanded=\"${String(expanded && !forceCollapsed)}\"\n        class=\"${prefix}--side-nav__submenu\"\n        @click=${handleClickExpando}>\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__submenu-title\"\n          >${title}</span\n        >\n        <div\n          part=\"expando-icon-container\"\n          class=\"${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron\">\n          ${iconLoader(ChevronDown20, { part: 'expando-icon' })}\n        </div>\n      </button>\n      <ul part=\"menu-body\" class=\"${prefix}--side-nav__menu\">\n        <slot @slotchange=${handleSlotChange}></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * The attribute name of the menu items, that is set if this menu has an icon.\n   */\n  static attribItemHasIcon = 'parent-has-icon';\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-side-nav-menu-item`;\n  }\n\n  /**\n   * The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-side-nav-menu-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-side-nav-menu-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavMenu;\n"],"mappings":"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"}
+{"version":3,"file":"side-nav-menu.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown20 from '@carbon/icons/es/chevron--down/20.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Side nav menu.\n *\n * @element cds-custom-side-nav-menu\n * @fires cds-custom-side-nav-menu-beingtoggled\n *   The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n * @fires cds-custom-side-nav-menu-toggled\n *   The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n * @slot title-icon - The icon.\n * @csspart expando The expando.\n * @csspart expando-icon-container The expando icon container.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart title-icon-container The title icon container.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-side-nav-menu`)\nclass CDSSideNavMenu extends FocusMixin(LitElement) {\n  /**\n   * `true` if this menu has an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * The container for the title icon.\n   */\n  @query('#title-icon-container')\n  private _titleIconContainerNode!: HTMLDivElement;\n\n  /**\n   * Handles user-initiated toggle request of this side nav menu.\n   *\n   * @param expanded The new expanded state.\n   */\n  private _handleUserInitiatedToggle(expanded = !this.expanded) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSSideNavMenu;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.expanded = expanded;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando(e: Event) {\n    const target = e.currentTarget as HTMLButtonElement;\n    target.focus();\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles `slotchange` event on the non-named `<slot>`.\n   */\n  private _handleSlotChange({ target }) {\n    const { _hasIcon: hasIcon } = this;\n    forEach(target.assignedNodes(), (item) => {\n      if (item.nodeType === Node.ELEMENT_NODE) {\n        item.toggleAttribute(\n          (this.constructor as typeof CDSSideNavMenu).attribItemHasIcon,\n          hasIcon\n        );\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on the `<slot>` for the title icon.\n   */\n  private _handleSlotChangeTitleIcon({ target }) {\n    const constructor = this.constructor as typeof CDSSideNavMenu;\n    const hasIcon = target.assignedNodes().length > 0;\n    this._hasIcon = hasIcon;\n    this._titleIconContainerNode?.toggleAttribute('hidden', !hasIcon);\n    forEach(this.querySelectorAll(constructor.selectorItem), (item) => {\n      item.toggleAttribute(constructor.attribItemHasIcon, hasIcon);\n    });\n  }\n\n  /**\n   * `true` if the menu has active menu item.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Specify if this is a large variation of the side nav menu\n   */\n  @property({ type: Boolean, reflect: true })\n  large = false;\n\n  /**\n   * `true` if the menu should be forced collapsed upon side nav's expanded state.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'force-collapsed' })\n  forceCollapsed = false;\n\n  /**\n   * The title text.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof CDSSideNavMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      forceCollapsed,\n      title,\n      _handleClickExpando: handleClickExpando,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeTitleIcon: handleSlotChangeTitleIcon,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        part=\"expando\"\n        aria-haspopup=\"true\"\n        aria-expanded=\"${String(expanded && !forceCollapsed)}\"\n        class=\"${prefix}--side-nav__submenu\"\n        @click=${handleClickExpando}>\n        <div\n          id=\"title-icon-container\"\n          part=\"title-icon-container\"\n          hidden\n          class=\"${prefix}--side-nav__icon\">\n          <slot\n            name=\"title-icon\"\n            @slotchange=${handleSlotChangeTitleIcon}></slot>\n        </div>\n        <span part=\"title\" class=\"${prefix}--side-nav__submenu-title\"\n          >${title}</span\n        >\n        <div\n          part=\"expando-icon-container\"\n          class=\"${prefix}--side-nav__icon ${prefix}--side-nav__icon--small ${prefix}--side-nav__submenu-chevron\">\n          ${iconLoader(ChevronDown20, { part: 'expando-icon' })}\n        </div>\n      </button>\n      <ul part=\"menu-body\" class=\"${prefix}--side-nav__menu\">\n        <slot @slotchange=${handleSlotChange}></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * The attribute name of the menu items, that is set if this menu has an icon.\n   */\n  static attribItemHasIcon = 'parent-has-icon';\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-side-nav-menu-item`;\n  }\n\n  /**\n   * The name of the custom event fired before this side nav menu is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this side nav menu.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-side-nav-menu-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this side nav menu is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-side-nav-menu-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSideNavMenu;\n"],"mappings":"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"}

package/es-custom/components/ui-shell/side-nav.js

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from "./defs.js";

package/es-custom/components/ui-shell/side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-custom-side-nav\n * @fires cds-custom-header-menu-button-toggled\n *   The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n  /**\n   * `true` if this side nav is hovered.\n   */\n  private _hovered = false;\n\n  /**\n   * The handle for `transitionend` event listener.\n   */\n  private _hTransition: Handle | null = null;\n\n  /**\n   * Cleans the handle for `transitionend` event listener.\n   */\n  private _cleanHTransition() {\n    if (this._hTransition) {\n      this._hTransition = this._hTransition.release();\n    }\n  }\n\n  /**\n   * Handles `${prefix}-header-menu-button-toggle` event on the document.\n   */\n  @HostListener('parentRoot:eventButtonToggle')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleButtonToggle = async (event: CustomEvent) => {\n    this.expanded = event.detail.active;\n  };\n\n  /**\n   * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n   */\n  private _updatedSideNavMenuForceCollapsedState() {\n    const { expanded, _hovered: hovered } = this;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorMenu\n      ),\n      (item) => {\n        (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n      }\n    );\n  }\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` to expand the side nav.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * If `true` will style the side nav to sit below the header\n   */\n  @property({\n    type: Boolean,\n    attribute: 'is-not-child-of-header',\n  })\n  isNotChildOfHeader = false;\n\n  /**\n   * Specify if the side-nav will be persistent above the lg breakpoint\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n  isNotPersistent = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  disconnectedCallback() {\n    this._cleanHTransition();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const doc = this.getRootNode() as Document;\n    if (changedProperties.has('collapseMode')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n        }\n      );\n    }\n    if (changedProperties.has('expanded')) {\n      const headerItems = doc.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorHeaderItems\n      );\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).active = this.expanded;\n        }\n      );\n      if (this.expanded) {\n        forEach(headerItems, (item) => {\n          item.setAttribute('tabindex', '-1');\n        });\n      } else {\n        forEach(headerItems, (item) => {\n          item.removeAttribute('tabindex');\n        });\n      }\n    }\n\n    if (changedProperties.has('isNotChildOfHeader')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).isNotChildOfHeader =\n            this.isNotChildOfHeader;\n        }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('focusout')\n  // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut({ relatedTarget }: FocusEvent) {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      if (relatedTarget && !this.contains(relatedTarget as Node)) {\n        this.expanded = false;\n      }\n    }\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   *\n   */\n  @HostListener('focusin')\n  // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      this.expanded = true;\n    }\n  }\n\n  /**\n   * Handles the `mouseover` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOver() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = true;\n      this._hovered = true;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `mouseout` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOut() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = false;\n      this._hovered = false;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `click` event for the side nav overlay.\n   *\n   */\n  private _onOverlayClick() {\n    this.expanded = false;\n  }\n\n  render() {\n    const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n      this;\n    const classes = classMap({\n      [`${prefix}--side-nav__navigation`]: true,\n      [`${prefix}--side-nav`]: true,\n      [`${prefix}--side-nav--expanded`]: expanded,\n      [`${prefix}--side-nav--collapsed`]:\n        !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n      [`${prefix}--side-nav--rail`]:\n        collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n      [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n      [`${prefix}--side-nav--hidden`]: isNotPersistent,\n    });\n\n    const overlayClasses = classMap({\n      [`${prefix}--side-nav__overlay`]: true,\n      [`${prefix}--side-nav__overlay-active`]: expanded,\n    });\n    return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n        ? null\n        : html`<div\n            class=\"${overlayClasses}\"\n            @click=${this._onOverlayClick}></div>`}\n      <div\n        class=\"${classes}\"\n        @mouseover=\"${this._handleNavMouseOver}\"\n        @mouseout=\"${this._handleNavMouseOut}\">\n        <slot></slot>\n      </div>`;\n  }\n\n  /**\n   * A selector that will return the toggle buttons.\n   */\n  static get selectorButtonToggle() {\n    return `${prefix}-header-menu-button`;\n  }\n\n  /**\n   * A selector that will return the header name + global action elements.\n   */\n  static get selectorHeaderItems() {\n    return `${prefix}-header-name, ${prefix}-header-global-action`;\n  }\n\n  /**\n   * A selector that will return side nav focusable items.\n   */\n  static get selectorNavItems() {\n    return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n  }\n\n  /**\n   * A selector that will return side nav menus.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  /**\n   * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n   */\n  static get eventButtonToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNav;\n"],"mappings":"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"}
+{"version":3,"file":"side-nav.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/side-nav.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport Handle from '../../globals/internal/handle';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './defs';\nimport CDSHeaderMenuButton from './header-menu-button';\nimport CDSSideNavMenu from './side-nav-menu';\nimport styles from './side-nav.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE };\n\n/**\n * Side nav.\n *\n * @element cds-custom-side-nav\n * @fires cds-custom-header-menu-button-toggled\n *   The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n */\n@customElement(`${prefix}-side-nav`)\nclass CDSSideNav extends HostListenerMixin(LitElement) {\n  /**\n   * `true` if this side nav is hovered.\n   */\n  private _hovered = false;\n\n  /**\n   * The handle for `transitionend` event listener.\n   */\n  private _hTransition: Handle | null = null;\n\n  /**\n   * Cleans the handle for `transitionend` event listener.\n   */\n  private _cleanHTransition() {\n    if (this._hTransition) {\n      this._hTransition = this._hTransition.release();\n    }\n  }\n\n  /**\n   * Handles `${prefix}-header-menu-button-toggle` event on the document.\n   */\n  @HostListener('parentRoot:eventButtonToggle')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleButtonToggle = async (event: CustomEvent) => {\n    this.expanded = event.detail.active;\n  };\n\n  /**\n   * Force child side nav menus collapsed upon the hover/expanded state of this side nav.\n   */\n  private _updatedSideNavMenuForceCollapsedState() {\n    const { expanded, _hovered: hovered } = this;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorMenu\n      ),\n      (item) => {\n        (item as CDSSideNavMenu).forceCollapsed = !expanded && !hovered;\n      }\n    );\n  }\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` to expand the side nav.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * If `true` will style the side nav to sit below the header\n   */\n  @property({\n    type: Boolean,\n    attribute: 'is-not-child-of-header',\n  })\n  isNotChildOfHeader = false;\n\n  /**\n   * Specify if the side-nav will be persistent above the lg breakpoint\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-not-persistent' })\n  isNotPersistent = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  disconnectedCallback() {\n    this._cleanHTransition();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const doc = this.getRootNode() as Document;\n    if (changedProperties.has('collapseMode')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).collapseMode = this.collapseMode;\n        }\n      );\n    }\n    if (changedProperties.has('expanded')) {\n      const headerItems = doc.querySelectorAll(\n        (this.constructor as typeof CDSSideNav).selectorHeaderItems\n      );\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).active = this.expanded;\n        }\n      );\n      if (this.expanded) {\n        forEach(headerItems, (item) => {\n          item.setAttribute('tabindex', '-1');\n        });\n      } else {\n        forEach(headerItems, (item) => {\n          item.removeAttribute('tabindex');\n        });\n      }\n    }\n\n    if (changedProperties.has('isNotChildOfHeader')) {\n      forEach(\n        doc.querySelectorAll(\n          (this.constructor as typeof CDSSideNav).selectorButtonToggle\n        ),\n        (item) => {\n          (item as CDSHeaderMenuButton).isNotChildOfHeader =\n            this.isNotChildOfHeader;\n        }\n      );\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   * @param event.relatedTarget The event relatedTarget.\n   */\n  @HostListener('focusout')\n  // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut({ relatedTarget }: FocusEvent) {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      if (relatedTarget && !this.contains(relatedTarget as Node)) {\n        this.expanded = false;\n      }\n    }\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   *\n   */\n  @HostListener('focusin')\n  // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    const { collapseMode } = this;\n    if (collapseMode !== SIDE_NAV_COLLAPSE_MODE.FIXED) {\n      this.expanded = true;\n    }\n  }\n\n  /**\n   * Handles the `mouseover` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOver() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = true;\n      this._hovered = true;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `mouseout` event for the side nav in rail mode.\n   *\n   */\n  private _handleNavMouseOut() {\n    const { collapseMode } = this;\n    if (collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL) {\n      this.expanded = false;\n      this._hovered = false;\n      this._updatedSideNavMenuForceCollapsedState();\n    }\n  }\n\n  /**\n   * Handles the `click` event for the side nav overlay.\n   *\n   */\n  private _onOverlayClick() {\n    this.expanded = false;\n  }\n\n  render() {\n    const { collapseMode, expanded, isNotChildOfHeader, isNotPersistent } =\n      this;\n    const classes = classMap({\n      [`${prefix}--side-nav__navigation`]: true,\n      [`${prefix}--side-nav`]: true,\n      [`${prefix}--side-nav--expanded`]: expanded,\n      [`${prefix}--side-nav--collapsed`]:\n        !expanded && collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED,\n      [`${prefix}--side-nav--rail`]:\n        collapseMode === SIDE_NAV_COLLAPSE_MODE.RAIL,\n      [`${prefix}--side-nav--ux`]: !isNotChildOfHeader,\n      [`${prefix}--side-nav--hidden`]: isNotPersistent,\n    });\n\n    const overlayClasses = classMap({\n      [`${prefix}--side-nav__overlay`]: true,\n      [`${prefix}--side-nav__overlay-active`]: expanded,\n    });\n    return html`${this.collapseMode === SIDE_NAV_COLLAPSE_MODE.FIXED\n        ? null\n        : html`<div\n            class=\"${overlayClasses}\"\n            @click=${this._onOverlayClick}></div>`}\n      <div\n        class=\"${classes}\"\n        @mouseover=\"${this._handleNavMouseOver}\"\n        @mouseout=\"${this._handleNavMouseOut}\">\n        <slot></slot>\n      </div>`;\n  }\n\n  /**\n   * A selector that will return the toggle buttons.\n   */\n  static get selectorButtonToggle() {\n    return `${prefix}-header-menu-button`;\n  }\n\n  /**\n   * A selector that will return the header name + global action elements.\n   */\n  static get selectorHeaderItems() {\n    return `${prefix}-header-name, ${prefix}-header-global-action`;\n  }\n\n  /**\n   * A selector that will return side nav focusable items.\n   */\n  static get selectorNavItems() {\n    return `${prefix}-side-nav-menu, ${prefix}-side-nav-menu-item, ${prefix}-side-nav-link`;\n  }\n\n  /**\n   * A selector that will return side nav menus.\n   */\n  static get selectorMenu() {\n    return `${prefix}-side-nav-menu`;\n  }\n\n  /**\n   * The name of the custom event fired after the header menu button in the document is toggled upon a user gesture.\n   */\n  static get eventButtonToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSideNav;\n"],"mappings":"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"}

package/es-custom/components/ui-shell/switcher-divider.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement } from "lit";
 //#region src/components/ui-shell/switcher-divider.ts

package/es-custom/components/ui-shell/switcher-divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher-divider.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-custom-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;CAC1C,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,YAAY;AAExC,QAAM,mBAAmB;;;gBAGXA;;;iCATjBC,cAAc,uBAA6B,CAAA,EAAA,mBAAA;AAY5C,IAAA,2BAAe"}
+{"version":3,"file":"switcher-divider.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher-divider.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * A divider in switcher.\n *\n * @element cds-custom-switcher-divider\n */\n@customElement(`${prefix}-switcher-divider`)\nclass CDSSwitcherDivider extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'separator');\n    }\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSwitcherDivider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;CAC1C,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,WAAW;EAEvC,MAAM,kBAAkB;CAC1B;;gBAEgBA;;AAClB;iCAVCC,cAAc,sBAA4B,CAAA,GAAA,kBAAA;AAY3C,IAAA,2BAAe"}

package/es-custom/components/ui-shell/switcher-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/ui-shell/switcher-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\n\n/**\n * Switcher menu item.\n *\n * @element cds-custom-switcher-item\n */\n@customElement(`${prefix}-switcher-item`)\nclass CDSSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * Required props for accessibility label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Props for accessibility labelled by\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Number, reflect: true, attribute: 'tab-index' })\n  tabIndex = 0;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { href, selected, ariaLabel, ariaLabelledBy, tabIndex } = this;\n\n    const classes = classMap({\n      [`${prefix}--switcher__item-link`]: true,\n      [`${prefix}--switcher__item-link--selected`]: selected,\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        aria-label=\"${ariaLabel}\"\n        aria-labelledby=\"${ariaLabelledBy}\"\n        tabindex=\"${tabIndex}\"\n        class=\"${classes}\"\n        href=\"${href}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,kBAAA,MACM,wBAAwB,WAAW,WAAW,CAAC;;;cAiB5C;kBAMI;kBAMA;;CAEX,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EAAE,MAAM,UAAU,WAAW,gBAAgB,aAAa;AAOhE,SAAO,IAAI;;;sBAGO,UAAU;2BACL,eAAe;oBACtB,SAAS;iBAVT,SAAS;IACtB,6BAAmC;IACnC,uCAA6C;GAC/C,CAAC,CAQmB;gBACT,KAAK;;;;;;2BAMQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA3Df,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,gBAAA,WAAA,aAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,gBAAA,WAAA,kBAAA,KAAA,EAAA;YAMxD,UAAU,CAAA,EAAA,gBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAa,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;8BA7BnEC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AAmEzC,IAAA,wBAAe"}
+{"version":3,"file":"switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss?lit';\n\n/**\n * Switcher menu item.\n *\n * @element cds-custom-switcher-item\n */\n@customElement(`${prefix}-switcher-item`)\nclass CDSSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * Required props for accessibility label\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Props for accessibility labelled by\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = '';\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Specify if this is a large variation of the side nav link\n   */\n  @property({ type: Number, reflect: true, attribute: 'tab-index' })\n  tabIndex = 0;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { href, selected, ariaLabel, ariaLabelledBy, tabIndex } = this;\n\n    const classes = classMap({\n      [`${prefix}--switcher__item-link`]: true,\n      [`${prefix}--switcher__item-link--selected`]: selected,\n    });\n\n    return html`\n      <a\n        part=\"link\"\n        aria-label=\"${ariaLabel}\"\n        aria-labelledby=\"${ariaLabelledBy}\"\n        tabindex=\"${tabIndex}\"\n        class=\"${classes}\"\n        href=\"${href}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,kBAAA,MACM,wBAAwB,WAAW,UAAU,CAAC,CAAC;;;cAiB5C;kBAMI;kBAMA;;CAEX,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,MAAM,EAAE,MAAM,UAAU,WAAW,gBAAgB,aAAa;EAOhE,OAAO,IAAI;;;sBAGO,UAAU;2BACL,eAAe;oBACtB,SAAS;iBAVT,SAAS;IACtB,6BAAmC;IACnC,uCAA6C;EAChD,CAQmB,EAAE;gBACT,KAAK;;;;CAInB;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YA5DG,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,gBAAA,WAAA,aAAA,KAAA,CAAA;YAMlD,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,gBAAA,WAAA,kBAAA,KAAA,CAAA;YAMvD,SAAS,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAY,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;8BA7BlEC,cAAc,mBAAyB,CAAA,GAAA,eAAA;AAmExC,IAAA,wBAAe"}

package/es-custom/components/ui-shell/switcher.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/ui-shell/switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"switcher.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Switcher\n *\n * @element cds-custom-switcher\n */\n@customElement(`${prefix}-switcher`)\nclass CDSSwitcher extends LitElement {\n  /**\n   * Required props for accessibility label on the underlying menu\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Prop for accessibility labelled by on the underlying menu\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,cAAA,MACM,oBAAoB,WAAW;CAanC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;2BAGc;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAzBf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,YAAA,WAAA,aAAA,KAAA,EAAA;YAMnD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,YAAA,WAAA,kBAAA,KAAA,EAAA;0BAX1DC,cAAc,eAAqB,CAAA,EAAA,YAAA;AAiCpC,IAAA,mBAAe"}
+{"version":3,"file":"switcher.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/switcher.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/**\n * Switcher\n *\n * @element cds-custom-switcher\n */\n@customElement(`${prefix}-switcher`)\nclass CDSSwitcher extends LitElement {\n  /**\n   * Required props for accessibility label on the underlying menu\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel;\n\n  /**\n   * Prop for accessibility labelled by on the underlying menu\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledBy;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,cAAA,MACM,oBAAoB,WAAW;CAanC,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,MAAM,kBAAkB;CAC1B;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBAEgBA;;AAClB;YA1BG,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,YAAA,WAAA,aAAA,KAAA,CAAA;YAMlD,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,YAAA,WAAA,kBAAA,KAAA,CAAA;0BAXzDC,cAAc,cAAoB,CAAA,GAAA,WAAA;AAiCnC,IAAA,mBAAe"}