@carbon/ibm-products-web-components
Version:
Carbon for IBM Products Web Components
93 lines • 2.66 kB
TypeScript
/**
* @license
*
* Copyright IBM Corp. 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.
*/
import { LitElement } from 'lit';
import '@carbon/web-components/es/components/button/index.js';
import '@carbon/web-components/es/components/layer/index.js';
export declare const blockClass = "c4p--options-tile";
declare const CDSOptionsTile_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;
/**
* OptionsTile.
*
* @element c4p-options-tile
* @csspart options-tile The options tile
* @fires c4p-options-tile-open Custom event fired when tile is opened
* @fires c4p-options-tile-close Custom event fired when tile is closed
* */
declare class CDSOptionsTile extends CDSOptionsTile_base {
/**
* Determines if the tile is open by default
*/
defaultOpen?: boolean;
/**
* Determines the size of the header
*/
size?: 'lg' | 'xl';
/**
* ID for the title
*/
titleId: string;
/**
* Text for the title
*/
titleText: string;
/**
* Whether the OptionsTile is in locked validation state.
*/
locked?: boolean;
/**
* Provide a text explaining why the OptionsTile is in locked state.
*/
lockedText?: string;
/**
* Whether the OptionsTile is in warning validation state.
*/
warn?: boolean;
/**
* Provide a text explaining why the OptionsTile is in warning state.
*/
warnText?: string;
/**
* Using the native toggle event handler in details can cause an infinite loop
* when setting the native open attribute. To combat this, the open state is kept
* here and only referenced internally.
*/
private _open;
/**
* Tracks whether the toggle slot has content
*/
private _hasToggle;
/**
* Tracks whether the body slot has content
*/
private _hasBody;
static get eventOpen(): string;
static get eventClose(): string;
private _handleToggleSlotChange;
private _handleBodySlotChange;
private _toggle;
private _handleOpen;
private _handleClose;
render(): import("lit-html").TemplateResult<1>;
static styles: any;
}
export default CDSOptionsTile;
//# sourceMappingURL=options-tile.d.ts.map