@carbon/web-components 2.52.0-rc.0 → 2.53.0-rc.0

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/ui-shell/header-name.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -32,12 +31,12 @@ let CDSHeaderName = class CDSHeaderName extends FocusMixin(LitElement) {
 	render() {
 		const { href, prefix: namePrefix } = this;
 		const namePrefixPart = !namePrefix ? void 0 : html`
-          <span part="prefix" class="${prefix}--header__name--prefix"
+          <span part="prefix" class="${"cds"}--header__name--prefix"
             >${namePrefix}</span
           >
         `;
 		return html`
-      <a part="link" class="${prefix}--header__name" href="${ifDefined(href)}"
+      <a part="link" class="${"cds"}--header__name" href="${ifDefined(href)}"
         >${namePrefixPart}&nbsp;<span><slot></slot></span
       ></a>
     `;
@@ -54,9 +53,9 @@ let CDSHeaderName = class CDSHeaderName extends FocusMixin(LitElement) {
 };
 __decorate([property()], CDSHeaderName.prototype, "href", void 0);
 __decorate([property()], CDSHeaderName.prototype, "prefix", void 0);
-CDSHeaderName = __decorate([carbonElement(`${prefix}-header-name`)], CDSHeaderName);
+CDSHeaderName = __decorate([carbonElement(`cds-header-name`)], CDSHeaderName);
 var header_name_default = CDSHeaderName;
-
 //#endregion
 export { header_name_default as default };
+
 //# sourceMappingURL=header-name.js.map

package/es/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-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,0BACM,sBAAsB,WAAW,WAAW,CAAC;CAajD,SAAS;EACP,MAAM,EAAE,MAAM,QAAQ,eAAe;EACrC,MAAM,iBAAiB,CAAC,aACpB,SACA,IAAI;uCAC2B,OAAO;eAC/B,WAAW;;;AAGtB,SAAO,IAAI;8BACe,OAAO,wBAAwB,UAAU,KAAK,CAAC;WAClE,eAAe;;;;;2BAKG;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA7Bf,UAAU;YAMV,UAAU;4BAXZC,cAAc,GAAG,OAAO,cAAc;AAqCvC,0BAAe"}
+{"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-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"}

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

@@ -5,16 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/ui-shell/header-nav-item.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -41,14 +40,14 @@ let CDSHeaderNavItem = class CDSHeaderNavItem extends FocusMixin(LitElement) {
       <a
         part="link"
         class="${classMap({
-			[`${prefix}--header__menu-item`]: true,
-			[`${prefix}--header__menu-item--current`]: isActive && ariaCurrent !== "page"
+			[`cds--header__menu-item`]: true,
+			[`cds--header__menu-item--current`]: isActive && ariaCurrent !== "page"
 		})}"
         tabindex="0"
         href="${ifDefined(href)}"
         rel="${ifDefined(rel)}"
         target="${ifDefined(target)}">
-        <span part="title" class="${prefix}--text-truncate--end"
+        <span part="title" class="${"cds"}--text-truncate--end"
           ><slot>${title}</slot></span
         >
       </a>
@@ -77,9 +76,9 @@ __decorate([property({
 	attribute: "aria-current"
 })], CDSHeaderNavItem.prototype, "ariaCurrent", void 0);
 __decorate([property({ reflect: true })], CDSHeaderNavItem.prototype, "role", void 0);
-CDSHeaderNavItem = __decorate([carbonElement(`${prefix}-header-nav-item`)], CDSHeaderNavItem);
+CDSHeaderNavItem = __decorate([carbonElement(`cds-header-nav-item`)], CDSHeaderNavItem);
 var header_nav_item_default = CDSHeaderNavItem;
-
 //#endregion
 export { header_nav_item_default as default };
+
 //# sourceMappingURL=header-nav-item.js.map

