@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es-custom/components/page-header/page-header-scroller.js

@@ -1,111 +1,73 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import Chevron20 from '@carbon/icons/es/chevron--up/20';
-import ChevronDown20 from '@carbon/icons/es/chevron--down/20';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { pageHeaderContext } from "./context.js";
+import { scrollableAncestorInner } from "./utils.js";
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
 import '@carbon/web-components/es-custom/components/button/index.js';
-import { pageHeaderContext } from './context.js';
-import { consume } from '@lit/context';
-import CDSButton from '@carbon/web-components/es/components/button/button';
-import { prefix } from '../../globals/settings.js';
-import { scrollableAncestorInner } from './utils.js';
+import { classMap } from "lit/directives/class-map.js";
+import Chevron20 from "@carbon/icons/es/chevron--up/20";
+import CDSButton from "@carbon/web-components/es/components/button/button";
+import ChevronDown20 from "@carbon/icons/es/chevron--down/20";
+import { consume } from "@lit/context";
 
+//#region src/components/page-header/page-header-scroller.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Page header Scroller button
- * @element c4p-page-header-scroller
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 let PageHeaderScroller = class PageHeaderScroller extends CDSButton {
-    constructor() {
-        super(...arguments);
-        /**
-         * Specify how the trigger should align with the tooltip
-         */
-        this.align = 'top';
-        /**
-         * Specify whether a auto align functionality should be applied
-         */
-        this.autoalign = true;
-        /**
-         * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
-         */
-        this.closeOnActivation = true;
-        /**
-         * Specify the collapse text for the scroller button
-         */
-        this.collapseText = 'Collapse';
-        /**
-         * Specify whether the tooltip should be open when it first renders
-         */
-        this.defaultOpen = false;
-        /**
-         * Specify the duration in milliseconds to delay before displaying the tooltip
-         */
-        this.enterDelayMs = 100;
-        /**
-         * Specify the expand text for the scroller button
-         */
-        this.expandText = 'Expand';
-        /**
-         * Specify the duration in milliseconds to delay before hiding the tooltip
-         */
-        this.leaveDelayMs = 300;
-        /**
-         * Specify the size of the Button. Defaults to `md`.
-         */
-        this.size = 'md';
-        this._handleScroller = () => {
-            const { root, fullyCollapsed } = this.context;
-            const contentElement = root.querySelector(`${prefix}-page-header-content`);
-            if (!contentElement) {
-                return;
-            }
-            const scrollableTarget = scrollableAncestorInner(contentElement);
-            // Page header content is not fully collapsed
-            if (!fullyCollapsed) {
-                const pageHeaderContentHeight = contentElement.offsetHeight;
-                scrollableTarget === null || scrollableTarget === void 0 ? void 0 : scrollableTarget.scrollTo({
-                    top: pageHeaderContentHeight, // headerTopValue, check if breadcrumb bar is included
-                    behavior: 'smooth',
-                });
-            }
-            else {
-                // Page header content is fully collapsed
-                scrollableTarget === null || scrollableTarget === void 0 ? void 0 : scrollableTarget.scrollTo({ top: 0, behavior: 'smooth' });
-            }
-        };
-    }
-    _renderTooltipContent() {
-        return html `
+	constructor(..._args) {
+		super(..._args);
+		this.align = "top";
+		this.autoalign = true;
+		this.closeOnActivation = true;
+		this.collapseText = "Collapse";
+		this.defaultOpen = false;
+		this.enterDelayMs = 100;
+		this.expandText = "Expand";
+		this.leaveDelayMs = 300;
+		this.size = "md";
+		this._handleScroller = () => {
+			const { root, fullyCollapsed } = this.context;
+			const contentElement = root.querySelector(`${prefix}-page-header-content`);
+			if (!contentElement) return;
+			const scrollableTarget = scrollableAncestorInner(contentElement);
+			if (!fullyCollapsed) {
+				const pageHeaderContentHeight = contentElement.offsetHeight;
+				scrollableTarget?.scrollTo({
+					top: pageHeaderContentHeight,
+					behavior: "smooth"
+				});
+			} else scrollableTarget?.scrollTo({
+				top: 0,
+				behavior: "smooth"
+			});
+		};
+	}
+	_renderTooltipContent() {
+		return html`
       <cds-custom-tooltip-content>
         <slot name="tooltip-content"></slot>
       </cds-custom-tooltip-content>
     `;
-    }
-    render() {
-        const { align, closeOnActivation, defaultOpen, enterDelayMs, leaveDelayMs, disabled, isSelected, size, context, autoalign, } = this;
-        const iconClasses = classMap({
-            [`${prefix}--page-header-scroller-collapsed`]: !!(context === null || context === void 0 ? void 0 : context.fullyCollapsed),
-            [`${prefix}--page-header-scroller-icon`]: true,
-        });
-        return html `<cds-custom-icon-button
+	}
+	render() {
+		const { align, closeOnActivation, defaultOpen, enterDelayMs, leaveDelayMs, disabled, isSelected, size, context, autoalign } = this;
+		return html`<cds-custom-icon-button
       align=${align}
       ?close-on-activation=${closeOnActivation}
       ?defaultOpen=${defaultOpen}
@@ -116,51 +78,59 @@ let PageHeaderScroller = class PageHeaderScroller extends CDSButton {
       leave-delay-ms=${leaveDelayMs}
       size=${size}
       ?autoalign=${autoalign}
-      class=${iconClasses}
+      class=${classMap({
+			[`${prefix}--page-header-scroller-collapsed`]: !!context?.fullyCollapsed,
+			[`${prefix}--page-header-scroller-icon`]: true
+		})}
       @click=${this._handleScroller}
     >
-      ${(context === null || context === void 0 ? void 0 : context.fullyCollapsed)
-            ? html `${iconLoader(ChevronDown20, { slot: 'icon' })}`
-            : html `${iconLoader(Chevron20, { slot: 'icon' })}`}
+      ${context?.fullyCollapsed ? html`${iconLoader(ChevronDown20, { slot: "icon" })}` : html`${iconLoader(Chevron20, { slot: "icon" })}`}
       <span slot="tooltip-content">
-        ${(context === null || context === void 0 ? void 0 : context.fullyCollapsed) ? this.expandText : this.collapseText}
+        ${context?.fullyCollapsed ? this.expandText : this.collapseText}
       </span>
     </cds-custom-icon-button>`;
-    }
+	}
 };
