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

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

@@ -1,128 +1,129 @@
 /**
- * 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 { state } from 'lit/decorators.js';
-import { provide } from '@lit/context';
-import { prefix } from '../../globals/settings.js';
-import styles from './page-header.scss.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { pageHeaderContext } from './context.js';
-import { getHeaderOffset } from './utils.js';
-import CDSPageHeaderContent from './page-header-content.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import page_header_default$1 from "./page-header.scss.js";
+import { pageHeaderContext } from "./context.js";
+import { getHeaderOffset } from "./utils.js";
+import page_header_content_default from "./page-header-content.js";
+import { LitElement, html } from "lit";
+import { state } from "lit/decorators.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { provide } from "@lit/context";
 
+//#region src/components/page-header/page-header.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.
- * @element c4p-page-header
- */
+* Page header.
+* @element c4p-page-header
+*/
 let CDSPageHeader = class CDSPageHeader extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.context = {};
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const contentElement = this.querySelector(`${prefix}-page-header-content`);
-        this.resizeObserver = new ResizeObserver((entries) => {
-            var _a, _b;
-            const pageHeaderElement = entries[0];
-            const contentEl = pageHeaderElement.target.querySelector(`${prefix}-page-header-content`);
-            const contentHeight = contentEl instanceof CDSPageHeaderContent ? contentEl.scrollHeight : 0;
-            const padding = contentEl instanceof CDSPageHeaderContent
-                ? parseFloat((_a = getComputedStyle(contentEl)) === null || _a === void 0 ? void 0 : _a.paddingBlockStart) +
-                    parseFloat((_b = getComputedStyle(contentEl)) === null || _b === void 0 ? void 0 : _b.paddingBlockEnd)
-                : 0;
-            const totalContentHeight = contentHeight + padding;
-            const headerOffset = getHeaderOffset(this);
-            const contentPadding = contentEl instanceof CDSPageHeaderContent ? 48 : 0;
-            this.style.setProperty(`--${prefix}-page-header-header-top`, `${(Math.round(totalContentHeight - contentPadding) - headerOffset) * -1}px`);
-            this.style.setProperty(`--${prefix}-page-header-breadcrumb-top`, `${headerOffset}px`);
-            this.context = Object.assign(Object.assign({}, this.context), { breadcrumbOffset: headerOffset, headerOffset: (Math.round(totalContentHeight) - headerOffset) * -1, root: this, withContent: !!contentEl });
-        });
-        this.resizeObserver.observe(this);
-        const predefinedContentPadding = 24;
-        const totalHeaderOffset = getHeaderOffset(this);
-        const contentObserver = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (!entry.isIntersecting) {
-                    this.context = Object.assign(Object.assign({}, this.context), { fullyCollapsed: true });
-                }
-                else {
-                    this.context = Object.assign(Object.assign({}, this.context), { fullyCollapsed: false });
-                }
-            });
-        }, {
-            root: null,
-            rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
-            threshold: 0.1,
-        });
-        const titleObserver = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (!entry.isIntersecting) {
-                    this.context = Object.assign(Object.assign({}, this.context), { titleClipped: true });
-                }
-                else {
-                    this.context = Object.assign(Object.assign({}, this.context), { titleClipped: false });
-                }
-            });
-        }, {
-            root: null,
-            rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
-            threshold: 0.95,
-        });
-        const actionsObserver = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                if (!entry.isIntersecting) {
-                    this.context = Object.assign(Object.assign({}, this.context), { contentActionsClipped: true });
-                }
-                else {
-                    this.context = Object.assign(Object.assign({}, this.context), { contentActionsClipped: false });
-                }
-            });
-        }, {
-            root: null,
-            // 48 -> breadcrumb bar
-            // 18 -> content padding
-            rootMargin: `${(totalHeaderOffset + 48 + 18) * -1}px 0px 0px 0px`,
-            threshold: 0.95,
-        });
-        if (contentElement) {
-            contentObserver.observe(contentElement);
-            titleObserver.observe(contentElement);
-            actionsObserver.observe(contentElement);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect(); // Clean up
-        super.disconnectedCallback();
-    }
-    render() {
-        return html `<slot></slot>`;
-    }
+	constructor(..._args) {
+		super(..._args);
+		this.context = {};
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		const contentElement = this.querySelector(`${prefix}-page-header-content`);
+		this.resizeObserver = new ResizeObserver((entries) => {
+			const contentEl = entries[0].target.querySelector(`${prefix}-page-header-content`);
+			const totalContentHeight = (contentEl instanceof page_header_content_default ? contentEl.scrollHeight : 0) + (contentEl instanceof page_header_content_default ? parseFloat(getComputedStyle(contentEl)?.paddingBlockStart) + parseFloat(getComputedStyle(contentEl)?.paddingBlockEnd) : 0);
+			const headerOffset = getHeaderOffset(this);
+			const contentPadding = contentEl instanceof page_header_content_default ? 48 : 0;
+			this.style.setProperty(`--${prefix}-page-header-header-top`, `${(Math.round(totalContentHeight - contentPadding) - headerOffset) * -1}px`);
+			this.style.setProperty(`--${prefix}-page-header-breadcrumb-top`, `${headerOffset}px`);
+			this.context = {
+				...this.context,
+				breadcrumbOffset: headerOffset,
+				headerOffset: (Math.round(totalContentHeight) - headerOffset) * -1,
+				root: this,
+				withContent: !!contentEl
+			};
+		});
+		this.resizeObserver.observe(this);
+		const predefinedContentPadding = 24;
+		const totalHeaderOffset = getHeaderOffset(this);
+		const contentObserver = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (!entry.isIntersecting) this.context = {
+					...this.context,
+					fullyCollapsed: true
+				};
+				else this.context = {
+					...this.context,
+					fullyCollapsed: false
+				};
+			});
+		}, {
+			root: null,
+			rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
+			threshold: .1
+		});
+		const titleObserver = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (!entry.isIntersecting) this.context = {
+					...this.context,
+					titleClipped: true
+				};
+				else this.context = {
+					...this.context,
+					titleClipped: false
+				};
+			});
+		}, {
+			root: null,
+			rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,
+			threshold: .95
+		});
+		const actionsObserver = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (!entry.isIntersecting) this.context = {
+					...this.context,
+					contentActionsClipped: true
+				};
+				else this.context = {
+					...this.context,
+					contentActionsClipped: false
+				};
+			});
+		}, {
+			root: null,
+			rootMargin: `${(totalHeaderOffset + 48 + 18) * -1}px 0px 0px 0px`,
+			threshold: .95
+		});
+		if (contentElement) {
+			contentObserver.observe(contentElement);
+			titleObserver.observe(contentElement);
+			actionsObserver.observe(contentElement);
+		}
+	}
+	disconnectedCallback() {
+		this.resizeObserver?.disconnect();
+		super.disconnectedCallback();
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
+	static {
+		this.styles = page_header_default$1;
+	}
 };