package/es/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-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,6BACM,yBAAyB,WAAW,WAAW,CAAC;;;kBA6BzC;cAYJ;;CAEP,SAAS;EACP,MAAM,EAAE,aAAa,MAAM,UAAU,OAAO,KAAK,WAAW;AAO5D,SAAO,IAAI;;;iBANO,SAAS;IACxB,GAAG,OAAO,uBAAuB;IACjC,GAAG,OAAO,gCACT,YAAY,gBAAgB;GAC/B,CAAC,CAKqB;;gBAEX,UAAU,KAAK,CAAC;eACjB,UAAU,IAAI,CAAC;kBACZ,UAAU,OAAO,CAAC;oCACA,OAAO;mBACxB,MAAM;;;;;;2BAMI;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAlEf,UAAU;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,UAAU;YAMV,SAAS;CAAE,MAAM;CAAS,WAAW;CAAa,CAAC;YAMnD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC;YAMrD,SAAS,EAAE,SAAS,MAAM,CAAC;+BAzC7BC,cAAc,GAAG,OAAO,kBAAkB;AA0E3C,8BAAe"}
+{"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-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"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/ui-shell/header-nav.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -34,10 +33,10 @@ let CDSHeaderNav = class CDSHeaderNav extends LitElement {
 	render() {
 		const { menuBarLabel } = this;
 		return html`
-      <div part="divider" class="${prefix}-ce--header__divider"></div>
+      <div part="divider" class="${"cds"}-ce--header__divider"></div>
       <ul
         part="menu-body"
-        class="${prefix}--header__menu-bar"
+        class="${"cds"}--header__menu-bar"
         aria-label="${menuBarLabel}">
         <slot></slot>
       </ul>
@@ -48,9 +47,9 @@ let CDSHeaderNav = class CDSHeaderNav extends LitElement {
 	}
 };
 __decorate([property({ attribute: "menu-bar-label" })], CDSHeaderNav.prototype, "menuBarLabel", void 0);
-CDSHeaderNav = __decorate([carbonElement(`${prefix}-header-nav`)], CDSHeaderNav);
+CDSHeaderNav = __decorate([carbonElement(`cds-header-nav`)], CDSHeaderNav);
 var header_nav_default = CDSHeaderNav;
-
 //#endregion
 export { header_nav_default as default };
+
 //# sourceMappingURL=header-nav.js.map

package/es/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-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,yBACM,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;mCACoB,OAAO;;;iBAGzB,OAAO;sBACF,aAAa;;;;;;gBAMjBA;;;YAvBf,SAAS,EAAE,WAAW,kBAAkB,CAAC;2BAL3CC,cAAc,GAAG,OAAO,aAAa;AA+BtC,yBAAe"}
+{"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-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"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import header_default from "./header.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/ui-shell/header-panel.ts
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -42,9 +41,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSHeaderPanel.prototype, "expanded", void 0);
-CDSHeaderPanel = __decorate([carbonElement(`${prefix}-header-panel`)], CDSHeaderPanel);
+CDSHeaderPanel = __decorate([carbonElement(`cds-header-panel`)], CDSHeaderPanel);
 var header_panel_default = CDSHeaderPanel;
-
 //#endregion
 export { header_panel_default as default };
+
 //# sourceMappingURL=header-panel.js.map

package/es/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-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,2BACM,uBAAuB,WAAW;CAOtC,SAAS;AACP,SAAO,IAAI;;;2BAGc;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAZf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;6BAL5CC,cAAc,GAAG,OAAO,eAAe;AAoBxC,2BAAe"}
+{"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-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"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import side_nav_default from "./side-nav.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/ui-shell/header-side-nav-items.ts
 /**
 * Copyright IBM Corp. 2023, 2024
@@ -44,9 +43,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "has-divider"
 })], CDSHeaderSideNavItems.prototype, "hasDivider", void 0);
-CDSHeaderSideNavItems = __decorate([carbonElement(`${prefix}-header-side-nav-items`)], CDSHeaderSideNavItems);
+CDSHeaderSideNavItems = __decorate([carbonElement(`cds-header-side-nav-items`)], CDSHeaderSideNavItems);
 var header_side_nav_items_default = CDSHeaderSideNavItems;
-
 //#endregion
 export { header_side_nav_items_default as default };
+
 //# sourceMappingURL=header-side-nav-items.js.map

package/es/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-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,kCACM,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;oCANvDC,cAAc,GAAG,OAAO,wBAAwB;AAuBjD,oCAAe"}
+{"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-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"}

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

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import header_default$1 from "./header.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/ui-shell/header.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -35,9 +34,9 @@ let CDSHeader = class CDSHeader extends LitElement {
 		this.styles = header_default$1;
 	}
 };
-CDSHeader = __decorate([carbonElement(`${prefix}-header`)], CDSHeader);
+CDSHeader = __decorate([carbonElement(`cds-header`)], CDSHeader);
 var header_default = CDSHeader;
-
 //#endregion
 export { header_default as default };
+
 //# sourceMappingURL=header.js.map

package/es/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-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,sBACM,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,GAAG,OAAO,SAAS;AAgBlC,qBAAe"}
+{"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-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"}