-__decorate([
-    property({ reflect: true, type: String })
-], PageHeaderScroller.prototype, "align", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], PageHeaderScroller.prototype, "autoalign", void 0);
-__decorate([
-    property({ attribute: 'close-on-activation', reflect: true, type: Boolean })
-], PageHeaderScroller.prototype, "closeOnActivation", void 0);
-__decorate([
-    property({ reflect: true, type: String })
-], PageHeaderScroller.prototype, "collapseText", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean })
-], PageHeaderScroller.prototype, "defaultOpen", void 0);
-__decorate([
-    property({ attribute: 'enter-delay-ms', type: Number })
-], PageHeaderScroller.prototype, "enterDelayMs", void 0);
-__decorate([
-    property({ reflect: true, type: String })
-], PageHeaderScroller.prototype, "expandText", void 0);
-__decorate([
-    property({ attribute: 'leave-delay-ms', type: Number })
-], PageHeaderScroller.prototype, "leaveDelayMs", void 0);
-__decorate([
-    property({ reflect: true })
-], PageHeaderScroller.prototype, "size", void 0);
-__decorate([
-    consume({ context: pageHeaderContext, subscribe: true })
-], PageHeaderScroller.prototype, "context", void 0);
-PageHeaderScroller = __decorate([
-    carbonElement(`${prefix}-page-header-scroller`)
-], PageHeaderScroller);
+__decorate([property({
+	reflect: true,
+	type: String
+})], PageHeaderScroller.prototype, "align", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], PageHeaderScroller.prototype, "autoalign", void 0);
+__decorate([property({
+	attribute: "close-on-activation",
+	reflect: true,
+	type: Boolean
+})], PageHeaderScroller.prototype, "closeOnActivation", void 0);
+__decorate([property({
+	reflect: true,
+	type: String
+})], PageHeaderScroller.prototype, "collapseText", void 0);
+__decorate([property({
+	reflect: true,
+	type: Boolean
+})], PageHeaderScroller.prototype, "defaultOpen", void 0);
+__decorate([property({
+	attribute: "enter-delay-ms",
+	type: Number
+})], PageHeaderScroller.prototype, "enterDelayMs", void 0);
+__decorate([property({
+	reflect: true,
+	type: String
+})], PageHeaderScroller.prototype, "expandText", void 0);
+__decorate([property({
+	attribute: "leave-delay-ms",
+	type: Number
+})], PageHeaderScroller.prototype, "leaveDelayMs", void 0);
+__decorate([property({ reflect: true })], PageHeaderScroller.prototype, "size", void 0);
+__decorate([consume({
+	context: pageHeaderContext,
+	subscribe: true
+})], PageHeaderScroller.prototype, "context", void 0);
+PageHeaderScroller = __decorate([carbonElement(`${prefix}-page-header-scroller`)], PageHeaderScroller);
 
