@limetech/lime-elements
Version:
50 lines • 1.81 kB
TypeScript
import { CustomElementDefinition } from '../../global/shared-types/custom-element.types';
/**
* The Markdown component receives markdown syntax
* and renders it as HTML.
*
* @exampleComponent limel-example-markdown-headings
* @exampleComponent limel-example-markdown-emphasis
* @exampleComponent limel-example-markdown-lists
* @exampleComponent limel-example-markdown-links
* @exampleComponent limel-example-markdown-images
* @exampleComponent limel-example-markdown-code
* @exampleComponent limel-example-markdown-footnotes
* @exampleComponent limel-example-markdown-tables
* @exampleComponent limel-example-markdown-html
* @exampleComponent limel-example-markdown-keys
* @exampleComponent limel-example-markdown-blockquotes
* @exampleComponent limel-example-markdown-horizontal-rule
* @exampleComponent limel-example-markdown-composite
* @exampleComponent limel-example-markdown-custom-component
*/
export declare class Markdown {
/**
* The input text. Treated as GitHub Flavored Markdown, with the addition
* that any included HTML will be parsed and rendered as HTML, rather than
* as text.
*/
value: string;
/**
* Whitelisted html elements.
*
* Any custom element added here will not be sanitized and thus rendered.
* Can also be set via `limel-config`. Setting this property will override
* the global config.
* @alpha
*/
whitelist?: CustomElementDefinition[];
/**
* Enable lazy loading for images
*/
lazyLoadImages: boolean;
textChanged(): Promise<void>;
private rootElement;
private imageIntersectionObserver;
componentDidLoad(): Promise<void>;
disconnectedCallback(): void;
render(): any[];
private setupImageIntersectionObserver;
private cleanupImageIntersectionObserver;
}
//# sourceMappingURL=markdown.d.ts.map