@carbon/ibm-products-web-components
Version:
Carbon for IBM Products Web Components
75 lines (73 loc) • 2.72 kB
JavaScript
/**
* 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 "../../globals/settings.js";
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.127.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.
*/
/**
* Page header Title Breadcrumb
* @element c4p-page-header-title-breadcrumb
*/
let CDSPageHeaderTitleBreadcrumb = class CDSPageHeaderTitleBreadcrumb extends CDSBreadcrumbItem {
constructor() {
super();
this.setAttribute("aria-hidden", "true");
new ContextConsumer(this, {
context: pageHeaderContext,
subscribe: true,
callback: (state) => {
if (state.titleClipped) {
this.classList.add(`c4p--page-header-title-breadcrumb-show__fallback`);
this.setAttribute("aria-hidden", "false");
} else {
this.classList.remove(`c4p--page-header-title-breadcrumb-show__fallback`);
this.setAttribute("aria-hidden", "true");
}
if (state.withContent) {
this.classList.add(`c4p--page-header-title-breadcrumb-show__with-content`);
this.classList.remove(`c4p--page-header-title-breadcrumb-show__by-default`);
} else {
this.classList.remove(`c4p--page-header-title-breadcrumb-show__with-content`);
this.classList.add(`c4p--page-header-title-breadcrumb-show__by-default`);
this.setAttribute("aria-hidden", "false");
}
}
});
}
render() {
return html`
<cds-breadcrumb-item class="${"c4p"}--page-header-title-breadcrumb">
<slot></slot>
</cds-breadcrumb-item>
`;
}
static {
this.styles = page_header_default;
}
};
__decorate([consume({
context: pageHeaderContext,
subscribe: true
})], CDSPageHeaderTitleBreadcrumb.prototype, "context", void 0);
CDSPageHeaderTitleBreadcrumb = __decorate([carbonElement(`c4p-page-header-title-breadcrumb`)], CDSPageHeaderTitleBreadcrumb);
var page_header_title_breadcrumb_default = CDSPageHeaderTitleBreadcrumb;
//#endregion
export { page_header_title_breadcrumb_default as default };
//# sourceMappingURL=page-header-title-breadcrumb.js.map