+//#endregion
 export { PageHeaderScroller };
-//# sourceMappingURL=page-header-scroller.js.map
+//# sourceMappingURL=page-header-scroller.js.map

package/es-custom/components/page-header/page-header-scroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-scroller.js","sources":["../../../src/components/page-header/page-header-scroller.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"page-header-scroller.js","names":["customElement"],"sources":["../../../src/components/page-header/page-header-scroller.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport Chevron20 from '@carbon/icons/es/chevron--up/20';\nimport ChevronDown20 from '@carbon/icons/es/chevron--down/20';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport { pageHeaderContext } from './context';\nimport { consume } from '@lit/context';\nimport CDSButton from '@carbon/web-components/es/components/button/button';\nimport { prefix } from '../../globals/settings';\nimport { scrollableAncestorInner } from './utils';\n\n/**\n * Page header Scroller button\n * @element c4p-page-header-scroller\n */\n@customElement(`${prefix}-page-header-scroller`)\nexport class PageHeaderScroller extends CDSButton {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = true;\n\n  /**\n   * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the collapse text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  collapseText = 'Collapse';\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the expand text for the scroller button\n   */\n  @property({ reflect: true, type: String })\n  expandText = 'Expand';\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Specify the size of the Button. Defaults to `md`.\n   */\n  @property({ reflect: true })\n  size = 'md';\n\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-custom-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-custom-tooltip-content>\n    `;\n  }\n\n  private _handleScroller = () => {\n    const { root, fullyCollapsed } = this.context;\n    const contentElement = root.querySelector(`${prefix}-page-header-content`);\n    if (!contentElement) {\n      return;\n    }\n    const scrollableTarget = scrollableAncestorInner(\n      contentElement\n    ) as HTMLElement;\n\n    // Page header content is not fully collapsed\n    if (!fullyCollapsed) {\n      const pageHeaderContentHeight = contentElement.offsetHeight;\n      scrollableTarget?.scrollTo({\n        top: pageHeaderContentHeight, // headerTopValue, check if breadcrumb bar is included\n        behavior: 'smooth',\n      });\n    } else {\n      // Page header content is fully collapsed\n      scrollableTarget?.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  };\n\n  render() {\n    const {\n      align,\n      closeOnActivation,\n      defaultOpen,\n      enterDelayMs,\n      leaveDelayMs,\n      disabled,\n      isSelected,\n      size,\n      context,\n      autoalign,\n    } = this;\n\n    const iconClasses = classMap({\n      [`${prefix}--page-header-scroller-collapsed`]: !!context?.fullyCollapsed,\n      [`${prefix}--page-header-scroller-icon`]: true,\n    });\n    return html`<cds-custom-icon-button\n      align=${align}\n      ?close-on-activation=${closeOnActivation}\n      ?defaultOpen=${defaultOpen}\n      ?disabled=${disabled}\n      enter-delay-ms=${enterDelayMs}\n      ?isSelected=${isSelected}\n      kind=\"ghost\"\n      leave-delay-ms=${leaveDelayMs}\n      size=${size}\n      ?autoalign=${autoalign}\n      class=${iconClasses}\n      @click=${this._handleScroller}\n    >\n      ${context?.fullyCollapsed\n        ? html`${iconLoader(ChevronDown20, { slot: 'icon' })}`\n        : html`${iconLoader(Chevron20, { slot: 'icon' })}`}\n      <span slot=\"tooltip-content\">\n        ${context?.fullyCollapsed ? this.expandText : this.collapseText}\n      </span>\n    </cds-custom-icon-button>`;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,+BAAM,2BAA2B,UAAU;;;eAKxC;mBAMI;2BAMQ;sBAML;qBAMD;sBAMC;oBAMF;sBAME;cAMR;+BAayB;GAC9B,MAAM,EAAE,MAAM,mBAAmB,KAAK;GACtC,MAAM,iBAAiB,KAAK,cAAc,GAAG,OAAO,sBAAsB;AAC1E,OAAI,CAAC,eACH;GAEF,MAAM,mBAAmB,wBACvB,eACD;AAGD,OAAI,CAAC,gBAAgB;IACnB,MAAM,0BAA0B,eAAe;AAC/C,sBAAkB,SAAS;KACzB,KAAK;KACL,UAAU;KACX,CAAC;SAGF,mBAAkB,SAAS;IAAE,KAAK;IAAG,UAAU;IAAU,CAAC;;;CA3B9D,AAAU,wBAAwB;AAChC,SAAO,IAAI;;;;;;CA8Bb,SAAS;EACP,MAAM,EACJ,OACA,mBACA,aACA,cACA,cACA,UACA,YACA,MACA,SACA,cACE;AAMJ,SAAO,IAAI;cACD,MAAM;6BACS,kBAAkB;qBAC1B,YAAY;kBACf,SAAS;uBACJ,aAAa;oBAChB,WAAW;;uBAER,aAAa;aACvB,KAAK;mBACC,UAAU;cAdL,SAAS;IAC1B,GAAG,OAAO,oCAAoC,CAAC,CAAC,SAAS;IACzD,GAAG,OAAO,+BAA+B;GAC3C,CAAC,CAYoB;eACX,KAAK,gBAAgB;;QAE5B,SAAS,iBACP,IAAI,GAAG,WAAW,eAAe,EAAE,MAAM,QAAQ,CAAC,KAClD,IAAI,GAAG,WAAW,WAAW,EAAE,MAAM,QAAQ,CAAC,GAAG;;UAEjD,SAAS,iBAAiB,KAAK,aAAa,KAAK,aAAa;;;;;YAzHrE,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC;YAM5E,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAM1C,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC;YAMvD,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;CAAQ,CAAC;YAMvD,SAAS,EAAE,SAAS,MAAM,CAAC;YAG3B,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC;iCAxD1DA,cAAc,GAAG,OAAO,uBAAuB"}

