@carbon/ibm-products-web-components
Version:
Carbon for IBM Products Web Components
66 lines • 2.66 kB
TypeScript
/**
* @license
*
* Copyright IBM Corp. 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 { LitElement, PropertyValues } from 'lit';
import '@carbon/web-components/es/components/modal/index.js';
declare const CDSTearsheetHeader_base: {
new (...args: any[]): {
_handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
connectedCallback(): void;
disconnectedCallback(): void;
};
_hostListeners: {
[listenerName: string]: {
[type: string]: {
options?: boolean | AddEventListenerOptions;
};
};
};
} & typeof LitElement & (new (...args: any[]) => import("@lit-labs/signals").SignalWatcherApi);
/**
* Tearsheet Header component - Contains the header section with title, description, and actions.
* The decorator (AI label) and close button are now rendered inside c4p-tearsheet-header-content
* to achieve the correct DOM tab order: header-actions → decorator → close → header-content.
*
* @element c4p-tearsheet-header
* @slot header-content - The main header content area (use c4p-tearsheet-header-content)
* @slot - Default slot for other content
* @slot navigation-bar - Navigation tabs or breadcrumbs below the header
* @fires c4p-tearsheet-header-collapse-change - Internal event; parent tearsheet re-dispatches
* this as the public `c4p-preview-tearsheet-collapse-change` event.
*/
declare class CDSTearsheetHeader extends CDSTearsheetHeader_base {
slot: string;
/**
* Tooltip text and aria label for the Close button icon.
*/
closeIconDescription: string;
/**
* Optional parameter to hide the progress indicator when multiple steps are used.
*/
hideCloseButton: boolean;
/**
* Default header collapse/expand while scrolling the main content can be disabled by setting this
*/
disableHeaderCollapse: boolean;
connectedCallback(): void;
protected firstUpdated(): void;
protected updated(_changedProperties: PropertyValues): void;
private updateCollapsedAttribute;
render(): import("lit-html").TemplateResult<1>;
static styles: any;
static get eventCloseButtonClicked(): string;
/**
* Internal event fired when the collapse state changes.
* The parent `c4p-preview-tearsheet` intercepts this and re-dispatches it as
* the public `c4p-preview-tearsheet-collapse-change` event.
*/
static get eventCollapseChange(): string;
}
export default CDSTearsheetHeader;
//# sourceMappingURL=tearsheet-header.d.ts.map