@jupyter/web-components
Version:
A component library for building extensions in Jupyter frontends.
67 lines (66 loc) • 2.48 kB
TypeScript
import { Disclosure } from '@microsoft/fast-foundation';
import { disclosureStyles as styles } from './disclosure.styles.js';
/**
* Types of anchor appearance.
* @public
*/
export type DisclosureAppearance = 'accent' | 'lightweight';
/**
* Disclosure class
*
* @public
* @tagname jp-disclosure
*/
declare class JupyterDisclosure extends Disclosure {
/**
* Disclosure default height
*/
private height;
/**
* Disclosure height after it's expanded
*/
private totalHeight;
connectedCallback(): void;
/**
* The appearance the anchor should have.
*
* @public
* @remarks
* HTML Attribute: appearance
*/
appearance?: DisclosureAppearance;
appearanceChanged(oldValue: DisclosureAppearance, newValue: DisclosureAppearance): void;
/**
* Set disclosure height while transitioning
* @override
*/
protected onToggle(): void;
/**
* Calculate disclosure height before and after expanded
* @override
*/
protected setup(): void;
get disclosureHeight(): number;
}
/**
* A function that returns a {@link @microsoft/fast-foundation#Disclosure} registration for configuring the component with a DesignSystem.
* Implements {@link @microsoft/fast-foundation#disclosureTemplate}
*
*
* @public
* @remarks
* Generates HTML Element: `<jp-Disclosure>`
*
*/
export declare const jpDisclosure: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
baseName: string;
baseClass: typeof Disclosure;
template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<Disclosure, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
styles: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ElementStyles>;
}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
baseName: string;
baseClass: typeof Disclosure;
template: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ViewTemplate<Disclosure, any>, import("@microsoft/fast-foundation").FoundationElementDefinition>;
styles: import("@microsoft/fast-foundation").FoundationElementTemplate<import("@microsoft/fast-element").ElementStyles>;
}, typeof JupyterDisclosure>;
export { JupyterDisclosure as Disclosure, styles as disclosureStyles };