-CDSPageHeader.styles = styles;
-__decorate([
-    state(),
-    provide({ context: pageHeaderContext })
-], CDSPageHeader.prototype, "context", void 0);
-CDSPageHeader = __decorate([
-    carbonElement(`${prefix}-page-header`)
-], CDSPageHeader);
-var CDSPageHeader_default = CDSPageHeader;
+__decorate([state(), provide({ context: pageHeaderContext })], CDSPageHeader.prototype, "context", void 0);
+CDSPageHeader = __decorate([carbonElement(`${prefix}-page-header`)], CDSPageHeader);
+var page_header_default = CDSPageHeader;
 
-export { CDSPageHeader_default as default };
-//# sourceMappingURL=page-header.js.map
+//#endregion
+export { page_header_default as default };
+//# sourceMappingURL=page-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"page-header.js","names":["CDSPageHeaderContent","styles","customElement"],"sources":["../../../src/components/page-header/page-header.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 { state } from 'lit/decorators.js';\nimport { provide } from '@lit/context';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { pageHeaderContext } from './context';\nimport { getHeaderOffset } from './utils';\nimport CDSPageHeaderContent from './page-header-content';\n\nexport interface pageHeaderContextType {\n  breadcrumbOffset?: number;\n  headerOffset?: number;\n  fullyCollapsed?: boolean;\n  titleClipped?: boolean;\n  contentActionsClipped?: boolean;\n  root?: CDSPageHeader | null;\n  withContent?: boolean;\n}\n\n/**\n * Page header.\n * @element c4p-page-header\n */\n@customElement(`${prefix}-page-header`)\nclass CDSPageHeader extends LitElement {\n  @state()\n  @provide({ context: pageHeaderContext })\n  context: pageHeaderContextType = {};\n\n  private resizeObserver: ResizeObserver | undefined;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    const contentElement = this.querySelector(`${prefix}-page-header-content`);\n\n    this.resizeObserver = new ResizeObserver((entries) => {\n      const pageHeaderElement = entries[0];\n      const contentEl = pageHeaderElement.target.querySelector(\n        `${prefix}-page-header-content`\n      );\n      const contentHeight =\n        contentEl instanceof CDSPageHeaderContent ? contentEl.scrollHeight : 0;\n      const padding =\n        contentEl instanceof CDSPageHeaderContent\n          ? parseFloat(getComputedStyle(contentEl)?.paddingBlockStart) +\n            parseFloat(getComputedStyle(contentEl)?.paddingBlockEnd)\n          : 0;\n      const totalContentHeight = contentHeight + padding;\n      const headerOffset = getHeaderOffset(this);\n      const contentPadding = contentEl instanceof CDSPageHeaderContent ? 48 : 0;\n\n      this.style.setProperty(\n        `--${prefix}-page-header-header-top`,\n        `${(Math.round(totalContentHeight - contentPadding) - headerOffset) * -1}px`\n      );\n      this.style.setProperty(\n        `--${prefix}-page-header-breadcrumb-top`,\n        `${headerOffset}px`\n      );\n      this.context = {\n        ...this.context,\n        breadcrumbOffset: headerOffset,\n        headerOffset: (Math.round(totalContentHeight) - headerOffset) * -1,\n        root: this,\n        withContent: !!contentEl,\n      };\n    });\n    this.resizeObserver.observe(this);\n\n    const predefinedContentPadding = 24;\n    const totalHeaderOffset = getHeaderOffset(this);\n    const contentObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) {\n            this.context = {\n              ...this.context,\n              fullyCollapsed: true,\n            };\n          } else {\n            this.context = {\n              ...this.context,\n              fullyCollapsed: false,\n            };\n          }\n        });\n      },\n      {\n        root: null,\n        rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,\n        threshold: 0.1,\n      }\n    );\n\n    const titleObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) {\n            this.context = {\n              ...this.context,\n              titleClipped: true,\n            };\n          } else {\n            this.context = {\n              ...this.context,\n              titleClipped: false,\n            };\n          }\n        });\n      },\n      {\n        root: null,\n        rootMargin: `${(predefinedContentPadding + totalHeaderOffset + 40) * -1}px 0px 0px 0px`,\n        threshold: 0.95,\n      }\n    );\n\n    const actionsObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) {\n            this.context = {\n              ...this.context,\n              contentActionsClipped: true,\n            };\n          } else {\n            this.context = {\n              ...this.context,\n              contentActionsClipped: false,\n            };\n          }\n        });\n      },\n      {\n        root: null,\n        // 48 -> breadcrumb bar\n        // 18 -> content padding\n        rootMargin: `${(totalHeaderOffset + 48 + 18) * -1}px 0px 0px 0px`,\n        threshold: 0.95,\n      }\n    );\n    if (contentElement) {\n      contentObserver.observe(contentElement);\n      titleObserver.observe(contentElement);\n      actionsObserver.observe(contentElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect(); // Clean up\n    super.disconnectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSPageHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,0BACM,sBAAsB,WAAW;;;iBAGJ,EAAE;;CAInC,oBAA0B;AACxB,QAAM,mBAAmB;EACzB,MAAM,iBAAiB,KAAK,cAAc,GAAG,OAAO,sBAAsB;AAE1E,OAAK,iBAAiB,IAAI,gBAAgB,YAAY;GAEpD,MAAM,YADoB,QAAQ,GACE,OAAO,cACzC,GAAG,OAAO,sBACX;GAQD,MAAM,sBANJ,qBAAqBA,8BAAuB,UAAU,eAAe,MAErE,qBAAqBA,8BACjB,WAAW,iBAAiB,UAAU,EAAE,kBAAkB,GAC1D,WAAW,iBAAiB,UAAU,EAAE,gBAAgB,GACxD;GAEN,MAAM,eAAe,gBAAgB,KAAK;GAC1C,MAAM,iBAAiB,qBAAqBA,8BAAuB,KAAK;AAExE,QAAK,MAAM,YACT,KAAK,OAAO,0BACZ,IAAI,KAAK,MAAM,qBAAqB,eAAe,GAAG,gBAAgB,GAAG,IAC1E;AACD,QAAK,MAAM,YACT,KAAK,OAAO,8BACZ,GAAG,aAAa,IACjB;AACD,QAAK,UAAU;IACb,GAAG,KAAK;IACR,kBAAkB;IAClB,eAAe,KAAK,MAAM,mBAAmB,GAAG,gBAAgB;IAChE,MAAM;IACN,aAAa,CAAC,CAAC;IAChB;IACD;AACF,OAAK,eAAe,QAAQ,KAAK;EAEjC,MAAM,2BAA2B;EACjC,MAAM,oBAAoB,gBAAgB,KAAK;EAC/C,MAAM,kBAAkB,IAAI,sBACzB,YAAY;AACX,WAAQ,SAAS,UAAU;AACzB,QAAI,CAAC,MAAM,eACT,MAAK,UAAU;KACb,GAAG,KAAK;KACR,gBAAgB;KACjB;QAED,MAAK,UAAU;KACb,GAAG,KAAK;KACR,gBAAgB;KACjB;KAEH;KAEJ;GACE,MAAM;GACN,YAAY,IAAI,2BAA2B,oBAAoB,MAAM,GAAG;GACxE,WAAW;GACZ,CACF;EAED,MAAM,gBAAgB,IAAI,sBACvB,YAAY;AACX,WAAQ,SAAS,UAAU;AACzB,QAAI,CAAC,MAAM,eACT,MAAK,UAAU;KACb,GAAG,KAAK;KACR,cAAc;KACf;QAED,MAAK,UAAU;KACb,GAAG,KAAK;KACR,cAAc;KACf;KAEH;KAEJ;GACE,MAAM;GACN,YAAY,IAAI,2BAA2B,oBAAoB,MAAM,GAAG;GACxE,WAAW;GACZ,CACF;EAED,MAAM,kBAAkB,IAAI,sBACzB,YAAY;AACX,WAAQ,SAAS,UAAU;AACzB,QAAI,CAAC,MAAM,eACT,MAAK,UAAU;KACb,GAAG,KAAK;KACR,uBAAuB;KACxB;QAED,MAAK,UAAU;KACb,GAAG,KAAK;KACR,uBAAuB;KACxB;KAEH;KAEJ;GACE,MAAM;GAGN,YAAY,IAAI,oBAAoB,KAAK,MAAM,GAAG;GAClD,WAAW;GACZ,CACF;AACD,MAAI,gBAAgB;AAClB,mBAAgB,QAAQ,eAAe;AACvC,iBAAc,QAAQ,eAAe;AACrC,mBAAgB,QAAQ,eAAe;;;CAI3C,uBAAuB;AACrB,OAAK,gBAAgB,YAAY;AACjC,QAAM,sBAAsB;;CAG9B,SAAS;AACP,SAAO,IAAI;;;gBAGGC;;;YApIf,OAAO,EACP,QAAQ,EAAE,SAAS,mBAAmB,CAAC;4BAHzCC,cAAc,GAAG,OAAO,cAAc;AAyIvC,0BAAe"}