package/es-custom/components/page-header/page-header-tabs.js

@@ -1,31 +1,32 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { prefix, carbonPrefix } from '../../globals/settings.js';
-import styles from './page-header.scss.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import { carbonPrefix, prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import page_header_default from "./page-header.scss.js";
+import { LitElement, html } from "lit";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
 
+//#region src/components/page-header/page-header-tabs.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * Page header Tabs Bar.
- * @element c4p-page-header-tabs
- */
+* Page header Tabs Bar.
+* @element c4p-page-header-tabs
+*/
 let CDSPageHeaderTabs = class CDSPageHeaderTabs extends LitElement {
-    render() {
-        return html ` <div class="${carbonPrefix}--css-grid" condensed="">
+	render() {
+		return html` <div class="${carbonPrefix}--css-grid" condensed="">
       <div
         class="${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column"
       >
@@ -36,13 +37,14 @@ let CDSPageHeaderTabs = class CDSPageHeaderTabs extends LitElement {
       </div>
       <slot name="scroller"></slot>
     </div>`;
-    }
+	}
+	static {
+		this.styles = page_header_default;
+	}
 };
-CDSPageHeaderTabs.styles = styles;
-CDSPageHeaderTabs = __decorate([
-    carbonElement(`${prefix}-page-header-tabs`)
-], CDSPageHeaderTabs);
-var CDSPageHeaderTabs_default = CDSPageHeaderTabs;
+CDSPageHeaderTabs = __decorate([carbonElement(`${prefix}-page-header-tabs`)], CDSPageHeaderTabs);
+var page_header_tabs_default = CDSPageHeaderTabs;
 
-export { CDSPageHeaderTabs_default as default };
-//# sourceMappingURL=page-header-tabs.js.map
+//#endregion
+export { page_header_tabs_default as default };
+//# sourceMappingURL=page-header-tabs.js.map

package/es-custom/components/page-header/page-header-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-tabs.js","sources":["../../../src/components/page-header/page-header-tabs.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAOH;;;AAGG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;IACxC,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,EAAgB,YAAY,CAAA;;AAE1B,eAAA,EAAA,YAAY,CAAA,gBAAA,EAAmB,YAAY,CAAA,gBAAA,EAAmB,YAAY,oBAAoB,YAAY,CAAA;;sBAErG,MAAM,CAAA;;;;;;WAMjB;IACT;;AAEO,iBAAA,CAAA,MAAM,GAAG,MAAH;AAfT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;AACrC,CAAA,EAAA,iBAAiB,CAgBtB;AAED,gCAAe,iBAAiB;;;;"}
+{"version":3,"file":"page-header-tabs.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-tabs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\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, carbonPrefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\n/**\n * Page header Tabs Bar.\n * @element c4p-page-header-tabs\n */\n@customElement(`${prefix}-page-header-tabs`)\nclass CDSPageHeaderTabs extends LitElement {\n  render() {\n    return html` <div class=\"${carbonPrefix}--css-grid\" condensed=\"\">\n      <div\n        class=\"${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column\"\n      >\n        <div class=\"${prefix}--page-header__tab-bar--tablist\">\n          <slot></slot>\n          <slot name=\"tags\"></slot>\n        </div>\n      </div>\n      <slot name=\"scroller\"></slot>\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,8BACM,0BAA0B,WAAW;CACzC,SAAS;AACP,SAAO,IAAI,gBAAgB,aAAa;;iBAE3B,aAAa,kBAAkB,aAAa,kBAAkB,aAAa,mBAAmB,aAAa;;sBAEtG,OAAO;;;;;;;;;gBASXA;;;gCAhBjBC,cAAc,GAAG,OAAO,mBAAmB;AAmB5C,+BAAe"}

package/es-custom/components/page-header/page-header-title-breadcrumb.js

@@ -1,71 +1,69 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { html } from 'lit';
-import { consume, ContextConsumer } from '@lit/context';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';
-import { prefix } from '../../globals/settings.js';
-import styles from './page-header.scss.js';
-import { pageHeaderContext } from './context.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import page_header_default from "./page-header.scss.js";
+import { pageHeaderContext } from "./context.js";
+import { html } from "lit";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { ContextConsumer, consume } from "@lit/context";
+import CDSBreadcrumbItem from "@carbon/web-components/es/components/breadcrumb/breadcrumb-item";
 
+//#region src/components/page-header/page-header-title-breadcrumb.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /**
- * Page header Title Breadcrumb
- * @element c4p-page-header-title-breadcrumb
- */
+* Page header Title Breadcrumb
+* @element c4p-page-header-title-breadcrumb
+*/
 let CDSPageHeaderTitleBreadcrumb = class CDSPageHeaderTitleBreadcrumb extends CDSBreadcrumbItem {
-    constructor() {
-        super();
-        new ContextConsumer(this, {
-            context: pageHeaderContext,
-            subscribe: true,
-            callback: (state) => {
-                if (state.titleClipped) {
-                    this.classList.add(`${prefix}--page-header-title-breadcrumb-show__fallback`);
-                }
-                else {
-                    this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__fallback`);
-                }
-                if (state.withContent) {
-                    this.classList.add(`${prefix}--page-header-title-breadcrumb-show__with-content`);
-                    this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__by-default`);
-                }
-                else {
-                    this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__with-content`);
-                    this.classList.add(`${prefix}--page-header-title-breadcrumb-show__by-default`);
-                }
-            },
-        });
-    }
-    render() {
-        return html `
+	constructor() {
+		super();
+		new ContextConsumer(this, {
+			context: pageHeaderContext,
+			subscribe: true,
+			callback: (state) => {
+				if (state.titleClipped) this.classList.add(`${prefix}--page-header-title-breadcrumb-show__fallback`);
+				else this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__fallback`);
+				if (state.withContent) {
+					this.classList.add(`${prefix}--page-header-title-breadcrumb-show__with-content`);
+					this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__by-default`);
+				} else {
+					this.classList.remove(`${prefix}--page-header-title-breadcrumb-show__with-content`);
+					this.classList.add(`${prefix}--page-header-title-breadcrumb-show__by-default`);
+				}
+			}
+		});
+	}
+	render() {
+		return html`
       <cds-custom-breadcrumb-item class="${prefix}--page-header-title-breadcrumb">
         <slot></slot>
       </cds-custom-breadcrumb-item>
     `;
-    }
+	}
+	static {
+		this.styles = page_header_default;
+	}
 };
-CDSPageHeaderTitleBreadcrumb.styles = styles;
-__decorate([
-    consume({ context: pageHeaderContext, subscribe: true })
-], CDSPageHeaderTitleBreadcrumb.prototype, "context", void 0);
-CDSPageHeaderTitleBreadcrumb = __decorate([
-    carbonElement(`${prefix}-page-header-title-breadcrumb`)
-], CDSPageHeaderTitleBreadcrumb);
-var CDSPageHeaderTitleBreadcrumb_default = CDSPageHeaderTitleBreadcrumb;
+__decorate([consume({
+	context: pageHeaderContext,
+	subscribe: true
+})], CDSPageHeaderTitleBreadcrumb.prototype, "context", void 0);
+CDSPageHeaderTitleBreadcrumb = __decorate([carbonElement(`${prefix}-page-header-title-breadcrumb`)], CDSPageHeaderTitleBreadcrumb);
+var page_header_title_breadcrumb_default = CDSPageHeaderTitleBreadcrumb;
 
-export { CDSPageHeaderTitleBreadcrumb_default as default };
-//# sourceMappingURL=page-header-title-breadcrumb.js.map
+//#endregion
+export { page_header_title_breadcrumb_default as default };
+//# sourceMappingURL=page-header-title-breadcrumb.js.map

package/es-custom/components/page-header/page-header-title-breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-title-breadcrumb.js","sources":["../../../src/components/page-header/page-header-title-breadcrumb.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH;;;AAGG;AAEH,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,iBAAiB,CAAA;AAI1D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,IAAI,eAAe,CAAC,IAAI,EAAE;AACxB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gBAAA,IAAK,KAA+B,CAAC,YAAY,EAAE;oBACjD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAA,EAAG,MAAM,CAAA,6CAAA,CAA+C,CACzD;gBACH;qBAAO;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAA,EAAG,MAAM,CAAA,6CAAA,CAA+C,CACzD;gBACH;AACA,gBAAA,IAAK,KAA+B,CAAC,WAAW,EAAE;oBAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAA,EAAG,MAAM,CAAA,iDAAA,CAAmD,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAA,EAAG,MAAM,CAAA,+CAAA,CAAiD,CAC3D;gBACH;qBAAO;oBACL,IAAI,CAAC,SAAS,CAAC,MAAM,CACnB,CAAA,EAAG,MAAM,CAAA,iDAAA,CAAmD,CAC7D;oBACD,IAAI,CAAC,SAAS,CAAC,GAAG,CAChB,CAAA,EAAG,MAAM,CAAA,+CAAA,CAAiD,CAC3D;gBACH;YACF,CAAC;AACF,SAAA,CAAC;IACJ;IACA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;oCACqB,MAAM,CAAA;;;KAGrC;IACH;;AAEO,4BAAA,CAAA,MAAM,GAAG,MAAH;AA3Cb,UAAA,CAAA;IADC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE;AAChD,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAFJ,4BAA4B,GAAA,UAAA,CAAA;AADjC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B;AACjD,CAAA,EAAA,4BAA4B,CA8CjC;AAED,2CAAe,4BAA4B;;;;"}
+{"version":3,"file":"page-header-title-breadcrumb.js","names":["styles","customElement"],"sources":["../../../src/components/page-header/page-header-title-breadcrumb.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025, 2025\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 { html } from 'lit';\nimport { consume, ContextConsumer } from '@lit/context';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { pageHeaderContext } from './context';\nimport { pageHeaderContextType } from './page-header';\n\n/**\n * Page header Title Breadcrumb\n * @element c4p-page-header-title-breadcrumb\n */\n@customElement(`${prefix}-page-header-title-breadcrumb`)\nclass CDSPageHeaderTitleBreadcrumb extends CDSBreadcrumbItem {\n  @consume({ context: pageHeaderContext, subscribe: true })\n  context;\n\n  constructor() {\n    super();\n    new ContextConsumer(this, {\n      context: pageHeaderContext,\n      subscribe: true,\n      callback: (state) => {\n        if ((state as pageHeaderContextType).titleClipped) {\n          this.classList.add(\n            `${prefix}--page-header-title-breadcrumb-show__fallback`\n          );\n        } else {\n          this.classList.remove(\n            `${prefix}--page-header-title-breadcrumb-show__fallback`\n          );\n        }\n        if ((state as pageHeaderContextType).withContent) {\n          this.classList.add(\n            `${prefix}--page-header-title-breadcrumb-show__with-content`\n          );\n          this.classList.remove(\n            `${prefix}--page-header-title-breadcrumb-show__by-default`\n          );\n        } else {\n          this.classList.remove(\n            `${prefix}--page-header-title-breadcrumb-show__with-content`\n          );\n          this.classList.add(\n            `${prefix}--page-header-title-breadcrumb-show__by-default`\n          );\n        }\n      },\n    });\n  }\n  render() {\n    return html`\n      <cds-custom-breadcrumb-item class=\"${prefix}--page-header-title-breadcrumb\">\n        <slot></slot>\n      </cds-custom-breadcrumb-item>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeaderTitleBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,yCACM,qCAAqC,kBAAkB;CAI3D,cAAc;AACZ,SAAO;AACP,MAAI,gBAAgB,MAAM;GACxB,SAAS;GACT,WAAW;GACX,WAAW,UAAU;AACnB,QAAK,MAAgC,aACnC,MAAK,UAAU,IACb,GAAG,OAAO,+CACX;QAED,MAAK,UAAU,OACb,GAAG,OAAO,+CACX;AAEH,QAAK,MAAgC,aAAa;AAChD,UAAK,UAAU,IACb,GAAG,OAAO,mDACX;AACD,UAAK,UAAU,OACb,GAAG,OAAO,iDACX;WACI;AACL,UAAK,UAAU,OACb,GAAG,OAAO,mDACX;AACD,UAAK,UAAU,IACb,GAAG,OAAO,iDACX;;;GAGN,CAAC;;CAEJ,SAAS;AACP,SAAO,IAAI;oCACqB,OAAO;;;;;;gBAMzBA;;;YA5Cf,QAAQ;CAAE,SAAS;CAAmB,WAAW;CAAM,CAAC;2CAF1DC,cAAc,GAAG,OAAO,+BAA+B;AAiDxD,2CAAe"}