smart-webcomponents-angular
Version:
[](https://jqwidgets.com/license/)
50 lines (49 loc) • 3.87 kB
TypeScript
import { AccordionItem } from './../index';
import { AccordionItemArrow } from './../index';
import { AfterViewInit, ElementRef, OnInit, OnChanges, OnDestroy, SimpleChanges, EventEmitter } from '@angular/core';
import { BaseElement } from './smart.element';
import * as i0 from "@angular/core";
export { AccordionItemArrow, ElementRenderMode } from './../index';
export { Smart } from './smart.element';
export { AccordionItem } from './../index';
export declare class AccordionItemComponent extends BaseElement implements OnInit, AfterViewInit, OnDestroy, OnChanges {
constructor(ref: ElementRef<AccordionItem>);
private eventHandlers;
nativeElement: AccordionItem;
/** @description Creates the component on demand.
* @param properties An optional object of properties, which will be added to the template binded ones.
*/
createComponent(properties?: {}): any;
/** @description Specifies or retrieves the position of the arrow indicator within the header. Accepts values such as 'left', 'right', or 'none'. When set to 'none', the arrow will not be displayed in the header. */
get arrow(): AccordionItemArrow | string;
set arrow(value: AccordionItemArrow | string);
/** @description Sets or retrieves the content of the item. Use this property to assign new content to the item or to access its current content value. */
get content(): string | HTMLElement;
set content(value: string | HTMLElement);
/** @description Gets or sets whether the element is in its expanded or collapsed state. When set to true, the element is expanded and its content is visible; when false, the element is collapsed and its content is hidden. */
get expanded(): boolean;
set expanded(value: boolean);
/** @description Gets or sets whether the element currently has input focus. When set to true, the element receives focus; when set to false, the element loses focus. This property reflects the element's current focus state within the user interface. */
get focused(): boolean;
set focused(value: boolean);
/** @description Sets or retrieves the label of the item. This property allows you to assign a descriptive name to the item or access its current label. */
get label(): string;
set label(value: string);
/** @description This event is triggered whenever the item transitions from an expanded to a collapsed state, typically as a result of user interaction or a programmatic action. Use this event to execute custom logic or update the UI when the item is hidden or minimized.
* @param event. The custom event. */
onCollapse: EventEmitter<CustomEvent>;
/** @description This event is triggered when a user expands an item, such as clicking to reveal additional content or details. It typically occurs after the expansion animation or transition is complete, indicating that the item is now fully visible. Use this event to perform actions that should only occur once the item has been expanded, such as loading related data or updating the user interface.
* @param event. The custom event. */
onExpand: EventEmitter<CustomEvent>;
get isRendered(): boolean;
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
ngOnChanges(changes: SimpleChanges): void;
/** @description Add event listeners. */
private listen;
/** @description Remove event listeners. */
private unlisten;
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionItemComponent, "smart-accordion-item, [smart-accordion-item]", ["smart-accordion-item"], { "arrow": "arrow"; "content": "content"; "expanded": "expanded"; "focused": "focused"; "label": "label"; }, { "onCollapse": "onCollapse"; "onExpand": "onExpand"; }, never>;
}