import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime'; export declare class Q2Example implements ComponentInterface { /** * 1. Own properties * Variables that are not exposed publicly due to the lack of the @Prop() * decorator. They are for internal use only. List in alphabetical order * and always set the type if a default value has not been set. If a * default value has been set, then the type can be omitted because it is * already inferred. If one of these properties needs to be initialized * with the value of another one of these properties, then the * initialization should be done in the componentWillLoad() lifecycle * event so that these properties can be alphabetizes without referencing * a property before it is declared. */ num: number; someText: string; /** * 2. Host HTML element * Reference to host HTML element if needed. */ el: HTMLElement; /** * 3. State properties * Variables that are used to track state internally via the @State() * decorator. They are for internal use only. List in alphabetical order * and always set the type if a default value has not been set. If a * default value has been set, then the type can be omitted because it is * already inferred. */ isValidated: boolean; status: number; /** * 4. Public property API * Variables that are exposed publicly via @Prop() decorator as * properties and attributes on the host element. Document each using * JSDoc comments, list in alphabetical order, and always set the type if * a default value has not been set. If a default value has been set, * then the type can be omitted because it is already inferred. */ /** * The content of the menu. */ content: string; /** * If `true`, the user cannot interact with the menu. */ disabled: boolean; /** * Specifies the menu type. */ type: string; /** * 5. Events * Custom events dispatched from the component that are defined via the * @Event() decorator. Start each event name with "tct" so they do not * conflict with native events. Document each using JSDoc comments and * list in alphabetical order. */ tctClick: EventEmitter; tctDrag: EventEmitter; tctOpen: EventEmitter; /** * 6. Component lifecycle events * Order by their natural call order. */ connectedCallback(): void; disconnectedCallback(): void; componentWillLoad(): void; componentDidLoad(): void; componentShouldUpdate(newVal: any, oldVal: any, propName: string): boolean; componentWillUpdate(): void; componentDidUpdate(): void; componentWillRender(): void; componentDidRender(): void; /** * 7. Listeners * Event listeners defined via the @Listen() decorator. List in * alphabetical order of the event name. Recommend starting listener * methods with "on". */ onClick(ev: UIEvent): void; onDrag(ev: UIEvent): void; /** * 8. Public methods API * Methods exposed on the host element via the @Method() decorator. * Document each using JSDoc comments and include the "@testOnly" tag for * test methods. Must be async, and listed in alphabetical order. */ /** * Closes the menu. */ close(): Promise; openMenu(): Promise; /** * 9. Watchers * Methods that are called when a property is updated as specified via * the @Watch() decorator. List in alphabetical order of the property. */ contentChanged(newContent: string, oldContent: string): void; statusChanged(newStatus: string, oldStatus: string): void; /** * 10. Local methods * Methods that contain internal business logic. These methods cannot be * called from the host element. This includes getters. List getters * first in alphabetical order, then list the rest of the methods in * alphabetical order. */ get menuState(): string; prepareAnimation(): Promise; updateState(): void; /** * 11. Render methods * The render() method and helper methods used by render() that return * JSX. Names should start with "render". List in alphabetical order, * except for the render() method which should always be last */ renderMenuInner(): any; render(): any; }