@xlabs-store/angular 0.0.1

package/dist/types/xlabs-store-angular.d.ts

@@ -0,0 +1,2220 @@
+import * as i0 from '@angular/core';
+import { NgZone, EventEmitter, ChangeDetectorRef, ElementRef, TemplateRef, AfterContentInit, OnDestroy, QueryList, ModuleWithProviders } from '@angular/core';
+import { Components, AutoCompleteChangeEventDetail, AutoCompleteOpenChangeEventDetail, AutoCompleteSelectEventDetail, AutoCompleteSearchEventDetail, AutoCompletePopupScrollEventDetail, AvatarErrorEventDetail, CascaderChangeEventDetail, CascaderSearchEventDetail, CascaderDropdownVisibleChangeDetail, CascaderLoadDataEventDetail, CascaderMenuItemClickDetail, CascaderMenuItemHoverDetail, CheckboxChangeEventDetail, CollapseChangeEventDetail, ColorChangeEventDetail, Color, FormatChangeEventDetail, OpenChangeEventDetail, ScrollDetail, DatePickerChangeEventDetail, DateCellClickDetail, MonthCellClickDetail, YearCellClickDetail, QuarterCellClickDetail, WeekCellClickDetail, HeaderActionDetail, TimeChangeDetail, DropdownOpenChangeEventDetail, DropdownMenuClickEventDetail, FinderItem, XFormBuilderChangeDetail, XFormBuilderSubmitDetail, XTableActionDetail, XFormBuilderErrorDetail, XFormBuilderClickDetail, ImageErrorEventDetail, ImageLoadEventDetail, ImagePreviewVisibleChangeEventDetail, InputChangeEventDetail, InputNumberChangeEventDetail, InputNumberStepEventDetail, MentionOption, MenuSelectDetail, MenuDeselectDetail, MenuClickDetail, MenuOpenChangeDetail, MenuItemClickDetail, SubmenuToggleDetail, SubmenuTitleClickDetail, PaginationChangeEventDetail, PaginationShowSizeChangeEventDetail, RadioChangeEventDetail, RadioGroupChangeEventDetail, RangePickerChangeEventDetail, RangeDateClickDetail, RangeHeaderActionDetail, PresetClickDetail, RangeTimeChangeDetail, SegmentedValue, SelectChangeEventDetail, SelectOption, SliderValue, SplitterCollapseDetail, PanelResizeStartDetail, PanelCollapseDetail, StepClickEventDetail, StepsChangeEventDetail, SwitchClickEvent, TableChangeEventDetail, TableRowEventDetail, TableSelectionChangeEventDetail, TableExpandEventDetail, TableColumnSortEventDetail, TableRowSortEventDetail, TabsChangeEventDetail, TabsClickEventDetail, TabsEditEventDetail, TabsScrollEventDetail, TimePickerChangeEventDetail, TooltipOpenChangeEventDetail, TransferChangeEvent, TransferSelectChangeEvent, TransferSearchEvent, TransferScrollEvent, TreeExpandEvent, TreeSelectEvent, TreeCheckEvent, TreeDragEvent, TreeActionEvent, TreeSelectChangeEventDetail, TreeSelectExpandEventDetail, TreeSelectSearchEventDetail, TreeNodeClickDetail, TreeNodeExpandDetail, TreeNodeCheckDetail, UploadChangeEventDetail, UploadRemoveEventDetail, UploadPreviewEventDetail, UploadDownloadEventDetail, UploadDropEventDetail, XNode, XEdge, Viewport, XConnection, TableColumn } from '@xlabs-store/core';
+export * from '@xlabs-store/core';
+export { message, modal, notification } from '@xlabs-store/core';
+import * as i4 from '@angular/common';
+
+declare class XAddress {
+    protected z: NgZone;
+    protected el: HTMLXAddressElement;
+    xChange: EventEmitter<CustomEvent<any>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAddress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAddress, "x-address", never, { "disabled": { "alias": "disabled"; "required": false; }; "districtsData": { "alias": "districtsData"; "required": false; }; "placeholderDistrict": { "alias": "placeholderDistrict"; "required": false; }; "placeholderProvince": { "alias": "placeholderProvince"; "required": false; }; "placeholderWard": { "alias": "placeholderWard"; "required": false; }; "provincesData": { "alias": "provincesData"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wardsData": { "alias": "wardsData"; "required": false; }; }, { "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XAddress extends Components.XAddress {
+    xChange: EventEmitter<CustomEvent<any>>;
+}
+declare class XAffix {
+    protected z: NgZone;
+    protected el: HTMLXAffixElement;
+    xChange: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAffix, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAffix, "x-affix", never, { "bottomOffset": { "alias": "bottomOffset"; "required": false; }; "target": { "alias": "target"; "required": false; }; "topOffset": { "alias": "topOffset"; "required": false; }; }, { "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XAffix extends Components.XAffix {
+    /**
+     * Emits when affix state changes. @example <x-affix onXChange={(ev) => console.log(ev.detail)}></x-affix>
+     */
+    xChange: EventEmitter<CustomEvent<boolean>>;
+}
+declare class XAlert {
+    protected z: NgZone;
+    protected el: HTMLXAlertElement;
+    xClose: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAlert, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAlert, "x-alert", never, { "banner": { "alias": "banner"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "description": { "alias": "description"; "required": false; }; "message": { "alias": "message"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XAlert extends Components.XAlert {
+    /**
+     * Emits when the alert is closed. @example <x-alert onXClose={() => console.log('closed')}></x-alert>
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+}
+declare class XAnchor {
+    protected z: NgZone;
+    protected el: HTMLXAnchorElement;
+    xClick: EventEmitter<CustomEvent<string>>;
+    xChange: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAnchor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAnchor, "x-anchor", never, { "affix": { "alias": "affix"; "required": false; }; "bounds": { "alias": "bounds"; "required": false; }; "getContainer": { "alias": "getContainer"; "required": false; }; "showInkInFixed": { "alias": "showInkInFixed"; "required": false; }; "targetOffset": { "alias": "targetOffset"; "required": false; }; "topOffset": { "alias": "topOffset"; "required": false; }; }, { "xClick": "xClick"; "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XAnchor extends Components.XAnchor {
+    /**
+     * Emits when a link is clicked. @example <x-anchor onXClick={(ev) => console.log(ev.detail)}></x-anchor>
+     */
+    xClick: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emits when active link changes. @example <x-anchor onXChange={(ev) => console.log(ev.detail)}></x-anchor>
+     */
+    xChange: EventEmitter<CustomEvent<string>>;
+}
+declare class XAnchorLink {
+    protected z: NgZone;
+    protected el: HTMLXAnchorLinkElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAnchorLink, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAnchorLink, "x-anchor-link", never, { "href": { "alias": "href"; "required": false; }; "linkTitle": { "alias": "linkTitle"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XAnchorLink extends Components.XAnchorLink {
+}
+declare class XApp {
+    protected z: NgZone;
+    protected el: HTMLXAppElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XApp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XApp, "x-app", never, { "fixed": { "alias": "fixed"; "required": false; }; "iconConfig": { "alias": "iconConfig"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XApp extends Components.XApp {
+}
+declare class XAutoComplete {
+    protected z: NgZone;
+    protected el: HTMLXAutoCompleteElement;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xChange: EventEmitter<CustomEvent<AutoCompleteChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<AutoCompleteOpenChangeEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xSelect: EventEmitter<CustomEvent<AutoCompleteSelectEventDetail>>;
+    xClear: EventEmitter<CustomEvent<void>>;
+    xSearch: EventEmitter<CustomEvent<AutoCompleteSearchEventDetail>>;
+    xInputKeyDown: EventEmitter<CustomEvent<KeyboardEvent>>;
+    xPopupScroll: EventEmitter<CustomEvent<AutoCompletePopupScrollEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAutoComplete, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAutoComplete, "x-auto-complete", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "backfill": { "alias": "backfill"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultActiveFirstOption": { "alias": "defaultActiveFirstOption"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "filterOption": { "alias": "filterOption"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popupMatchSelectWidth": { "alias": "popupMatchSelectWidth"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; }, { "xBlur": "xBlur"; "xChange": "xChange"; "xOpenChange": "xOpenChange"; "xFocus": "xFocus"; "xSelect": "xSelect"; "xClear": "xClear"; "xSearch": "xSearch"; "xInputKeyDown": "xInputKeyDown"; "xPopupScroll": "xPopupScroll"; }, never, ["*"], false, never>;
+}
+declare interface XAutoComplete extends Components.XAutoComplete {
+    /**
+     * Called when leaving the input field. @example <x-auto-complete onXBlur={(ev) => console.log(ev)}></x-auto-complete>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Called when value changes. @example <x-auto-complete onXChange={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xChange: EventEmitter<CustomEvent<AutoCompleteChangeEventDetail>>;
+    /**
+     * Called when dropdown visibility changes. @example <x-auto-complete onXOpenChange={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xOpenChange: EventEmitter<CustomEvent<AutoCompleteOpenChangeEventDetail>>;
+    /**
+     * Called when entering the input field. @example <x-auto-complete onXFocus={(ev) => console.log(ev)}></x-auto-complete>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Called when a selection is made. @example <x-auto-complete onXSelect={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xSelect: EventEmitter<CustomEvent<AutoCompleteSelectEventDetail>>;
+    /**
+     * Called when the clear button is clicked. @example <x-auto-complete onXClear={() => {}}></x-auto-complete>
+     */
+    xClear: EventEmitter<CustomEvent<void>>;
+    /**
+     * Called when keyboard input changes. @example <x-auto-complete onXSearch={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xSearch: EventEmitter<CustomEvent<AutoCompleteSearchEventDetail>>;
+    /**
+     * Called when a key is pressed in the input. @example <x-auto-complete onXInputKeyDown={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xInputKeyDown: EventEmitter<CustomEvent<KeyboardEvent>>;
+    /**
+     * Called when the popup scroll. @example <x-auto-complete onXPopupScroll={(ev) => console.log(ev.detail)}></x-auto-complete>
+     */
+    xPopupScroll: EventEmitter<CustomEvent<AutoCompletePopupScrollEventDetail>>;
+}
+declare class XAutoCompleteDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXAutoCompleteDropdownContentElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAutoCompleteDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAutoCompleteDropdownContent, "x-auto-complete-dropdown-content", never, { "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XAutoCompleteDropdownContent extends Components.XAutoCompleteDropdownContent {
+}
+declare class XAvatar {
+    protected z: NgZone;
+    protected el: HTMLXAvatarElement;
+    xError: EventEmitter<CustomEvent<AvatarErrorEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XAvatar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAvatar, "x-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "imgDraggable": { "alias": "imgDraggable"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; }, { "xError": "xError"; }, never, ["*"], false, never>;
+}
+declare interface XAvatar extends Components.XAvatar {
+    /**
+     * Handler when img load error. @example <x-avatar onXError={(ev) => console.log(ev.detail)}></x-avatar>
+     */
+    xError: EventEmitter<CustomEvent<AvatarErrorEventDetail>>;
+}
+declare class XBackTop {
+    protected z: NgZone;
+    protected el: HTMLXBackTopElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XBackTop, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBackTop, "x-back-top", never, { "duration": { "alias": "duration"; "required": false; }; "visibilityHeight": { "alias": "visibilityHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XBackTop extends Components.XBackTop {
+}
+declare class XBadge {
+    protected z: NgZone;
+    protected el: HTMLXBadgeElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XBadge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBadge, "x-badge", never, { "badgeTitle": { "alias": "badgeTitle"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "color": { "alias": "color"; "required": false; }; "count": { "alias": "count"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "overflowCount": { "alias": "overflowCount"; "required": false; }; "showZero": { "alias": "showZero"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XBadge extends Components.XBadge {
+}
+declare class XBreadcrumb {
+    protected z: NgZone;
+    protected el: HTMLXBreadcrumbElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XBreadcrumb, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBreadcrumb, "x-breadcrumb", never, { "separator": { "alias": "separator"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XBreadcrumb extends Components.XBreadcrumb {
+}
+declare class XBreadcrumbItem {
+    protected z: NgZone;
+    protected el: HTMLXBreadcrumbItemElement;
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XBreadcrumbItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBreadcrumbItem, "x-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, { "xClick": "xClick"; }, never, ["*"], false, never>;
+}
+declare interface XBreadcrumbItem extends Components.XBreadcrumbItem {
+    /**
+     * Click event. @example <x-breadcrumb-item onXClick={(ev) => console.log(ev.detail)}>Home</x-breadcrumb-item>
+     */
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class XButton {
+    protected z: NgZone;
+    protected el: HTMLXButtonElement;
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XButton, "x-button", never, { "block": { "alias": "block"; "required": false; }; "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "href": { "alias": "href"; "required": false; }; "htmlType": { "alias": "htmlType"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xClick": "xClick"; }, never, ["*"], false, never>;
+}
+declare interface XButton extends Components.XButton {
+    /**
+     * Set the handler to handle click event. @example <x-button onXClick={(ev) => console.log(ev.detail)}>Click</x-button>
+     */
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class XCaptcha {
+    protected z: NgZone;
+    protected el: HTMLXCaptchaElement;
+    xChange: EventEmitter<CustomEvent<string>>;
+    xValidate: EventEmitter<CustomEvent<{
+        isValid: boolean;
+        message: string;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCaptcha, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCaptcha, "x-captcha", never, { "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "message": { "alias": "message"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xValidate": "xValidate"; }, never, ["*"], false, never>;
+}
+declare interface XCaptcha extends Components.XCaptcha {
+    /**
+     * Emitted when user types in the input field.
+     */
+    xChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emitted when validation is performed.
+     */
+    xValidate: EventEmitter<CustomEvent<{
+        isValid: boolean;
+        message: string;
+    }>>;
+}
+declare class XCard {
+    protected z: NgZone;
+    protected el: HTMLXCardElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCard, "x-card", never, { "bordered": { "alias": "bordered"; "required": false; }; "cardTitle": { "alias": "cardTitle"; "required": false; }; "cover": { "alias": "cover"; "required": false; }; "extra": { "alias": "extra"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XCard extends Components.XCard {
+}
+declare class XCarousel {
+    protected z: NgZone;
+    protected el: HTMLXCarouselElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCarousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCarousel, "x-carousel", never, { "autoplay": { "alias": "autoplay"; "required": false; }; "dotPosition": { "alias": "dotPosition"; "required": false; }; "dots": { "alias": "dots"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XCarousel extends Components.XCarousel {
+}
+declare class XCascader {
+    protected z: NgZone;
+    protected el: HTMLXCascaderElement;
+    xChange: EventEmitter<CustomEvent<CascaderChangeEventDetail>>;
+    xSearch: EventEmitter<CustomEvent<CascaderSearchEventDetail>>;
+    xDropdownVisibleChange: EventEmitter<CustomEvent<CascaderDropdownVisibleChangeDetail>>;
+    xLoadData: EventEmitter<CustomEvent<CascaderLoadDataEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<void>>;
+    xBlur: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCascader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCascader, "x-cascader", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "changeOnSelect": { "alias": "changeOnSelect"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displaySeparator": { "alias": "displaySeparator"; "required": false; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; }; "fieldNames": { "alias": "fieldNames"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "xChange": "xChange"; "xSearch": "xSearch"; "xDropdownVisibleChange": "xDropdownVisibleChange"; "xLoadData": "xLoadData"; "xFocus": "xFocus"; "xBlur": "xBlur"; }, never, ["*"], false, never>;
+}
+declare interface XCascader extends Components.XCascader {
+    /**
+     * Emitted when the selected value changes. @event xChange,@example <x-cascader onXChange={(ev) => console.log('Selected:', ev.detail.value)} />
+     */
+    xChange: EventEmitter<CustomEvent<CascaderChangeEventDetail>>;
+    /**
+     * Emitted when the user types in the search input. @event xSearch,@example <x-cascader onXSearch={(ev) => console.log('Searching:', ev.detail.value)} />
+     */
+    xSearch: EventEmitter<CustomEvent<CascaderSearchEventDetail>>;
+    /**
+     * Emitted when the dropdown menu visibility changes. @event xDropdownVisibleChange,@example <x-cascader onXDropdownVisibleChange={(ev) => console.log('Visible:', ev.detail.visible)} />
+     */
+    xDropdownVisibleChange: EventEmitter<CustomEvent<CascaderDropdownVisibleChangeDetail>>;
+    /**
+     * Emitted when a sub-menu needs to load data asynchronously. @event xLoadData,@example <x-cascader onXLoadData={(ev) => handleLoadData(ev.detail.option)} />
+     */
+    xLoadData: EventEmitter<CustomEvent<CascaderLoadDataEventDetail>>;
+    /**
+     * Emitted when the component receives focus. @event xFocus
+     */
+    xFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the component loses focus. @event xBlur
+     */
+    xBlur: EventEmitter<CustomEvent<void>>;
+}
+declare class XCascaderDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXCascaderDropdownContentElement;
+    xItemClick: EventEmitter<CustomEvent<CascaderMenuItemClickDetail>>;
+    xItemHover: EventEmitter<CustomEvent<CascaderMenuItemHoverDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCascaderDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCascaderDropdownContent, "x-cascader-dropdown-content", never, { "activeOptions": { "alias": "activeOptions"; "required": false; }; "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; }; "fieldNames": { "alias": "fieldNames"; "required": false; }; "hoveredPath": { "alias": "hoveredPath"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "selectedPath": { "alias": "selectedPath"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; }, { "xItemClick": "xItemClick"; "xItemHover": "xItemHover"; }, never, ["*"], false, never>;
+}
+declare interface XCascaderDropdownContent extends Components.XCascaderDropdownContent {
+    /**
+     * Emitted when a menu item is clicked.
+  Provides the option data and its depth in the hierarchy. @event xItemClick,@example <x-cascader-dropdown-content onXItemClick={(ev) => handleItemClick(ev.detail)} />
+     */
+    xItemClick: EventEmitter<CustomEvent<CascaderMenuItemClickDetail>>;
+    /**
+     * Emitted when a menu item is hovered.
+  This is typically used to trigger sub-menu expansion if expandTrigger is 'hover'. @event xItemHover,@example <x-cascader-dropdown-content onXItemHover={(ev) => handleItemHover(ev.detail)} />
+     */
+    xItemHover: EventEmitter<CustomEvent<CascaderMenuItemHoverDetail>>;
+}
+declare class XCheckbox {
+    protected z: NgZone;
+    protected el: HTMLXCheckboxElement;
+    xChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<void>>;
+    xBlur: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCheckbox, "x-checkbox", never, { "alignment": { "alias": "alignment"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "checkboxId": { "alias": "checkboxId"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xFocus": "xFocus"; "xBlur": "xBlur"; }, never, ["*"], false, never>;
+}
+declare interface XCheckbox extends Components.XCheckbox {
+    /**
+     * Callback fired when the checkbox state changes. @example <x-checkbox onXChange={(ev) => console.log(ev.detail)}>Change</x-checkbox>
+     */
+    xChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;
+    /**
+     * Callback fired when the checkbox is focused. @example <x-checkbox onXFocus={() => {}}>Focus</x-checkbox>
+     */
+    xFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Callback fired when the checkbox loses focus. @example <x-checkbox onXBlur={() => {}}>Blur</x-checkbox>
+     */
+    xBlur: EventEmitter<CustomEvent<void>>;
+}
+declare class XCol {
+    protected z: NgZone;
+    protected el: HTMLXColElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCol, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCol, "x-col", never, { "flex": { "alias": "flex"; "required": false; }; "lg": { "alias": "lg"; "required": false; }; "md": { "alias": "md"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "order": { "alias": "order"; "required": false; }; "pull": { "alias": "pull"; "required": false; }; "push": { "alias": "push"; "required": false; }; "sm": { "alias": "sm"; "required": false; }; "span": { "alias": "span"; "required": false; }; "xl": { "alias": "xl"; "required": false; }; "xs": { "alias": "xs"; "required": false; }; "xxl": { "alias": "xxl"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XCol extends Components.XCol {
+}
+declare class XCollapse {
+    protected z: NgZone;
+    protected el: HTMLXCollapseElement;
+    xChange: EventEmitter<CustomEvent<CollapseChangeEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCollapse, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapse, "x-collapse", never, { "accordion": { "alias": "accordion"; "required": false; }; "activeKey": { "alias": "activeKey"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "defaultActiveKey": { "alias": "defaultActiveKey"; "required": false; }; "destroyInactivePanel": { "alias": "destroyInactivePanel"; "required": false; }; "expandIconPosition": { "alias": "expandIconPosition"; "required": false; }; "ghost": { "alias": "ghost"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XCollapse extends Components.XCollapse {
+    /**
+     * Callback function executed when active panel is changed @example <x-collapse onXChange={(ev) => console.log(ev.detail)}></x-collapse>
+     */
+    xChange: EventEmitter<CustomEvent<CollapseChangeEventDetail>>;
+}
+declare class XCollapsePanel {
+    protected z: NgZone;
+    protected el: HTMLXCollapsePanelElement;
+    xItemClick: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCollapsePanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XCollapsePanel, "x-collapse-panel", never, { "active": { "alias": "active"; "required": false; }; "collapseSize": { "alias": "collapseSize"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "destroyInactivePanel": { "alias": "destroyInactivePanel"; "required": false; }; "expandIconPosition": { "alias": "expandIconPosition"; "required": false; }; "forceRender": { "alias": "forceRender"; "required": false; }; "header": { "alias": "header"; "required": false; }; "panelKey": { "alias": "panelKey"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; }, { "xItemClick": "xItemClick"; }, never, ["*"], false, never>;
+}
+declare interface XCollapsePanel extends Components.XCollapsePanel {
+    /**
+     * Emitted when panel header is clicked @example <x-collapse-panel onXItemClick={(ev) => console.log(ev.detail)}></x-collapse-panel>
+     */
+    xItemClick: EventEmitter<CustomEvent<string>>;
+}
+declare class XColorPicker {
+    protected z: NgZone;
+    protected el: HTMLXColorPickerElement;
+    xChange: EventEmitter<CustomEvent<ColorChangeEventDetail>>;
+    xChangeComplete: EventEmitter<CustomEvent<Color>>;
+    xFormatChange: EventEmitter<CustomEvent<FormatChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<OpenChangeEventDetail>>;
+    xClear: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XColorPicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XColorPicker, "x-color-picker", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultFormat": { "alias": "defaultFormat"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledAlpha": { "alias": "disabledAlpha"; "required": false; }; "disabledFormat": { "alias": "disabledFormat"; "required": false; }; "format": { "alias": "format"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xChangeComplete": "xChangeComplete"; "xFormatChange": "xFormatChange"; "xOpenChange": "xOpenChange"; "xClear": "xClear"; }, never, ["*"], false, never>;
+}
+declare interface XColorPicker extends Components.XColorPicker {
+    /**
+     * Callback when value is changed @example <x-color-picker onXChange={(ev) => console.log(ev.detail)}></x-color-picker>
+     */
+    xChange: EventEmitter<CustomEvent<ColorChangeEventDetail>>;
+    /**
+     * Called when color pick ends @example <x-color-picker onXChangeComplete={(ev) => console.log(ev.detail)}></x-color-picker>
+     */
+    xChangeComplete: EventEmitter<CustomEvent<Color>>;
+    /**
+     * Callback when format is changed @example <x-color-picker onXFormatChange={(ev) => console.log(ev.detail)}></x-color-picker>
+     */
+    xFormatChange: EventEmitter<CustomEvent<FormatChangeEventDetail>>;
+    /**
+     * Callback when open is changed @example <x-color-picker onXOpenChange={(ev) => console.log(ev.detail)}></x-color-picker>
+     */
+    xOpenChange: EventEmitter<CustomEvent<OpenChangeEventDetail>>;
+    /**
+     * Called when clear @example <x-color-picker onXClear={() => {}}></x-color-picker>
+     */
+    xClear: EventEmitter<CustomEvent<void>>;
+}
+declare class XComment {
+    protected z: NgZone;
+    protected el: HTMLXCommentElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XComment, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XComment, "x-comment", never, { "author": { "alias": "author"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "content": { "alias": "content"; "required": false; }; "datetime": { "alias": "datetime"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XComment extends Components.XComment {
+}
+declare class XContent {
+    protected z: NgZone;
+    protected el: HTMLXContentElement;
+    xScrollStart: EventEmitter<CustomEvent<ScrollDetail>>;
+    xScroll: EventEmitter<CustomEvent<ScrollDetail>>;
+    xScrollEnd: EventEmitter<CustomEvent<ScrollDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XContent, "x-content", never, { "scrollEvents": { "alias": "scrollEvents"; "required": false; }; "scrollX": { "alias": "scrollX"; "required": false; }; "scrollY": { "alias": "scrollY"; "required": false; }; }, { "xScrollStart": "xScrollStart"; "xScroll": "xScroll"; "xScrollEnd": "xScrollEnd"; }, never, ["*"], false, never>;
+}
+declare interface XContent extends Components.XContent {
+    /**
+     * Emitted when start scrolling.
+     */
+    xScrollStart: EventEmitter<CustomEvent<ScrollDetail>>;
+    /**
+     * Emitted while scrolling.
+     */
+    xScroll: EventEmitter<CustomEvent<ScrollDetail>>;
+    /**
+     * Emitted when end scrolling.
+     */
+    xScrollEnd: EventEmitter<CustomEvent<ScrollDetail>>;
+}
+declare class XDatePicker {
+    protected z: NgZone;
+    protected el: HTMLXDatePickerElement;
+    xChange: EventEmitter<CustomEvent<DatePickerChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xPanelChange: EventEmitter<CustomEvent<{
+        value: Date;
+        mode: string;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDatePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePicker, "x-date-picker", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultPickerValue": { "alias": "defaultPickerValue"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nextIcon": { "alias": "nextIcon"; "required": false; }; "open": { "alias": "open"; "required": false; }; "picker": { "alias": "picker"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "prevIcon": { "alias": "prevIcon"; "required": false; }; "showNow": { "alias": "showNow"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showToday": { "alias": "showToday"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "superNextIcon": { "alias": "superNextIcon"; "required": false; }; "superPrevIcon": { "alias": "superPrevIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; }, { "xChange": "xChange"; "xOpenChange": "xOpenChange"; "xBlur": "xBlur"; "xFocus": "xFocus"; "xPanelChange": "xPanelChange"; }, never, ["*"], false, never>;
+}
+declare interface XDatePicker extends Components.XDatePicker {
+    /**
+     * Emitted when value changes. @example <x-date-picker onXChange={(ev) => console.log(ev.detail)}></x-date-picker>
+     */
+    xChange: EventEmitter<CustomEvent<DatePickerChangeEventDetail>>;
+    /**
+     * Emitted when panel opens/closes. @example <x-date-picker onXOpenChange={(ev) => console.log(ev.detail)}></x-date-picker>
+     */
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emitted on blur. @example <x-date-picker onXBlur={(ev) => console.log(ev)}></x-date-picker>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on focus. @example <x-date-picker onXFocus={(ev) => console.log(ev)}></x-date-picker>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when panel mode changes. @example <x-date-picker onXPanelChange={(ev) => console.log(ev.detail)}></x-date-picker>
+     */
+    xPanelChange: EventEmitter<CustomEvent<{
+        value: Date;
+        mode: string;
+    }>>;
+}
+declare class XDatePickerDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXDatePickerDropdownContentElement;
+    xDateClick: EventEmitter<CustomEvent<DateCellClickDetail>>;
+    xMonthClick: EventEmitter<CustomEvent<MonthCellClickDetail>>;
+    xYearClick: EventEmitter<CustomEvent<YearCellClickDetail>>;
+    xQuarterClick: EventEmitter<CustomEvent<QuarterCellClickDetail>>;
+    xWeekClick: EventEmitter<CustomEvent<WeekCellClickDetail>>;
+    xHeaderAction: EventEmitter<CustomEvent<HeaderActionDetail>>;
+    xTodayClick: EventEmitter<CustomEvent<void>>;
+    xNowClick: EventEmitter<CustomEvent<void>>;
+    xOkClick: EventEmitter<CustomEvent<void>>;
+    xTimeChange: EventEmitter<CustomEvent<TimeChangeDetail>>;
+    xPanelModeChange: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDatePickerDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerDropdownContent, "x-date-picker-dropdown-content", never, { "currentViewDate": { "alias": "currentViewDate"; "required": false; }; "disabledDateFn": { "alias": "disabledDateFn"; "required": false; }; "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "hourStep": { "alias": "hourStep"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "panelMode": { "alias": "panelMode"; "required": false; }; "secondStep": { "alias": "secondStep"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedHour": { "alias": "selectedHour"; "required": false; }; "selectedMinute": { "alias": "selectedMinute"; "required": false; }; "selectedSecond": { "alias": "selectedSecond"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; "showNow": { "alias": "showNow"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showToday": { "alias": "showToday"; "required": false; }; "use12Hours": { "alias": "use12Hours"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; }, { "xDateClick": "xDateClick"; "xMonthClick": "xMonthClick"; "xYearClick": "xYearClick"; "xQuarterClick": "xQuarterClick"; "xWeekClick": "xWeekClick"; "xHeaderAction": "xHeaderAction"; "xTodayClick": "xTodayClick"; "xNowClick": "xNowClick"; "xOkClick": "xOkClick"; "xTimeChange": "xTimeChange"; "xPanelModeChange": "xPanelModeChange"; }, never, ["*"], false, never>;
+}
+declare interface XDatePickerDropdownContent extends Components.XDatePickerDropdownContent {
+    /**
+     * Emitted when a date cell is clicked. @example <x-date-picker-dropdown-content onXDateClick={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xDateClick: EventEmitter<CustomEvent<DateCellClickDetail>>;
+    /**
+     * Emitted when a month cell is clicked. @example <x-date-picker-dropdown-content onXMonthClick={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xMonthClick: EventEmitter<CustomEvent<MonthCellClickDetail>>;
+    /**
+     * Emitted when a year cell is clicked. @example <x-date-picker-dropdown-content onXYearClick={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xYearClick: EventEmitter<CustomEvent<YearCellClickDetail>>;
+    /**
+     * Emitted when a quarter cell is clicked. @example <x-date-picker-dropdown-content onXQuarterClick={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xQuarterClick: EventEmitter<CustomEvent<QuarterCellClickDetail>>;
+    /**
+     * Emitted when a week row is clicked. @example <x-date-picker-dropdown-content onXWeekClick={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xWeekClick: EventEmitter<CustomEvent<WeekCellClickDetail>>;
+    /**
+     * Emitted when header navigation action occurs. @example <x-date-picker-dropdown-content onXHeaderAction={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xHeaderAction: EventEmitter<CustomEvent<HeaderActionDetail>>;
+    /**
+     * Emitted when today button is clicked. @example <x-date-picker-dropdown-content onXTodayClick={() => {}}></x-date-picker-dropdown-content>
+     */
+    xTodayClick: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when now button is clicked. @example <x-date-picker-dropdown-content onXNowClick={() => {}}></x-date-picker-dropdown-content>
+     */
+    xNowClick: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when OK button is clicked. @example <x-date-picker-dropdown-content onXOkClick={() => {}}></x-date-picker-dropdown-content>
+     */
+    xOkClick: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when time selection changes. @example <x-date-picker-dropdown-content onXTimeChange={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xTimeChange: EventEmitter<CustomEvent<TimeChangeDetail>>;
+    /**
+     * Emitted when panel mode should change (e.g., clicking month/year in header). @example <x-date-picker-dropdown-content onXPanelModeChange={(ev) => console.log(ev.detail)}></x-date-picker-dropdown-content>
+     */
+    xPanelModeChange: EventEmitter<CustomEvent<string>>;
+}
+declare class XDescriptions {
+    protected z: NgZone;
+    protected el: HTMLXDescriptionsElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDescriptions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptions, "x-descriptions", never, { "bordered": { "alias": "bordered"; "required": false; }; "colon": { "alias": "colon"; "required": false; }; "column": { "alias": "column"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "descriptionTitle": { "alias": "descriptionTitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XDescriptions extends Components.XDescriptions {
+}
+declare class XDescriptionsItem {
+    protected z: NgZone;
+    protected el: HTMLXDescriptionsItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDescriptionsItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionsItem, "x-descriptions-item", never, { "colon": { "alias": "colon"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "span": { "alias": "span"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XDescriptionsItem extends Components.XDescriptionsItem {
+}
+declare class XDivider {
+    protected z: NgZone;
+    protected el: HTMLXDividerElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDivider, "x-divider", never, { "dashed": { "alias": "dashed"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "orientationMargin": { "alias": "orientationMargin"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XDivider extends Components.XDivider {
+}
+declare class XDrawer {
+    protected z: NgZone;
+    protected el: HTMLXDrawerElement;
+    xClose: EventEmitter<CustomEvent<void>>;
+    xAfterOpenChange: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawer, "x-drawer", never, { "closable": { "alias": "closable"; "required": false; }; "destroyOnClose": { "alias": "destroyOnClose"; "required": false; }; "drawerTitle": { "alias": "drawerTitle"; "required": false; }; "height": { "alias": "height"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "xClose": "xClose"; "xAfterOpenChange": "xAfterOpenChange"; }, never, ["*"], false, never>;
+}
+declare interface XDrawer extends Components.XDrawer {
+    /**
+     * Emits when drawer requests closing. @example <x-drawer onXClose={() => {}}></x-drawer>
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emits after open state changes. @example <x-drawer onXAfterOpenChange={(ev) => console.log(ev.detail)}></x-drawer>
+     */
+    xAfterOpenChange: EventEmitter<CustomEvent<boolean>>;
+}
+declare class XDrawerContent {
+    protected z: NgZone;
+    protected el: HTMLXDrawerContentElement;
+    xClose: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContent, "x-drawer-content", never, { "bodyContent": { "alias": "bodyContent"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "drawerTitle": { "alias": "drawerTitle"; "required": false; }; "extraContent": { "alias": "extraContent"; "required": false; }; "footerContent": { "alias": "footerContent"; "required": false; }; "height": { "alias": "height"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleContent": { "alias": "titleContent"; "required": false; }; "width": { "alias": "width"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XDrawerContent extends Components.XDrawerContent {
+    /**
+     * Emits when drawer requests closing. @example <x-drawer-content onXClose={() => {}}></x-drawer-content>
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+}
+declare class XDropdown {
+    protected z: NgZone;
+    protected el: HTMLXDropdownElement;
+    xOpenChange: EventEmitter<CustomEvent<DropdownOpenChangeEventDetail>>;
+    xMenuClick: EventEmitter<CustomEvent<DropdownMenuClickEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDropdown, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDropdown, "x-dropdown", never, { "arrow": { "alias": "arrow"; "required": false; }; "autoAdjustOverflow": { "alias": "autoAdjustOverflow"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "destroyOnHidden": { "alias": "destroyOnHidden"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "xOpenChange": "xOpenChange"; "xMenuClick": "xMenuClick"; }, never, ["*"], false, never>;
+}
+declare interface XDropdown extends Components.XDropdown {
+    /**
+     * Called when the open state is changed. @example <x-dropdown onXOpenChange={(ev) => console.log(ev.detail)}></x-dropdown>
+     */
+    xOpenChange: EventEmitter<CustomEvent<DropdownOpenChangeEventDetail>>;
+    /**
+     * Called when a menu item is clicked. @example <x-dropdown onXMenuClick={(ev) => console.log(ev.detail)}></x-dropdown>
+     */
+    xMenuClick: EventEmitter<CustomEvent<DropdownMenuClickEventDetail>>;
+}
+declare class XEditor {
+    protected z: NgZone;
+    protected el: HTMLXEditorElement;
+    valueChange: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XEditor, "x-editor", never, { "disabled": { "alias": "disabled"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], false, never>;
+}
+declare interface XEditor extends Components.XEditor {
+    /**
+     * Emit value change events
+     */
+    valueChange: EventEmitter<CustomEvent<string>>;
+}
+declare class XEmpty {
+    protected z: NgZone;
+    protected el: HTMLXEmptyElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XEmpty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XEmpty, "x-empty", never, { "description": { "alias": "description"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XEmpty extends Components.XEmpty {
+}
+declare class XFinder {
+    protected z: NgZone;
+    protected el: HTMLXFinderElement;
+    xSelect: EventEmitter<CustomEvent<FinderItem[]>>;
+    xClose: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFinder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFinder, "x-finder", never, { "config": { "alias": "config"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "finderTitle": { "alias": "finderTitle"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "xSelect": "xSelect"; "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XFinder extends Components.XFinder {
+    /**
+     * Triggered when user selects files/folders and confirms (e.g. in dialog mode).
+     */
+    xSelect: EventEmitter<CustomEvent<FinderItem[]>>;
+    /**
+     * Triggered when dialog is closed.
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+}
+declare class XFlex {
+    protected z: NgZone;
+    protected el: HTMLXFlexElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFlex, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFlex, "x-flex", never, { "align": { "alias": "align"; "required": false; }; "component": { "alias": "component"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XFlex extends Components.XFlex {
+}
+declare class XFloatButton {
+    protected z: NgZone;
+    protected el: HTMLXFloatButtonElement;
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFloatButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFloatButton, "x-float-button", never, { "description": { "alias": "description"; "required": false; }; "href": { "alias": "href"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "target": { "alias": "target"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xClick": "xClick"; }, never, ["*"], false, never>;
+}
+declare interface XFloatButton extends Components.XFloatButton {
+    /**
+     * Emitted when the button is clicked @example <x-float-button onXClick={(ev) => console.log(ev.detail)}></x-float-button>
+     */
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class XFooter {
+    protected z: NgZone;
+    protected el: HTMLXFooterElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFooter, "x-footer", never, {}, {}, never, ["*"], false, never>;
+}
+declare interface XFooter extends Components.XFooter {
+}
+declare class XForm {
+    protected z: NgZone;
+    protected el: HTMLXFormElement;
+    xFinish: EventEmitter<CustomEvent<Record<string, unknown>>>;
+    xFinishFailed: EventEmitter<CustomEvent<{
+        values: Record<string, unknown>;
+        errorFields: Array<{
+            name: string[];
+            errors: string[];
+        }>;
+        outOfDate: boolean;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XForm, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XForm, "x-form", never, { "colon": { "alias": "colon"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideRequiredMark": { "alias": "hideRequiredMark"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "xFinish": "xFinish"; "xFinishFailed": "xFinishFailed"; }, never, ["*"], false, never>;
+}
+declare interface XForm extends Components.XForm {
+    /**
+     * Trigger after submitting the form and verifying data successfully
+     */
+    xFinish: EventEmitter<CustomEvent<Record<string, unknown>>>;
+    /**
+     * Trigger after submitting the form and verifying data failed
+     */
+    xFinishFailed: EventEmitter<CustomEvent<{
+        values: Record<string, unknown>;
+        errorFields: Array<{
+            name: string[];
+            errors: string[];
+        }>;
+        outOfDate: boolean;
+    }>>;
+}
+declare class XFormBuilder {
+    protected z: NgZone;
+    protected el: HTMLXFormBuilderElement;
+    xChange: EventEmitter<CustomEvent<XFormBuilderChangeDetail>>;
+    formSubmit: EventEmitter<CustomEvent<XFormBuilderSubmitDetail>>;
+    xTableAction: EventEmitter<CustomEvent<XTableActionDetail>>;
+    formError: EventEmitter<CustomEvent<XFormBuilderErrorDetail>>;
+    ready: EventEmitter<CustomEvent<void>>;
+    xClick: EventEmitter<CustomEvent<XFormBuilderClickDetail>>;
+    valueChange: EventEmitter<CustomEvent<any>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFormBuilder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFormBuilder, "x-form-builder", never, { "context": { "alias": "context"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "formSubmit": "formSubmit"; "xTableAction": "xTableAction"; "formError": "formError"; "ready": "ready"; "xClick": "xClick"; "valueChange": "valueChange"; }, never, ["*"], false, never>;
+}
+declare interface XFormBuilder extends Components.XFormBuilder {
+    /**
+     * The first name
+     */
+    xChange: EventEmitter<CustomEvent<XFormBuilderChangeDetail>>;
+    formSubmit: EventEmitter<CustomEvent<XFormBuilderSubmitDetail>>;
+    xTableAction: EventEmitter<CustomEvent<XTableActionDetail>>;
+    formError: EventEmitter<CustomEvent<XFormBuilderErrorDetail>>;
+    ready: EventEmitter<CustomEvent<void>>;
+    xClick: EventEmitter<CustomEvent<XFormBuilderClickDetail>>;
+    valueChange: EventEmitter<CustomEvent<any>>;
+}
+declare class XFormItem {
+    protected z: NgZone;
+    protected el: HTMLXFormItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFormItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFormItem, "x-form-item", never, { "colon": { "alias": "colon"; "required": false; }; "extra": { "alias": "extra"; "required": false; }; "hasFeedback": { "alias": "hasFeedback"; "required": false; }; "help": { "alias": "help"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelAlign": { "alias": "labelAlign"; "required": false; }; "labelCol": { "alias": "labelCol"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "validateStatus": { "alias": "validateStatus"; "required": false; }; "valuePropName": { "alias": "valuePropName"; "required": false; }; "wrapperCol": { "alias": "wrapperCol"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XFormItem extends Components.XFormItem {
+}
+declare class XHeader {
+    protected z: NgZone;
+    protected el: HTMLXHeaderElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XHeader, "x-header", never, {}, {}, never, ["*"], false, never>;
+}
+declare interface XHeader extends Components.XHeader {
+}
+declare class XIcon {
+    protected z: NgZone;
+    protected el: HTMLXIconElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XIcon, "x-icon", never, { "color": { "alias": "color"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "name": { "alias": "name"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spin": { "alias": "spin"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XIcon extends Components.XIcon {
+}
+declare class XImage {
+    protected z: NgZone;
+    protected el: HTMLXImageElement;
+    xError: EventEmitter<CustomEvent<ImageErrorEventDetail>>;
+    xLoad: EventEmitter<CustomEvent<ImageLoadEventDetail>>;
+    xPreviewVisibleChange: EventEmitter<CustomEvent<ImagePreviewVisibleChangeEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XImage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XImage, "x-image", never, { "alt": { "alias": "alt"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "fallback": { "alias": "fallback"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; }; "rootClassName": { "alias": "rootClassName"; "required": false; }; "src": { "alias": "src"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "xError": "xError"; "xLoad": "xLoad"; "xPreviewVisibleChange": "xPreviewVisibleChange"; }, never, ["*"], false, never>;
+}
+declare interface XImage extends Components.XImage {
+    /**
+     * Emitted when image load fails
+     */
+    xError: EventEmitter<CustomEvent<ImageErrorEventDetail>>;
+    /**
+     * Emitted when image loads successfully
+     */
+    xLoad: EventEmitter<CustomEvent<ImageLoadEventDetail>>;
+    /**
+     * Emitted when preview visibility changes
+     */
+    xPreviewVisibleChange: EventEmitter<CustomEvent<ImagePreviewVisibleChangeEventDetail>>;
+}
+declare class XInfiniteScroll {
+    protected z: NgZone;
+    protected el: HTMLXInfiniteScrollElement;
+    xLoadMore: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XInfiniteScroll, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInfiniteScroll, "x-infinite-scroll", never, { "disabled": { "alias": "disabled"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "noMoreText": { "alias": "noMoreText"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; }, { "xLoadMore": "xLoadMore"; }, never, ["*"], false, never>;
+}
+declare interface XInfiniteScroll extends Components.XInfiniteScroll {
+    /**
+     * Emitted when user scrolls near the bottom of the component. @example <x-infinite-scroll onXLoadMore={() => {}}></x-infinite-scroll>
+     */
+    xLoadMore: EventEmitter<CustomEvent<void>>;
+}
+declare class XInput {
+    protected z: NgZone;
+    protected el: HTMLXInputElement;
+    xChange: EventEmitter<CustomEvent<InputChangeEventDetail>>;
+    xInput: EventEmitter<CustomEvent<InputEvent>>;
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xClear: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInput, "x-input", never, { "addonAfter": { "alias": "addonAfter"; "required": false; }; "addonBefore": { "alias": "addonBefore"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "showPasswordToggle": { "alias": "showPasswordToggle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "status": { "alias": "status"; "required": false; }; "step": { "alias": "step"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "xChange": "xChange"; "xInput": "xInput"; "xPressEnter": "xPressEnter"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xClear": "xClear"; }, never, ["*"], false, never>;
+}
+declare interface XInput extends Components.XInput {
+    /**
+     * Emitted when input value changes @example <x-input onXChange={(ev) => console.log(ev.detail)}></x-input>
+     */
+    xChange: EventEmitter<CustomEvent<InputChangeEventDetail>>;
+    /**
+     * Emitted on input event @example <x-input onXInput={(ev) => console.log(ev.detail)}></x-input>
+     */
+    xInput: EventEmitter<CustomEvent<InputEvent>>;
+    /**
+     * Emitted when pressing Enter key @example <x-input onXPressEnter={(ev) => console.log(ev.key)}></x-input>
+     */
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    /**
+     * Emitted on focus @example <x-input onXFocus={(ev) => console.log(ev)}></x-input>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on blur @example <x-input onXBlur={(ev) => console.log(ev)}></x-input>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when clear button is clicked @example <x-input onXClear={() => {}}></x-input>
+     */
+    xClear: EventEmitter<CustomEvent<void>>;
+}
+declare class XInputNumber {
+    protected z: NgZone;
+    protected el: HTMLXInputNumberElement;
+    xChange: EventEmitter<CustomEvent<InputNumberChangeEventDetail>>;
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    xStep: EventEmitter<CustomEvent<InputNumberStepEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XInputNumber, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInputNumber, "x-input-number", never, { "addonAfter": { "alias": "addonAfter"; "required": false; }; "addonBefore": { "alias": "addonBefore"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "changeOnWheel": { "alias": "changeOnWheel"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "parser": { "alias": "parser"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "step": { "alias": "step"; "required": false; }; "stringMode": { "alias": "stringMode"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "xChange": "xChange"; "xPressEnter": "xPressEnter"; "xStep": "xStep"; "xFocus": "xFocus"; "xBlur": "xBlur"; }, never, ["*"], false, never>;
+}
+declare interface XInputNumber extends Components.XInputNumber {
+    /**
+     * Emitted when value is changed @example <x-input-number onXChange={(ev) => console.log(ev.detail)}></x-input-number>
+     */
+    xChange: EventEmitter<CustomEvent<InputNumberChangeEventDetail>>;
+    /**
+     * Emitted when the user presses Enter @example <x-input-number onXPressEnter={(ev) => console.log(ev.key)}></x-input-number>
+     */
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    /**
+     * Emitted when step button is clicked @example <x-input-number onXStep={(ev) => console.log(ev.detail)}></x-input-number>
+     */
+    xStep: EventEmitter<CustomEvent<InputNumberStepEventDetail>>;
+    /**
+     * Emitted when input gets focus @example <x-input-number onXFocus={(ev) => console.log(ev)}></x-input-number>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when input loses focus @example <x-input-number onXBlur={(ev) => console.log(ev)}></x-input-number>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+}
+declare class XLayout {
+    protected z: NgZone;
+    protected el: HTMLXLayoutElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XLayout, "x-layout", never, { "fixed": { "alias": "fixed"; "required": false; }; "hasSiderProp": { "alias": "hasSiderProp"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XLayout extends Components.XLayout {
+}
+declare class XList {
+    protected z: NgZone;
+    protected el: HTMLXListElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XList, "x-list", never, { "bordered": { "alias": "bordered"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "renderItem": { "alias": "renderItem"; "required": false; }; "size": { "alias": "size"; "required": false; }; "split": { "alias": "split"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XList extends Components.XList {
+}
+declare class XListItem {
+    protected z: NgZone;
+    protected el: HTMLXListItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XListItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XListItem, "x-list-item", never, {}, {}, never, ["*"], false, never>;
+}
+declare interface XListItem extends Components.XListItem {
+}
+declare class XMentions {
+    protected z: NgZone;
+    protected el: HTMLXMentionsElement;
+    xChange: EventEmitter<CustomEvent<string>>;
+    xSelect: EventEmitter<CustomEvent<MentionOption>>;
+    xSearch: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMentions, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMentions, "x-mentions", never, { "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "triggerPrefix": { "alias": "triggerPrefix"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xSelect": "xSelect"; "xSearch": "xSearch"; }, never, ["*"], false, never>;
+}
+declare interface XMentions extends Components.XMentions {
+    /**
+     * Emits when value changes. @example <x-mentions onXChange={(ev) => console.log(ev.detail)}></x-mentions>
+     */
+    xChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emits when an option is selected. @example <x-mentions onXSelect={(ev) => console.log(ev.detail)}></x-mentions>
+     */
+    xSelect: EventEmitter<CustomEvent<MentionOption>>;
+    /**
+     * Emits when search query changes. @example <x-mentions onXSearch={(ev) => console.log(ev.detail)}></x-mentions>
+     */
+    xSearch: EventEmitter<CustomEvent<string>>;
+}
+declare class XMenu {
+    protected z: NgZone;
+    protected el: HTMLXMenuElement;
+    xSelect: EventEmitter<CustomEvent<MenuSelectDetail>>;
+    xDeselect: EventEmitter<CustomEvent<MenuDeselectDetail>>;
+    xClick: EventEmitter<CustomEvent<MenuClickDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<MenuOpenChangeDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMenu, "x-menu", never, { "defaultOpenKeys": { "alias": "defaultOpenKeys"; "required": false; }; "defaultSelectedKeys": { "alias": "defaultSelectedKeys"; "required": false; }; "inlineCollapsed": { "alias": "inlineCollapsed"; "required": false; }; "inlineIndent": { "alias": "inlineIndent"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "openKeys": { "alias": "openKeys"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "subMenuCloseDelay": { "alias": "subMenuCloseDelay"; "required": false; }; "subMenuOpenDelay": { "alias": "subMenuOpenDelay"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "triggerSubMenuAction": { "alias": "triggerSubMenuAction"; "required": false; }; }, { "xSelect": "xSelect"; "xDeselect": "xDeselect"; "xClick": "xClick"; "xOpenChange": "xOpenChange"; }, never, ["*"], false, never>;
+}
+declare interface XMenu extends Components.XMenu {
+    /**
+     * Called when a menu item is selected @example <x-menu onXSelect={(ev) => console.log(ev.detail)}></x-menu>
+     */
+    xSelect: EventEmitter<CustomEvent<MenuSelectDetail>>;
+    /**
+     * Called when a menu item is deselected (multiple mode only) @example <x-menu onXDeselect={(ev) => console.log(ev.detail)}></x-menu>
+     */
+    xDeselect: EventEmitter<CustomEvent<MenuDeselectDetail>>;
+    /**
+     * Called when a menu item is clicked @example <x-menu onXClick={(ev) => console.log(ev.detail)}></x-menu>
+     */
+    xClick: EventEmitter<CustomEvent<MenuClickDetail>>;
+    /**
+     * Called when sub-menus are opened or closed @example <x-menu onXOpenChange={(ev) => console.log(ev.detail)}></x-menu>
+     */
+    xOpenChange: EventEmitter<CustomEvent<MenuOpenChangeDetail>>;
+}
+declare class XMenuDivider {
+    protected z: NgZone;
+    protected el: HTMLXMenuDividerElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMenuDivider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMenuDivider, "x-menu-divider", never, { "dashed": { "alias": "dashed"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XMenuDivider extends Components.XMenuDivider {
+}
+declare class XMenuItem {
+    protected z: NgZone;
+    protected el: HTMLXMenuItemElement;
+    xMenuItemClick: EventEmitter<CustomEvent<MenuItemClickDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMenuItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMenuItem, "x-menu-item", never, { "danger": { "alias": "danger"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "itemTitle": { "alias": "itemTitle"; "required": false; }; }, { "xMenuItemClick": "xMenuItemClick"; }, never, ["*"], false, never>;
+}
+declare interface XMenuItem extends Components.XMenuItem {
+    /**
+     * Emitted when the menu item is clicked (internal) @example <x-menu-item onXMenuItemClick={(ev) => console.log(ev.detail)}>Item</x-menu-item>
+     */
+    xMenuItemClick: EventEmitter<CustomEvent<MenuItemClickDetail>>;
+}
+declare class XMenuItemGroup {
+    protected z: NgZone;
+    protected el: HTMLXMenuItemGroupElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMenuItemGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMenuItemGroup, "x-menu-item-group", never, { "groupTitle": { "alias": "groupTitle"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XMenuItemGroup extends Components.XMenuItemGroup {
+}
+declare class XMenuSubmenu {
+    protected z: NgZone;
+    protected el: HTMLXMenuSubmenuElement;
+    xSubmenuToggle: EventEmitter<CustomEvent<SubmenuToggleDetail>>;
+    xTitleClick: EventEmitter<CustomEvent<SubmenuTitleClickDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMenuSubmenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMenuSubmenu, "x-menu-submenu", never, { "disabled": { "alias": "disabled"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": false; }; "popupClassName": { "alias": "popupClassName"; "required": false; }; "popupOffset": { "alias": "popupOffset"; "required": false; }; }, { "xSubmenuToggle": "xSubmenuToggle"; "xTitleClick": "xTitleClick"; }, never, ["*"], false, never>;
+}
+declare interface XMenuSubmenu extends Components.XMenuSubmenu {
+    /**
+     * Emitted when submenu is opened/closed (internal) @example <x-menu-submenu onXSubmenuToggle={(ev) => console.log(ev.detail)}></x-menu-submenu>
+     */
+    xSubmenuToggle: EventEmitter<CustomEvent<SubmenuToggleDetail>>;
+    /**
+     * Emitted when submenu title is clicked @example <x-menu-submenu onXTitleClick={(ev) => console.log(ev.detail)}></x-menu-submenu>
+     */
+    xTitleClick: EventEmitter<CustomEvent<SubmenuTitleClickDetail>>;
+}
+declare class XMessage {
+    protected z: NgZone;
+    protected el: HTMLXMessageElement;
+    xClose: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XMessage, "x-message", never, { "content": { "alias": "content"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "messageKey": { "alias": "messageKey"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XMessage extends Components.XMessage {
+    /**
+     * Event when message is closed. @example <x-message onXClose={(ev) => console.log(ev.detail)}></x-message>
+     */
+    xClose: EventEmitter<CustomEvent<string>>;
+}
+declare class XModal {
+    protected z: NgZone;
+    protected el: HTMLXModalElement;
+    xOk: EventEmitter<CustomEvent<any>>;
+    xCancel: EventEmitter<CustomEvent<any>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XModal, "x-modal", never, { "cancelLoading": { "alias": "cancelLoading"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "modalTitle": { "alias": "modalTitle"; "required": false; }; "okLoading": { "alias": "okLoading"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "okType": { "alias": "okType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "xOk": "xOk"; "xCancel": "xCancel"; }, never, ["*"], false, never>;
+}
+declare interface XModal extends Components.XModal {
+    /**
+     * Event emitted when OK button is clicked. @example <x-modal onXOk={() => {}}></x-modal>
+     */
+    xOk: EventEmitter<CustomEvent<any>>;
+    /**
+     * Event emitted when Cancel button or modal is closed. @example <x-modal onXCancel={() => {}}></x-modal>
+     */
+    xCancel: EventEmitter<CustomEvent<any>>;
+}
+declare class XModalContent {
+    protected z: NgZone;
+    protected el: HTMLXModalContentElement;
+    xOk: EventEmitter<CustomEvent<any>>;
+    xCancel: EventEmitter<CustomEvent<any>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XModalContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XModalContent, "x-modal-content", never, { "bodyContent": { "alias": "bodyContent"; "required": false; }; "bodyStyle": { "alias": "bodyStyle"; "required": false; }; "cancelLoading": { "alias": "cancelLoading"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "footerContent": { "alias": "footerContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "maskClosable": { "alias": "maskClosable"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "modalTitle": { "alias": "modalTitle"; "required": false; }; "okDanger": { "alias": "okDanger"; "required": false; }; "okLoading": { "alias": "okLoading"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "okType": { "alias": "okType"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wrapStyle": { "alias": "wrapStyle"; "required": false; }; }, { "xOk": "xOk"; "xCancel": "xCancel"; }, never, ["*"], false, never>;
+}
+declare interface XModalContent extends Components.XModalContent {
+    /**
+     * Event emitted when OK button is clicked. @example <x-modal-content onXOk={() => {}}></x-modal-content>
+     */
+    xOk: EventEmitter<CustomEvent<any>>;
+    /**
+     * Event emitted when Cancel button is clicked or modal is closed. @example <x-modal-content onXCancel={() => {}}></x-modal-content>
+     */
+    xCancel: EventEmitter<CustomEvent<any>>;
+}
+declare class XNotification {
+    protected z: NgZone;
+    protected el: HTMLXNotificationElement;
+    xClose: EventEmitter<CustomEvent<string>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XNotification, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XNotification, "x-notification", never, { "ariaRole": { "alias": "ariaRole"; "required": false; }; "btn": { "alias": "btn"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "notificationKey": { "alias": "notificationKey"; "required": false; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XNotification extends Components.XNotification {
+    /**
+     * Event when notification is closed. @example <x-notification onXClose={(ev) => console.log(ev.detail)}></x-notification>
+     */
+    xClose: EventEmitter<CustomEvent<string>>;
+}
+declare class XPageHeader {
+    protected z: NgZone;
+    protected el: HTMLXPageHeaderElement;
+    xBack: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XPageHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPageHeader, "x-page-header", never, { "backIcon": { "alias": "backIcon"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, { "xBack": "xBack"; }, never, ["*"], false, never>;
+}
+declare interface XPageHeader extends Components.XPageHeader {
+    /**
+     * Emits when back button is clicked. @example <x-page-header onXBack={() => {}}></x-page-header>
+     */
+    xBack: EventEmitter<CustomEvent<void>>;
+}
+declare class XPagination {
+    protected z: NgZone;
+    protected el: HTMLXPaginationElement;
+    xChange: EventEmitter<CustomEvent<PaginationChangeEventDetail>>;
+    xShowSizeChange: EventEmitter<CustomEvent<PaginationShowSizeChangeEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XPagination, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPagination, "x-pagination", never, { "align": { "alias": "align"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "current": { "alias": "current"; "required": false; }; "defaultCurrent": { "alias": "defaultCurrent"; "required": false; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideOnSinglePage": { "alias": "hideOnSinglePage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "showLessItems": { "alias": "showLessItems"; "required": false; }; "showQuickJumper": { "alias": "showQuickJumper"; "required": false; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showTotal": { "alias": "showTotal"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "total": { "alias": "total"; "required": false; }; "totalBoundaryShowSizeChanger": { "alias": "totalBoundaryShowSizeChanger"; "required": false; }; }, { "xChange": "xChange"; "xShowSizeChange": "xShowSizeChange"; }, never, ["*"], false, never>;
+}
+declare interface XPagination extends Components.XPagination {
+    /**
+     * Emitted when current page number or page size is changed.
+  Useful for triggering data re-fetching. @event xChange
+     */
+    xChange: EventEmitter<CustomEvent<PaginationChangeEventDetail>>;
+    /**
+     * Emitted specifically when the page size is changed via the selector. @event xShowSizeChange
+     */
+    xShowSizeChange: EventEmitter<CustomEvent<PaginationShowSizeChangeEventDetail>>;
+}
+declare class XPopconfirm {
+    protected z: NgZone;
+    protected el: HTMLXPopconfirmElement;
+    xConfirm: EventEmitter<CustomEvent<any>>;
+    xCancel: EventEmitter<CustomEvent<any>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XPopconfirm, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPopconfirm, "x-popconfirm", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "confirmTitle": { "alias": "confirmTitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "xConfirm": "xConfirm"; "xCancel": "xCancel"; }, never, ["*"], false, never>;
+}
+declare interface XPopconfirm extends Components.XPopconfirm {
+    /**
+     * Emitted when confirm button is clicked. @example <x-popconfirm onXConfirm={() => {}}></x-popconfirm>
+     */
+    xConfirm: EventEmitter<CustomEvent<any>>;
+    /**
+     * Emitted when cancel button is clicked. @example <x-popconfirm onXCancel={() => {}}></x-popconfirm>
+     */
+    xCancel: EventEmitter<CustomEvent<any>>;
+}
+declare class XPopover {
+    protected z: NgZone;
+    protected el: HTMLXPopoverElement;
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPopover, "x-popover", never, { "content": { "alias": "content"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, { "xOpenChange": "xOpenChange"; }, never, ["*"], false, never>;
+}
+declare interface XPopover extends Components.XPopover {
+    /**
+     * Callback when open state changes @example <x-popover onXOpenChange={(e) => console.log(e.detail)} />
+     */
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+}
+declare class XProgress {
+    protected z: NgZone;
+    protected el: HTMLXProgressElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XProgress, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XProgress, "x-progress", never, { "percent": { "alias": "percent"; "required": false; }; "showInfo": { "alias": "showInfo"; "required": false; }; "status": { "alias": "status"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "trailColor": { "alias": "trailColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XProgress extends Components.XProgress {
+}
+declare class XQrCode {
+    protected z: NgZone;
+    protected el: HTMLXQrCodeElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XQrCode, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XQrCode, "x-qr-code", never, { "bgColor": { "alias": "bgColor"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ec": { "alias": "ec"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XQrCode extends Components.XQrCode {
+}
+declare class XRadio {
+    protected z: NgZone;
+    protected el: HTMLXRadioElement;
+    xChange: EventEmitter<CustomEvent<RadioChangeEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<void>>;
+    xBlur: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRadio, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRadio, "x-radio", never, { "alignment": { "alias": "alignment"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "radioId": { "alias": "radioId"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xFocus": "xFocus"; "xBlur": "xBlur"; }, never, ["*"], false, never>;
+}
+declare interface XRadio extends Components.XRadio {
+    /**
+     * Callback fired when the radio state changes. @example <x-radio onXChange={(ev) => console.log(ev.detail)}></x-radio>
+     */
+    xChange: EventEmitter<CustomEvent<RadioChangeEventDetail>>;
+    /**
+     * Callback fired when the radio is focused. @example <x-radio onXFocus={() => {}}></x-radio>
+     */
+    xFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Callback fired when the radio loses focus. @example <x-radio onXBlur={() => {}}></x-radio>
+     */
+    xBlur: EventEmitter<CustomEvent<void>>;
+}
+declare class XRadioGroup {
+    protected z: NgZone;
+    protected el: HTMLXRadioGroupElement;
+    xChange: EventEmitter<CustomEvent<RadioGroupChangeEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRadioGroup, "x-radio-group", never, { "alignment": { "alias": "alignment"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optionType": { "alias": "optionType"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XRadioGroup extends Components.XRadioGroup {
+    /**
+     * Callback fired when state changes.
+     */
+    xChange: EventEmitter<CustomEvent<RadioGroupChangeEventDetail>>;
+}
+declare class XRangePicker {
+    protected z: NgZone;
+    protected el: HTMLXRangePickerElement;
+    xChange: EventEmitter<CustomEvent<RangePickerChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xCalendarChange: EventEmitter<CustomEvent<{
+        dates: [Date | null, Date | null];
+        dateStrings: [string, string];
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRangePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRangePicker, "x-range-picker", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledDate": { "alias": "disabledDate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "picker": { "alias": "picker"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; }, { "xChange": "xChange"; "xOpenChange": "xOpenChange"; "xBlur": "xBlur"; "xFocus": "xFocus"; "xCalendarChange": "xCalendarChange"; }, never, ["*"], false, never>;
+}
+declare interface XRangePicker extends Components.XRangePicker {
+    /**
+     * Emitted when value changes. @example <x-range-picker onXChange={(ev) => console.log(ev.detail)}></x-range-picker>
+     */
+    xChange: EventEmitter<CustomEvent<RangePickerChangeEventDetail>>;
+    /**
+     * Emitted when panel opens/closes. @example <x-range-picker onXOpenChange={(ev) => console.log(ev.detail)}></x-range-picker>
+     */
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emitted on blur. @example <x-range-picker onXBlur={(ev) => console.log(ev)}></x-range-picker>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on focus. @example <x-range-picker onXFocus={(ev) => console.log(ev)}></x-range-picker>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when calendar changes during selection. @example <x-range-picker onXCalendarChange={(ev) => console.log(ev.detail)}></x-range-picker>
+     */
+    xCalendarChange: EventEmitter<CustomEvent<{
+        dates: [Date | null, Date | null];
+        dateStrings: [string, string];
+    }>>;
+}
+declare class XRangePickerDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXRangePickerDropdownContentElement;
+    xDateClick: EventEmitter<CustomEvent<RangeDateClickDetail>>;
+    xDateHover: EventEmitter<CustomEvent<RangeDateClickDetail>>;
+    xHeaderAction: EventEmitter<CustomEvent<RangeHeaderActionDetail>>;
+    xPresetClick: EventEmitter<CustomEvent<PresetClickDetail>>;
+    xOkClick: EventEmitter<CustomEvent<void>>;
+    xMonthClick: EventEmitter<CustomEvent<{
+        month: number;
+        year: number;
+        side: "left" | "right";
+    }>>;
+    xYearClick: EventEmitter<CustomEvent<{
+        year: number;
+        side: "left" | "right";
+    }>>;
+    xQuarterClick: EventEmitter<CustomEvent<{
+        quarter: number;
+        year: number;
+        side: "left" | "right";
+    }>>;
+    xPanelModeChange: EventEmitter<CustomEvent<{
+        mode: "date" | "month" | "year" | "week" | "quarter" | "time";
+        side: "left" | "right";
+    }>>;
+    xTimeChange: EventEmitter<CustomEvent<RangeTimeChangeDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRangePickerDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRangePickerDropdownContent, "x-range-picker-dropdown-content", never, { "activePanel": { "alias": "activePanel"; "required": false; }; "disabledDateFn": { "alias": "disabledDateFn"; "required": false; }; "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "hoveringDate": { "alias": "hoveringDate"; "required": false; }; "leftPanelMode": { "alias": "leftPanelMode"; "required": false; }; "leftViewDate": { "alias": "leftViewDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "picker": { "alias": "picker"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "rangeEnd": { "alias": "rangeEnd"; "required": false; }; "rangeStart": { "alias": "rangeStart"; "required": false; }; "rightPanelMode": { "alias": "rightPanelMode"; "required": false; }; "rightViewDate": { "alias": "rightViewDate"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; }, { "xDateClick": "xDateClick"; "xDateHover": "xDateHover"; "xHeaderAction": "xHeaderAction"; "xPresetClick": "xPresetClick"; "xOkClick": "xOkClick"; "xMonthClick": "xMonthClick"; "xYearClick": "xYearClick"; "xQuarterClick": "xQuarterClick"; "xPanelModeChange": "xPanelModeChange"; "xTimeChange": "xTimeChange"; }, never, ["*"], false, never>;
+}
+declare interface XRangePickerDropdownContent extends Components.XRangePickerDropdownContent {
+    /**
+     * Emitted when a date cell is clicked. @example <x-range-picker-dropdown-content onXDateClick={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xDateClick: EventEmitter<CustomEvent<RangeDateClickDetail>>;
+    /**
+     * Emitted when a date cell is hovered. @example <x-range-picker-dropdown-content onXDateHover={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xDateHover: EventEmitter<CustomEvent<RangeDateClickDetail>>;
+    /**
+     * Emitted when header navigation action occurs. @example <x-range-picker-dropdown-content onXHeaderAction={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xHeaderAction: EventEmitter<CustomEvent<RangeHeaderActionDetail>>;
+    /**
+     * Emitted when a preset is clicked. @example <x-range-picker-dropdown-content onXPresetClick={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xPresetClick: EventEmitter<CustomEvent<PresetClickDetail>>;
+    /**
+     * Emitted when OK button is clicked. @example <x-range-picker-dropdown-content onXOkClick={() => {}}></x-range-picker-dropdown-content>
+     */
+    xOkClick: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when month cell is clicked. @example <x-range-picker-dropdown-content onXMonthClick={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xMonthClick: EventEmitter<CustomEvent<{
+        month: number;
+        year: number;
+        side: 'left' | 'right';
+    }>>;
+    /**
+     * Emitted when year cell is clicked. @example <x-range-picker-dropdown-content onXYearClick={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xYearClick: EventEmitter<CustomEvent<{
+        year: number;
+        side: 'left' | 'right';
+    }>>;
+    /**
+     * Emitted when quarter cell is clicked. @example <x-range-picker-dropdown-content onXQuarterClick={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xQuarterClick: EventEmitter<CustomEvent<{
+        quarter: number;
+        year: number;
+        side: 'left' | 'right';
+    }>>;
+    /**
+     * Emitted when panel mode changes. @example <x-range-picker-dropdown-content onXPanelModeChange={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xPanelModeChange: EventEmitter<CustomEvent<{
+        mode: 'date' | 'month' | 'year' | 'week' | 'quarter' | 'time';
+        side: 'left' | 'right';
+    }>>;
+    /**
+     * Emitted when time selection changes. @example <x-range-picker-dropdown-content onXTimeChange={(ev) => console.log(ev.detail)}></x-range-picker-dropdown-content>
+     */
+    xTimeChange: EventEmitter<CustomEvent<RangeTimeChangeDetail>>;
+}
+declare class XRate {
+    protected z: NgZone;
+    protected el: HTMLXRateElement;
+    xChange: EventEmitter<CustomEvent<number>>;
+    xHoverChange: EventEmitter<CustomEvent<number>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRate, "x-rate", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "allowHalf": { "alias": "allowHalf"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "character": { "alias": "character"; "required": false; }; "count": { "alias": "count"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xHoverChange": "xHoverChange"; }, never, ["*"], false, never>;
+}
+declare interface XRate extends Components.XRate {
+    /**
+     * Emits when value changes. @example <x-rate onXChange={(ev) => console.log(ev.detail)}></x-rate>
+     */
+    xChange: EventEmitter<CustomEvent<number>>;
+    /**
+     * Emits when hover value changes. @example <x-rate onXHoverChange={(ev) => console.log(ev.detail)}></x-rate>
+     */
+    xHoverChange: EventEmitter<CustomEvent<number>>;
+}
+declare class XResult {
+    protected z: NgZone;
+    protected el: HTMLXResultElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XResult, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XResult, "x-result", never, { "classNames": { "alias": "classNames"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "resultTitle": { "alias": "resultTitle"; "required": false; }; "status": { "alias": "status"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XResult extends Components.XResult {
+}
+declare class XRow {
+    protected z: NgZone;
+    protected el: HTMLXRowElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XRow, "x-row", never, { "align": { "alias": "align"; "required": false; }; "gutter": { "alias": "gutter"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XRow extends Components.XRow {
+}
+declare class XSegmented {
+    protected z: NgZone;
+    protected el: HTMLXSegmentedElement;
+    xChange: EventEmitter<CustomEvent<SegmentedValue>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSegmented, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSegmented, "x-segmented", never, { "block": { "alias": "block"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; }, never, ["*"], false, never>;
+}
+declare interface XSegmented extends Components.XSegmented {
+    /**
+     * Event emitted when selection changes @example <x-segmented onXChange={(e) => console.log(e.detail)} />
+     */
+    xChange: EventEmitter<CustomEvent<SegmentedValue>>;
+}
+declare class XSelect {
+    protected z: NgZone;
+    protected el: HTMLXSelectElement;
+    xChange: EventEmitter<CustomEvent<SelectChangeEventDetail>>;
+    xSearch: EventEmitter<CustomEvent<string>>;
+    xDropdownVisibleChange: EventEmitter<CustomEvent<boolean>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xClear: EventEmitter<CustomEvent<void>>;
+    xDeselect: EventEmitter<CustomEvent<SelectOption>>;
+    xSelect: EventEmitter<CustomEvent<SelectOption>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSelect, "x-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; }; "dropdownMatchSelectWidth": { "alias": "dropdownMatchSelectWidth"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "filterOption": { "alias": "filterOption"; "required": false; }; "filterSort": { "alias": "filterSort"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "labelInValue": { "alias": "labelInValue"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; }; "maxTagPlaceholder": { "alias": "maxTagPlaceholder"; "required": false; }; "maxTagTextLength": { "alias": "maxTagTextLength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "showAction": { "alias": "showAction"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xSearch": "xSearch"; "xDropdownVisibleChange": "xDropdownVisibleChange"; "xBlur": "xBlur"; "xFocus": "xFocus"; "xClear": "xClear"; "xDeselect": "xDeselect"; "xSelect": "xSelect"; }, never, ["*"], false, never>;
+}
+declare interface XSelect extends Components.XSelect {
+    /**
+     * Emitted when value changes. @example <x-select onXChange={(ev) => console.log(ev.detail)}></x-select>
+     */
+    xChange: EventEmitter<CustomEvent<SelectChangeEventDetail>>;
+    /**
+     * Emitted when search value changes. @example <x-select onXSearch={(ev) => console.log(ev.detail)}></x-select>
+     */
+    xSearch: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emitted when dropdown opens/closes. @example <x-select onXDropdownVisibleChange={(ev) => console.log(ev.detail)}></x-select>
+     */
+    xDropdownVisibleChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emitted on blur. @example <x-select onXBlur={(ev) => console.log(ev)}></x-select>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on focus. @example <x-select onXFocus={(ev) => console.log(ev)}></x-select>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when clear button is clicked. @example <x-select onXClear={() => {}}></x-select>
+     */
+    xClear: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when a tag is removed. @example <x-select onXDeselect={(ev) => console.log(ev.detail)}></x-select>
+     */
+    xDeselect: EventEmitter<CustomEvent<SelectOption>>;
+    /**
+     * Emitted when an option is selected. @example <x-select onXSelect={(ev) => console.log(ev.detail)}></x-select>
+     */
+    xSelect: EventEmitter<CustomEvent<SelectOption>>;
+}
+declare class XSelectDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXSelectDropdownContentElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSelectDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectDropdownContent, "x-select-dropdown-content", never, { "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XSelectDropdownContent extends Components.XSelectDropdownContent {
+}
+declare class XSelectOption {
+    protected z: NgZone;
+    protected el: HTMLXSelectOptionElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSelectOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectOption, "x-select-option", never, { "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "optionTitle": { "alias": "optionTitle"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XSelectOption extends Components.XSelectOption {
+}
+declare class XSider {
+    protected z: NgZone;
+    protected el: HTMLXSiderElement;
+    xCollapse: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSider, "x-sider", never, { "collapsed": { "alias": "collapsed"; "required": false; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; }; "reverseArrow": { "alias": "reverseArrow"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "xCollapse": "xCollapse"; }, never, ["*"], false, never>;
+}
+declare interface XSider extends Components.XSider {
+    /**
+     * Callback function, executed when the collapsed state is changed. @example <x-sider onXCollapse={(ev) => console.log(ev.detail)}></x-sider>
+     */
+    xCollapse: EventEmitter<CustomEvent<boolean>>;
+}
+declare class XSkeleton {
+    protected z: NgZone;
+    protected el: HTMLXSkeletonElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeleton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSkeleton, "x-skeleton", never, { "active": { "alias": "active"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "paragraph": { "alias": "paragraph"; "required": false; }; "round": { "alias": "round"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XSkeleton extends Components.XSkeleton {
+}
+declare class XSlider {
+    protected z: NgZone;
+    protected el: HTMLXSliderElement;
+    xChange: EventEmitter<CustomEvent<SliderValue>>;
+    xAfterChange: EventEmitter<CustomEvent<SliderValue>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSlider, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSlider, "x-slider", never, { "allowCross": { "alias": "allowCross"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "draggableTrack": { "alias": "draggableTrack"; "required": false; }; "marks": { "alias": "marks"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "pushable": { "alias": "pushable"; "required": false; }; "range": { "alias": "range"; "required": false; }; "step": { "alias": "step"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "value": { "alias": "value"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "xChange": "xChange"; "xAfterChange": "xAfterChange"; }, never, ["*"], false, never>;
+}
+declare interface XSlider extends Components.XSlider {
+    /**
+     * Emits on value change. @example <x-slider onXChange={(ev) => console.log(ev.detail)}></x-slider>
+     */
+    xChange: EventEmitter<CustomEvent<SliderValue>>;
+    /**
+     * Emits after drag interaction ends. @example <x-slider onXAfterChange={(ev) => console.log(ev.detail)}></x-slider>
+     */
+    xAfterChange: EventEmitter<CustomEvent<SliderValue>>;
+}
+declare class XSpace {
+    protected z: NgZone;
+    protected el: HTMLXSpaceElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSpace, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSpace, "x-space", never, { "align": { "alias": "align"; "required": false; }; "block": { "alias": "block"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XSpace extends Components.XSpace {
+}
+declare class XSpin {
+    protected z: NgZone;
+    protected el: HTMLXSpinElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSpin, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSpin, "x-spin", never, { "size": { "alias": "size"; "required": false; }; "spinning": { "alias": "spinning"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XSpin extends Components.XSpin {
+}
+declare class XSplitter {
+    protected z: NgZone;
+    protected el: HTMLXSplitterElement;
+    xResize: EventEmitter<CustomEvent<number[]>>;
+    xResizeStart: EventEmitter<CustomEvent<number[]>>;
+    xResizeEnd: EventEmitter<CustomEvent<number[]>>;
+    xCollapse: EventEmitter<CustomEvent<SplitterCollapseDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSplitter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSplitter, "x-splitter", never, { "classNames": { "alias": "classNames"; "required": false; }; "collapsibleIcon": { "alias": "collapsibleIcon"; "required": false; }; "draggerIcon": { "alias": "draggerIcon"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "xResize": "xResize"; "xResizeStart": "xResizeStart"; "xResizeEnd": "xResizeEnd"; "xCollapse": "xCollapse"; }, never, ["*"], false, never>;
+}
+declare interface XSplitter extends Components.XSplitter {
+    /**
+     * Panel size change callback
+     */
+    xResize: EventEmitter<CustomEvent<number[]>>;
+    /**
+     * Drag start callback
+     */
+    xResizeStart: EventEmitter<CustomEvent<number[]>>;
+    /**
+     * Drag end callback
+     */
+    xResizeEnd: EventEmitter<CustomEvent<number[]>>;
+    /**
+     * Callback when expanding or collapsing
+     */
+    xCollapse: EventEmitter<CustomEvent<SplitterCollapseDetail>>;
+}
+declare class XSplitterPanel {
+    protected z: NgZone;
+    protected el: HTMLXSplitterPanelElement;
+    xPanelResizeStart: EventEmitter<CustomEvent<PanelResizeStartDetail>>;
+    xPanelCollapse: EventEmitter<CustomEvent<PanelCollapseDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSplitterPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSplitterPanel, "x-splitter-panel", never, { "collapsible": { "alias": "collapsible"; "required": false; }; "defaultSize": { "alias": "defaultSize"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "xPanelResizeStart": "xPanelResizeStart"; "xPanelCollapse": "xPanelCollapse"; }, never, ["*"], false, never>;
+}
+declare interface XSplitterPanel extends Components.XSplitterPanel {
+    /**
+     * Emitted when resize starts (internal) @example <x-splitter-panel onXPanelResizeStart={(ev) => console.log(ev.detail)}></x-splitter-panel>
+     */
+    xPanelResizeStart: EventEmitter<CustomEvent<PanelResizeStartDetail>>;
+    /**
+     * Emitted when collapse is triggered (internal) @example <x-splitter-panel onXPanelCollapse={(ev) => console.log(ev.detail)}></x-splitter-panel>
+     */
+    xPanelCollapse: EventEmitter<CustomEvent<PanelCollapseDetail>>;
+}
+declare class XStatistic {
+    protected z: NgZone;
+    protected el: HTMLXStatisticElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XStatistic, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XStatistic, "x-statistic", never, { "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; "groupSeparator": { "alias": "groupSeparator"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "statisticTitle": { "alias": "statisticTitle"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valuePrefix": { "alias": "valuePrefix"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XStatistic extends Components.XStatistic {
+}
+declare class XStep {
+    protected z: NgZone;
+    protected el: HTMLXStepElement;
+    xStepClick: EventEmitter<CustomEvent<StepClickEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XStep, "x-step", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; "status": { "alias": "status"; "required": false; }; "stepTitle": { "alias": "stepTitle"; "required": false; }; "subTitle": { "alias": "subTitle"; "required": false; }; }, { "xStepClick": "xStepClick"; }, never, ["*"], false, never>;
+}
+declare interface XStep extends Components.XStep {
+    /**
+     * Emitted when step is clicked (internal). @example <x-step onXStepClick={(ev) => console.log(ev.detail)}></x-step>
+     */
+    xStepClick: EventEmitter<CustomEvent<StepClickEventDetail>>;
+}
+declare class XSteps {
+    protected z: NgZone;
+    protected el: HTMLXStepsElement;
+    xChange: EventEmitter<CustomEvent<StepsChangeEventDetail>>;
+    xStepClick: EventEmitter<CustomEvent<number>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSteps, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSteps, "x-steps", never, { "classNames": { "alias": "classNames"; "required": false; }; "current": { "alias": "current"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "initial": { "alias": "initial"; "required": false; }; "items": { "alias": "items"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "percent": { "alias": "percent"; "required": false; }; "progressDot": { "alias": "progressDot"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "titlePlacement": { "alias": "titlePlacement"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "xChange": "xChange"; "xStepClick": "xStepClick"; }, never, ["*"], false, never>;
+}
+declare interface XSteps extends Components.XSteps {
+    /**
+     * Callback when step is changed (only when clickable). @example <x-steps onXChange={(ev) => console.log(ev.detail)}></x-steps>
+     */
+    xChange: EventEmitter<CustomEvent<StepsChangeEventDetail>>;
+    /**
+     * Callback when step is clicked. @example <x-steps onXStepClick={(ev) => console.log(ev.detail)}></x-steps>
+     */
+    xStepClick: EventEmitter<CustomEvent<number>>;
+}
+declare class XSwitch {
+    protected z: NgZone;
+    protected el: HTMLXSwitchElement;
+    xChange: EventEmitter<CustomEvent<boolean>>;
+    xClick: EventEmitter<CustomEvent<SwitchClickEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSwitch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSwitch, "x-switch", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "checkedChildren": { "alias": "checkedChildren"; "required": false; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "unCheckedChildren": { "alias": "unCheckedChildren"; "required": false; }; }, { "xChange": "xChange"; "xClick": "xClick"; }, never, ["*"], false, never>;
+}
+declare interface XSwitch extends Components.XSwitch {
+    /**
+     * Emits when checked state changes. @example <x-switch onXChange={(ev) => console.log(ev.detail)}></x-switch>
+     */
+    xChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emits when switch is clicked. @example <x-switch onXClick={(ev) => console.log(ev.detail)}></x-switch>
+     */
+    xClick: EventEmitter<CustomEvent<SwitchClickEvent>>;
+}
+declare class XTabPane {
+    protected z: NgZone;
+    protected el: HTMLXTabPaneElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTabPane, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTabPane, "x-tab-pane", never, { "active": { "alias": "active"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "destroyInactiveTabPane": { "alias": "destroyInactiveTabPane"; "required": false; }; "forceRender": { "alias": "forceRender"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "tabKey": { "alias": "tabKey"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTabPane extends Components.XTabPane {
+}
+declare class XTable {
+    protected z: NgZone;
+    protected el: HTMLXTableElement;
+    xChange: EventEmitter<CustomEvent<TableChangeEventDetail>>;
+    xRowClick: EventEmitter<CustomEvent<TableRowEventDetail<any>>>;
+    xRowDoubleClick: EventEmitter<CustomEvent<TableRowEventDetail<any>>>;
+    xSelectionChange: EventEmitter<CustomEvent<TableSelectionChangeEventDetail<any>>>;
+    xExpand: EventEmitter<CustomEvent<TableExpandEventDetail<any>>>;
+    xExpandedRowsChange: EventEmitter<CustomEvent<{
+        expandedKeys: (string | number)[];
+    }>>;
+    xColumnSort: EventEmitter<CustomEvent<TableColumnSortEventDetail>>;
+    xDragSort: EventEmitter<CustomEvent<TableRowSortEventDetail>>;
+    xDataDisplayChange: EventEmitter<CustomEvent<{
+        data: Record<string, unknown>[];
+        total: number;
+        startIndex: number;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTable, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTable, "x-table", never, { "bordered": { "alias": "bordered"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "draggableColumns": { "alias": "draggableColumns"; "required": false; }; "draggableRows": { "alias": "draggableRows"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "headerRowEvents": { "alias": "headerRowEvents"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "rowClassName": { "alias": "rowClassName"; "required": false; }; "rowEvents": { "alias": "rowEvents"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showSorterTooltip": { "alias": "showSorterTooltip"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sortDirections": { "alias": "sortDirections"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "tableFooter": { "alias": "tableFooter"; "required": false; }; "tableLayout": { "alias": "tableLayout"; "required": false; }; "tableScroll": { "alias": "tableScroll"; "required": false; }; "tableTitle": { "alias": "tableTitle"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; }, { "xChange": "xChange"; "xRowClick": "xRowClick"; "xRowDoubleClick": "xRowDoubleClick"; "xSelectionChange": "xSelectionChange"; "xExpand": "xExpand"; "xExpandedRowsChange": "xExpandedRowsChange"; "xColumnSort": "xColumnSort"; "xDragSort": "xDragSort"; "xDataDisplayChange": "xDataDisplayChange"; }, never, ["*"], false, never>;
+}
+declare interface XTable extends Components.XTable {
+    /**
+     * Callback when pagination, filters or sorter is changed. @example <x-table onXChange={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xChange: EventEmitter<CustomEvent<TableChangeEventDetail>>;
+    /**
+     * Callback when row is clicked. @example <x-table onXRowClick={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xRowClick: EventEmitter<CustomEvent<TableRowEventDetail>>;
+    /**
+     * Callback when row is double clicked. @example <x-table onXRowDoubleClick={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xRowDoubleClick: EventEmitter<CustomEvent<TableRowEventDetail>>;
+    /**
+     * Callback when selection changes. @example <x-table onXSelectionChange={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xSelectionChange: EventEmitter<CustomEvent<TableSelectionChangeEventDetail>>;
+    /**
+     * Callback when row expand state changes. @example <x-table onXExpand={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xExpand: EventEmitter<CustomEvent<TableExpandEventDetail>>;
+    /**
+     * Callback when expanded rows change. @example <x-table onXExpandedRowsChange={(ev) => console.log(ev.detail)}></x-table>
+     */
+    xExpandedRowsChange: EventEmitter<CustomEvent<{
+        expandedKeys: (string | number)[];
+    }>>;
+    /**
+     * Callback when columns are reordered via drag and drop.
+     */
+    xColumnSort: EventEmitter<CustomEvent<TableColumnSortEventDetail>>;
+    /**
+     * Callback when rows are reordered via drag and drop.
+     */
+    xDragSort: EventEmitter<CustomEvent<TableRowSortEventDetail>>;
+    /**
+     * Callback when displayed data changes (due to pagination, filtering or sorting)
+     */
+    xDataDisplayChange: EventEmitter<CustomEvent<{
+        data: Record<string, unknown>[];
+        total: number;
+        startIndex: number;
+    }>>;
+}
+declare class XTableCell {
+    protected z: NgZone;
+    protected el: HTMLXTableCellElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableCell, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableCell, "x-table-cell", never, { "align": { "alias": "align"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "colSpan": { "alias": "colSpan"; "required": false; }; "customStyle": { "alias": "customStyle"; "required": false; }; "dataIndex": { "alias": "dataIndex"; "required": false; }; "rowSpan": { "alias": "rowSpan"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTableCell extends Components.XTableCell {
+}
+declare class XTableRow {
+    protected z: NgZone;
+    protected el: HTMLXTableRowElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableRow, "x-table-row", never, { "columns": { "alias": "columns"; "required": false; }; "index": { "alias": "index"; "required": false; }; "record": { "alias": "record"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTableRow extends Components.XTableRow {
+}
+declare class XTabs {
+    protected z: NgZone;
+    protected el: HTMLXTabsElement;
+    xChange: EventEmitter<CustomEvent<TabsChangeEventDetail>>;
+    xTabClick: EventEmitter<CustomEvent<TabsClickEventDetail>>;
+    xEdit: EventEmitter<CustomEvent<TabsEditEventDetail>>;
+    xTabScroll: EventEmitter<CustomEvent<TabsScrollEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTabs, "x-tabs", never, { "activeKey": { "alias": "activeKey"; "required": false; }; "addIcon": { "alias": "addIcon"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "defaultActiveKey": { "alias": "defaultActiveKey"; "required": false; }; "destroyInactiveTabPane": { "alias": "destroyInactiveTabPane"; "required": false; }; "hideAdd": { "alias": "hideAdd"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "items": { "alias": "items"; "required": false; }; "removeIcon": { "alias": "removeIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "tabBarExtraContent": { "alias": "tabBarExtraContent"; "required": false; }; "tabBarGutter": { "alias": "tabBarGutter"; "required": false; }; "tabBarStyle": { "alias": "tabBarStyle"; "required": false; }; "tabPlacement": { "alias": "tabPlacement"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "xChange": "xChange"; "xTabClick": "xTabClick"; "xEdit": "xEdit"; "xTabScroll": "xTabScroll"; }, never, ["*"], false, never>;
+}
+declare interface XTabs extends Components.XTabs {
+    /**
+     * Callback when active tab changes. @example <x-tabs onXChange={(ev) => console.log(ev.detail)}></x-tabs>
+     */
+    xChange: EventEmitter<CustomEvent<TabsChangeEventDetail>>;
+    /**
+     * Callback when tab is clicked. @example <x-tabs onXTabClick={(ev) => console.log(ev.detail)}></x-tabs>
+     */
+    xTabClick: EventEmitter<CustomEvent<TabsClickEventDetail>>;
+    /**
+     * Callback when tab is added or removed (only for editable-card). @example <x-tabs onXEdit={(ev) => console.log(ev.detail)} type="editable-card"></x-tabs>
+     */
+    xEdit: EventEmitter<CustomEvent<TabsEditEventDetail>>;
+    /**
+     * Callback when tab scroll. @example <x-tabs onXTabScroll={(ev) => console.log(ev.detail)}></x-tabs>
+     */
+    xTabScroll: EventEmitter<CustomEvent<TabsScrollEventDetail>>;
+}
+declare class XTag {
+    protected z: NgZone;
+    protected el: HTMLXTagElement;
+    xClose: EventEmitter<CustomEvent<MouseEvent>>;
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTag, "x-tag", never, { "bordered": { "alias": "bordered"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "xClose": "xClose"; "xClick": "xClick"; }, never, ["*"], false, never>;
+}
+declare interface XTag extends Components.XTag {
+    /**
+     * Callback executed when tag is closed. @example <x-tag closable onXClose={(ev) => console.log(ev.detail)}></x-tag>
+     */
+    xClose: EventEmitter<CustomEvent<MouseEvent>>;
+    /**
+     * Callback when tag is clicked. @example <x-tag onXClick={(ev) => console.log(ev.detail)}></x-tag>
+     */
+    xClick: EventEmitter<CustomEvent<MouseEvent>>;
+}
+declare class XTextarea {
+    protected z: NgZone;
+    protected el: HTMLXTextareaElement;
+    xChange: EventEmitter<CustomEvent<string>>;
+    xInput: EventEmitter<CustomEvent<InputEvent>>;
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    xResize: EventEmitter<CustomEvent<{
+        width: number;
+        height: number;
+    }>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTextarea, "x-textarea", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "status": { "alias": "status"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xInput": "xInput"; "xPressEnter": "xPressEnter"; "xResize": "xResize"; }, never, ["*"], false, never>;
+}
+declare interface XTextarea extends Components.XTextarea {
+    /**
+     * Emitted when value changes. @example <x-textarea onXChange={(ev) => console.log(ev.detail)}></x-textarea>
+     */
+    xChange: EventEmitter<CustomEvent<string>>;
+    /**
+     * Emitted on input. @example <x-textarea onXInput={(ev) => console.log(ev.detail)}></x-textarea>
+     */
+    xInput: EventEmitter<CustomEvent<InputEvent>>;
+    /**
+     * Emitted when pressing Enter. @example <x-textarea onXPressEnter={(ev) => console.log(ev.key)}></x-textarea>
+     */
+    xPressEnter: EventEmitter<CustomEvent<KeyboardEvent>>;
+    /**
+     * Emitted when textarea resizes. @example <x-textarea onXResize={(ev) => console.log(ev.detail)}></x-textarea>
+     */
+    xResize: EventEmitter<CustomEvent<{
+        width: number;
+        height: number;
+    }>>;
+}
+declare class XTimePicker {
+    protected z: NgZone;
+    protected el: HTMLXTimePickerElement;
+    xChange: EventEmitter<CustomEvent<TimePickerChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTimePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePicker, "x-time-picker", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledTime": { "alias": "disabledTime"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hourStep": { "alias": "hourStep"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "secondStep": { "alias": "secondStep"; "required": false; }; "showNow": { "alias": "showNow"; "required": false; }; "showSecond": { "alias": "showSecond"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "use12Hours": { "alias": "use12Hours"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "xChange": "xChange"; "xOpenChange": "xOpenChange"; "xBlur": "xBlur"; "xFocus": "xFocus"; }, never, ["*"], false, never>;
+}
+declare interface XTimePicker extends Components.XTimePicker {
+    /**
+     * Emitted when value changes. @example <x-time-picker onXChange={(ev) => console.log(ev.detail)}></x-time-picker>
+     */
+    xChange: EventEmitter<CustomEvent<TimePickerChangeEventDetail>>;
+    /**
+     * Emitted when panel opens/closes. @example <x-time-picker onXOpenChange={(ev) => console.log(ev.detail)}></x-time-picker>
+     */
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emitted on blur. @example <x-time-picker onXBlur={(ev) => console.log(ev)}></x-time-picker>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on focus. @example <x-time-picker onXFocus={(ev) => console.log(ev)}></x-time-picker>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+}
+declare class XTimePickerDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXTimePickerDropdownContentElement;
+    xTimeChange: EventEmitter<CustomEvent<TimeChangeDetail>>;
+    xNowClick: EventEmitter<CustomEvent<void>>;
+    xOkClick: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTimePickerDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerDropdownContent, "x-time-picker-dropdown-content", never, { "disabledHours": { "alias": "disabledHours"; "required": false; }; "disabledMinutes": { "alias": "disabledMinutes"; "required": false; }; "disabledSeconds": { "alias": "disabledSeconds"; "required": false; }; "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "hourStep": { "alias": "hourStep"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "secondStep": { "alias": "secondStep"; "required": false; }; "selectedHour": { "alias": "selectedHour"; "required": false; }; "selectedMinute": { "alias": "selectedMinute"; "required": false; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; }; "selectedSecond": { "alias": "selectedSecond"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; "showNow": { "alias": "showNow"; "required": false; }; "showSecond": { "alias": "showSecond"; "required": false; }; "use12Hours": { "alias": "use12Hours"; "required": false; }; }, { "xTimeChange": "xTimeChange"; "xNowClick": "xNowClick"; "xOkClick": "xOkClick"; }, never, ["*"], false, never>;
+}
+declare interface XTimePickerDropdownContent extends Components.XTimePickerDropdownContent {
+    /**
+     * Emitted when time selection changes. @example <x-time-picker-dropdown-content onXTimeChange={(ev) => console.log(ev.detail)}></x-time-picker-dropdown-content>
+     */
+    xTimeChange: EventEmitter<CustomEvent<TimeChangeDetail>>;
+    /**
+     * Emitted when "Now" button is clicked. @example <x-time-picker-dropdown-content onXNowClick={() => {}}></x-time-picker-dropdown-content>
+     */
+    xNowClick: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when "OK" button is clicked. @example <x-time-picker-dropdown-content onXOkClick={() => {}}></x-time-picker-dropdown-content>
+     */
+    xOkClick: EventEmitter<CustomEvent<void>>;
+}
+declare class XTimeline {
+    protected z: NgZone;
+    protected el: HTMLXTimelineElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTimeline, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimeline, "x-timeline", never, { "mode": { "alias": "mode"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTimeline extends Components.XTimeline {
+}
+declare class XTimelineItem {
+    protected z: NgZone;
+    protected el: HTMLXTimelineItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTimelineItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimelineItem, "x-timeline-item", never, { "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTimelineItem extends Components.XTimelineItem {
+}
+declare class XTooltip {
+    protected z: NgZone;
+    protected el: HTMLXTooltipElement;
+    openChange: EventEmitter<CustomEvent<TooltipOpenChangeEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTooltip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTooltip, "x-tooltip", never, { "arrow": { "alias": "arrow"; "required": false; }; "autoAdjustOverflow": { "alias": "autoAdjustOverflow"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "color": { "alias": "color"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "destroyTooltipOnHide": { "alias": "destroyTooltipOnHide"; "required": false; }; "mouseEnterDelay": { "alias": "mouseEnterDelay"; "required": false; }; "mouseLeaveDelay": { "alias": "mouseLeaveDelay"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
+}
+declare interface XTooltip extends Components.XTooltip {
+    /**
+     * Callback executed when visibility of the tooltip card is changed. @example <x-tooltip onOpenChange={(ev) => console.log(ev.detail)}></x-tooltip>
+     */
+    openChange: EventEmitter<CustomEvent<TooltipOpenChangeEventDetail>>;
+}
+declare class XTour {
+    protected z: NgZone;
+    protected el: HTMLXTourElement;
+    xChange: EventEmitter<CustomEvent<number>>;
+    xClose: EventEmitter<CustomEvent<void>>;
+    xFinish: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTour, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTour, "x-tour", never, { "arrow": { "alias": "arrow"; "required": false; }; "current": { "alias": "current"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "open": { "alias": "open"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, { "xChange": "xChange"; "xClose": "xClose"; "xFinish": "xFinish"; }, never, ["*"], false, never>;
+}
+declare interface XTour extends Components.XTour {
+    /**
+     * Callback when step changes @example <x-tour onXChange={(e) => console.log(e.detail)} />
+     */
+    xChange: EventEmitter<CustomEvent<number>>;
+    /**
+     * Callback when tour is closed @example <x-tour onXClose={() => console.log('closed')} />
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+    /**
+     * Callback when tour is finished @example <x-tour onXFinish={() => console.log('finished')} />
+     */
+    xFinish: EventEmitter<CustomEvent<void>>;
+}
+declare class XTourPanel {
+    protected z: NgZone;
+    protected el: HTMLXTourPanelElement;
+    xNext: EventEmitter<CustomEvent<void>>;
+    xPrev: EventEmitter<CustomEvent<void>>;
+    xClose: EventEmitter<CustomEvent<void>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTourPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTourPanel, "x-tour-panel", never, { "arrow": { "alias": "arrow"; "required": false; }; "current": { "alias": "current"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "step": { "alias": "step"; "required": false; }; "total": { "alias": "total"; "required": false; }; }, { "xNext": "xNext"; "xPrev": "xPrev"; "xClose": "xClose"; }, never, ["*"], false, never>;
+}
+declare interface XTourPanel extends Components.XTourPanel {
+    /**
+     * Event emitted when next button is clicked @example <x-tour-panel onXNext={() => console.log('next')} />
+     */
+    xNext: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when previous button is clicked @example <x-tour-panel onXPrev={() => console.log('prev')} />
+     */
+    xPrev: EventEmitter<CustomEvent<void>>;
+    /**
+     * Event emitted when close button is clicked @example <x-tour-panel onXClose={() => console.log('close')} />
+     */
+    xClose: EventEmitter<CustomEvent<void>>;
+}
+declare class XTransfer {
+    protected z: NgZone;
+    protected el: HTMLXTransferElement;
+    xChange: EventEmitter<CustomEvent<TransferChangeEvent>>;
+    xSelectChange: EventEmitter<CustomEvent<TransferSelectChangeEvent>>;
+    xSearch: EventEmitter<CustomEvent<TransferSearchEvent>>;
+    xScroll: EventEmitter<CustomEvent<TransferScrollEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTransfer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTransfer, "x-transfer", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "oneWay": { "alias": "oneWay"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "targetKeys": { "alias": "targetKeys"; "required": false; }; "titles": { "alias": "titles"; "required": false; }; }, { "xChange": "xChange"; "xSelectChange": "xSelectChange"; "xSearch": "xSearch"; "xScroll": "xScroll"; }, never, ["*"], false, never>;
+}
+declare interface XTransfer extends Components.XTransfer {
+    /**
+     * Emitted when items are moved. @example <x-transfer onXChange={(ev) => console.log(ev.detail)}></x-transfer>
+     */
+    xChange: EventEmitter<CustomEvent<TransferChangeEvent>>;
+    /**
+     * Emitted when selection changes. @example <x-transfer onXSelectChange={(ev) => console.log(ev.detail)}></x-transfer>
+     */
+    xSelectChange: EventEmitter<CustomEvent<TransferSelectChangeEvent>>;
+    /**
+     * Emitted when search changes. @example <x-transfer onXSearch={(ev) => console.log(ev.detail)}></x-transfer>
+     */
+    xSearch: EventEmitter<CustomEvent<TransferSearchEvent>>;
+    /**
+     * Emitted when list scrolls. @example <x-transfer onXScroll={(ev) => console.log(ev.detail)}></x-transfer>
+     */
+    xScroll: EventEmitter<CustomEvent<TransferScrollEvent>>;
+}
+declare class XTree {
+    protected z: NgZone;
+    protected el: HTMLXTreeElement;
+    xExpand: EventEmitter<CustomEvent<TreeExpandEvent>>;
+    xSelect: EventEmitter<CustomEvent<TreeSelectEvent>>;
+    xCheck: EventEmitter<CustomEvent<TreeCheckEvent>>;
+    xDragStart: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xDragEnter: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xDragOver: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xDragLeave: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xDragEnd: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xDrop: EventEmitter<CustomEvent<TreeDragEvent>>;
+    xLoadData: EventEmitter<CustomEvent<TreeExpandEvent>>;
+    xAction: EventEmitter<CustomEvent<TreeActionEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTree, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTree, "x-tree", never, { "actions": { "alias": "actions"; "required": false; }; "allowDrag": { "alias": "allowDrag"; "required": false; }; "autoExpandParent": { "alias": "autoExpandParent"; "required": false; }; "blockNode": { "alias": "blockNode"; "required": false; }; "checkStrictly": { "alias": "checkStrictly"; "required": false; }; "checkable": { "alias": "checkable"; "required": false; }; "checkedKeys": { "alias": "checkedKeys"; "required": false; }; "defaultCheckedKeys": { "alias": "defaultCheckedKeys"; "required": false; }; "defaultExpandAll": { "alias": "defaultExpandAll"; "required": false; }; "defaultExpandedKeys": { "alias": "defaultExpandedKeys"; "required": false; }; "defaultSelectedKeys": { "alias": "defaultSelectedKeys"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; }; "filterTreeNode": { "alias": "filterTreeNode"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "height": { "alias": "height"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showLine": { "alias": "showLine"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; }, { "xExpand": "xExpand"; "xSelect": "xSelect"; "xCheck": "xCheck"; "xDragStart": "xDragStart"; "xDragEnter": "xDragEnter"; "xDragOver": "xDragOver"; "xDragLeave": "xDragLeave"; "xDragEnd": "xDragEnd"; "xDrop": "xDrop"; "xLoadData": "xLoadData"; "xAction": "xAction"; }, never, ["*"], false, never>;
+}
+declare interface XTree extends Components.XTree {
+    /**
+     * Emitted when expand state changes. @example <x-tree onXExpand={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xExpand: EventEmitter<CustomEvent<TreeExpandEvent>>;
+    /**
+     * Emitted when selection changes. @example <x-tree onXSelect={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xSelect: EventEmitter<CustomEvent<TreeSelectEvent>>;
+    /**
+     * Emitted when check state changes. @example <x-tree onXCheck={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xCheck: EventEmitter<CustomEvent<TreeCheckEvent>>;
+    /**
+     * Emitted when drag starts. @example <x-tree onXDragStart={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDragStart: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when drag enters. @example <x-tree onXDragEnter={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDragEnter: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when dragging over. @example <x-tree onXDragOver={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDragOver: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when drag leaves. @example <x-tree onXDragLeave={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDragLeave: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when drag ends. @example <x-tree onXDragEnd={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDragEnd: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when drop happens. @example <x-tree onXDrop={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xDrop: EventEmitter<CustomEvent<TreeDragEvent>>;
+    /**
+     * Emitted when data loading is required. @example <x-tree onXLoadData={(ev) => console.log(ev.detail)}></x-tree>
+     */
+    xLoadData: EventEmitter<CustomEvent<TreeExpandEvent>>;
+    /**
+     * Emitted when a custom action is clicked. @example <x-tree onXAction={(ev) => console.log('Action:', ev.detail.action, 'Node:', ev.detail.node)}></x-tree>
+     */
+    xAction: EventEmitter<CustomEvent<TreeActionEvent>>;
+}
+declare class XTreeSelect {
+    protected z: NgZone;
+    protected el: HTMLXTreeSelectElement;
+    xChange: EventEmitter<CustomEvent<TreeSelectChangeEventDetail>>;
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    xTreeExpand: EventEmitter<CustomEvent<TreeSelectExpandEventDetail>>;
+    xSearch: EventEmitter<CustomEvent<TreeSelectSearchEventDetail>>;
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    xDropdownVisibleChange: EventEmitter<CustomEvent<boolean>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTreeSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeSelect, "x-tree-select", never, { "allowClear": { "alias": "allowClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultExpandAll": { "alias": "defaultExpandAll"; "required": false; }; "defaultExpandedKeys": { "alias": "defaultExpandedKeys"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fieldNames": { "alias": "fieldNames"; "required": false; }; "filterTreeNode": { "alias": "filterTreeNode"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "labelInValue": { "alias": "labelInValue"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; }; "maxTagPlaceholder": { "alias": "maxTagPlaceholder"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popupMatchSelectWidth": { "alias": "popupMatchSelectWidth"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "showCheckedStrategy": { "alias": "showCheckedStrategy"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "size": { "alias": "size"; "required": false; }; "status": { "alias": "status"; "required": false; }; "treeCheckStrictly": { "alias": "treeCheckStrictly"; "required": false; }; "treeCheckable": { "alias": "treeCheckable"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeDefaultExpandParent": { "alias": "treeDefaultExpandParent"; "required": false; }; "treeExpandedKeys": { "alias": "treeExpandedKeys"; "required": false; }; "treeIcon": { "alias": "treeIcon"; "required": false; }; "treeLine": { "alias": "treeLine"; "required": false; }; "treeNodeFilterProp": { "alias": "treeNodeFilterProp"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; }, { "xChange": "xChange"; "xOpenChange": "xOpenChange"; "xTreeExpand": "xTreeExpand"; "xSearch": "xSearch"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xDropdownVisibleChange": "xDropdownVisibleChange"; }, never, ["*"], false, never>;
+}
+declare interface XTreeSelect extends Components.XTreeSelect {
+    /**
+     * Emitted when value changes. @example <x-tree-select onXChange={(ev) => console.log(ev.detail)}></x-tree-select>
+     */
+    xChange: EventEmitter<CustomEvent<TreeSelectChangeEventDetail>>;
+    /**
+     * Emitted when dropdown opens/closes. @example <x-tree-select onXOpenChange={(ev) => console.log(ev.detail)}></x-tree-select>
+     */
+    xOpenChange: EventEmitter<CustomEvent<boolean>>;
+    /**
+     * Emitted when tree node expands/collapses. @example <x-tree-select onXTreeExpand={(ev) => console.log(ev.detail)}></x-tree-select>
+     */
+    xTreeExpand: EventEmitter<CustomEvent<TreeSelectExpandEventDetail>>;
+    /**
+     * Emitted on search. @example <x-tree-select onXSearch={(ev) => console.log(ev.detail)}></x-tree-select>
+     */
+    xSearch: EventEmitter<CustomEvent<TreeSelectSearchEventDetail>>;
+    /**
+     * Emitted on focus. @example <x-tree-select onXFocus={(ev) => console.log(ev)}></x-tree-select>
+     */
+    xFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted on blur. @example <x-tree-select onXBlur={(ev) => console.log(ev)}></x-tree-select>
+     */
+    xBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when dropdown visible changes. @example <x-tree-select onXDropdownVisibleChange={(ev) => console.log(ev.detail)}></x-tree-select>
+     */
+    xDropdownVisibleChange: EventEmitter<CustomEvent<boolean>>;
+}
+declare class XTreeSelectDropdownContent {
+    protected z: NgZone;
+    protected el: HTMLXTreeSelectDropdownContentElement;
+    xNodeClick: EventEmitter<CustomEvent<TreeNodeClickDetail>>;
+    xNodeExpand: EventEmitter<CustomEvent<TreeNodeExpandDetail>>;
+    xNodeCheck: EventEmitter<CustomEvent<TreeNodeCheckDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTreeSelectDropdownContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeSelectDropdownContent, "x-tree-select-dropdown-content", never, { "checkedKeys": { "alias": "checkedKeys"; "required": false; }; "dropdownClasses": { "alias": "dropdownClasses"; "required": false; }; "dropdownStyle": { "alias": "dropdownStyle"; "required": false; }; "expandedKeys": { "alias": "expandedKeys"; "required": false; }; "fieldNames": { "alias": "fieldNames"; "required": false; }; "filterTreeNode": { "alias": "filterTreeNode"; "required": false; }; "halfCheckedKeys": { "alias": "halfCheckedKeys"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundContent": { "alias": "notFoundContent"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; "setDropdownRef": { "alias": "setDropdownRef"; "required": false; }; "treeCheckable": { "alias": "treeCheckable"; "required": false; }; "treeData": { "alias": "treeData"; "required": false; }; "treeLine": { "alias": "treeLine"; "required": false; }; }, { "xNodeClick": "xNodeClick"; "xNodeExpand": "xNodeExpand"; "xNodeCheck": "xNodeCheck"; }, never, ["*"], false, never>;
+}
+declare interface XTreeSelectDropdownContent extends Components.XTreeSelectDropdownContent {
+    /**
+     * Emitted when a node is clicked (for selection). @example <x-tree-select-dropdown-content onXNodeClick={(ev) => console.log(ev.detail)}></x-tree-select-dropdown-content>
+     */
+    xNodeClick: EventEmitter<CustomEvent<TreeNodeClickDetail>>;
+    /**
+     * Emitted when a node is expanded/collapsed. @example <x-tree-select-dropdown-content onXNodeExpand={(ev) => console.log(ev.detail)}></x-tree-select-dropdown-content>
+     */
+    xNodeExpand: EventEmitter<CustomEvent<TreeNodeExpandDetail>>;
+    /**
+     * Emitted when a checkbox is toggled. @example <x-tree-select-dropdown-content onXNodeCheck={(ev) => console.log(ev.detail)}></x-tree-select-dropdown-content>
+     */
+    xNodeCheck: EventEmitter<CustomEvent<TreeNodeCheckDetail>>;
+}
+declare class XTypography {
+    protected z: NgZone;
+    protected el: HTMLXTypographyElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTypography, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTypography, "x-typography", never, { "code": { "alias": "code"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "level": { "alias": "level"; "required": false; }; "mark": { "alias": "mark"; "required": false; }; "strong": { "alias": "strong"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XTypography extends Components.XTypography {
+}
+declare class XUpload {
+    protected z: NgZone;
+    protected el: HTMLXUploadElement;
+    xChange: EventEmitter<CustomEvent<UploadChangeEventDetail<any>>>;
+    xRemove: EventEmitter<CustomEvent<UploadRemoveEventDetail<any>>>;
+    xPreview: EventEmitter<CustomEvent<UploadPreviewEventDetail<any>>>;
+    xDownload: EventEmitter<CustomEvent<UploadDownloadEventDetail<any>>>;
+    xDrop: EventEmitter<CustomEvent<UploadDropEventDetail>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XUpload, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XUpload, "x-upload", never, { "accept": { "alias": "accept"; "required": false; }; "action": { "alias": "action"; "required": false; }; "classNames": { "alias": "classNames"; "required": false; }; "data": { "alias": "data"; "required": false; }; "defaultFileList": { "alias": "defaultFileList"; "required": false; }; "directory": { "alias": "directory"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "drag": { "alias": "drag"; "required": false; }; "fileList": { "alias": "fileList"; "required": false; }; "headers": { "alias": "headers"; "required": false; }; "listType": { "alias": "listType"; "required": false; }; "maxCount": { "alias": "maxCount"; "required": false; }; "method": { "alias": "method"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "openFileDialogOnClick": { "alias": "openFileDialogOnClick"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "showUploadList": { "alias": "showUploadList"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "withCredentials": { "alias": "withCredentials"; "required": false; }; }, { "xChange": "xChange"; "xRemove": "xRemove"; "xPreview": "xPreview"; "xDownload": "xDownload"; "xDrop": "xDrop"; }, never, ["*"], false, never>;
+}
+declare interface XUpload extends Components.XUpload {
+    /**
+     * Callback when uploading state changes @example <x-upload onXChange={(ev) => console.log(ev.detail)}></x-upload>
+     */
+    xChange: EventEmitter<CustomEvent<UploadChangeEventDetail>>;
+    /**
+     * Callback when file is removed @example <x-upload onXRemove={(ev) => console.log(ev.detail)}></x-upload>
+     */
+    xRemove: EventEmitter<CustomEvent<UploadRemoveEventDetail>>;
+    /**
+     * Callback when file link or preview icon is clicked @example <x-upload onXPreview={(ev) => console.log(ev.detail)}></x-upload>
+     */
+    xPreview: EventEmitter<CustomEvent<UploadPreviewEventDetail>>;
+    /**
+     * Callback when download icon is clicked @example <x-upload onXDownload={(ev) => console.log(ev.detail)}></x-upload>
+     */
+    xDownload: EventEmitter<CustomEvent<UploadDownloadEventDetail>>;
+    /**
+     * Callback when files are dragged and dropped @example <x-upload onXDrop={(ev) => console.log(ev.detail)}></x-upload>
+     */
+    xDrop: EventEmitter<CustomEvent<UploadDropEventDetail>>;
+}
+declare class XVirtualScroll {
+    protected z: NgZone;
+    protected el: HTMLXVirtualScrollElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XVirtualScroll, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XVirtualScroll, "x-virtual-scroll", never, { "height": { "alias": "height"; "required": false; }; "hoverable": { "alias": "hoverable"; "required": false; }; "itemClass": { "alias": "itemClass"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "items": { "alias": "items"; "required": false; }; "overscan": { "alias": "overscan"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XVirtualScroll extends Components.XVirtualScroll {
+}
+declare class XWorkflow {
+    protected z: NgZone;
+    protected el: HTMLXWorkflowElement;
+    xNodesChange: EventEmitter<CustomEvent<XNode<Record<string, unknown>>[]>>;
+    xEdgesChange: EventEmitter<CustomEvent<XEdge<Record<string, unknown>>[]>>;
+    xViewportChange: EventEmitter<CustomEvent<Viewport>>;
+    xNodeClick: EventEmitter<CustomEvent<XNode<Record<string, unknown>>>>;
+    xEdgeClick: EventEmitter<CustomEvent<XEdge<Record<string, unknown>>>>;
+    xConnect: EventEmitter<CustomEvent<XConnection>>;
+    xWorkflowChange: EventEmitter<CustomEvent<unknown>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XWorkflow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XWorkflow, "x-workflow", never, { "background": { "alias": "background"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "edgeRoutingMode": { "alias": "edgeRoutingMode"; "required": false; }; "edges": { "alias": "edges"; "required": false; }; "fitView": { "alias": "fitView"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "nodeToolbarMode": { "alias": "nodeToolbarMode"; "required": false; }; "nodeToolbarVisible": { "alias": "nodeToolbarVisible"; "required": false; }; "nodes": { "alias": "nodes"; "required": false; }; "snapToGridValue": { "alias": "snapToGridValue"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "tool": { "alias": "tool"; "required": false; }; "turboMode": { "alias": "turboMode"; "required": false; }; "users": { "alias": "users"; "required": false; }; "viewportValue": { "alias": "viewportValue"; "required": false; }; }, { "xNodesChange": "xNodesChange"; "xEdgesChange": "xEdgesChange"; "xViewportChange": "xViewportChange"; "xNodeClick": "xNodeClick"; "xEdgeClick": "xEdgeClick"; "xConnect": "xConnect"; "xWorkflowChange": "xWorkflowChange"; }, never, ["*"], false, never>;
+}
+declare interface XWorkflow extends Components.XWorkflow {
+    xNodesChange: EventEmitter<CustomEvent<XNode[]>>;
+    xEdgesChange: EventEmitter<CustomEvent<XEdge[]>>;
+    xViewportChange: EventEmitter<CustomEvent<Viewport>>;
+    xNodeClick: EventEmitter<CustomEvent<XNode>>;
+    xEdgeClick: EventEmitter<CustomEvent<XEdge>>;
+    xConnect: EventEmitter<CustomEvent<XConnection>>;
+    xWorkflowChange: EventEmitter<CustomEvent<unknown>>;
+}
+declare class XWorkflowBuilder {
+    protected z: NgZone;
+    protected el: HTMLXWorkflowBuilderElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XWorkflowBuilder, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XWorkflowBuilder, "x-workflow-builder", never, { "builderTitle": { "alias": "builderTitle"; "required": false; }; "initialEdges": { "alias": "initialEdges"; "required": false; }; "initialNodes": { "alias": "initialNodes"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+declare interface XWorkflowBuilder extends Components.XWorkflowBuilder {
+}
+
+declare class XRowCell {
+    xRowCell: string;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRowCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XRowCell, "[xRowCell]", never, { "xRowCell": { "alias": "xRowCell"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class XTableDirective implements AfterContentInit, OnDestroy {
+    private host;
+    private _cdr;
+    rowCells: QueryList<XRowCell>;
+    private _originalColumns;
+    private _isUpdating;
+    set columns(v: TableColumn[]);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private reapplyColumns;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableDirective, "x-table[xTable]", never, { "columns": { "alias": "columns"; "required": false; }; }, {}, ["rowCells"], never, false, never>;
+}
+
+declare class XlabsModule {
+    constructor();
+    static forRoot(config?: Record<string, string>): ModuleWithProviders<XlabsModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XlabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XlabsModule, [typeof XAddress, typeof XAffix, typeof XAlert, typeof XAnchor, typeof XAnchorLink, typeof XApp, typeof XAutoComplete, typeof XAutoCompleteDropdownContent, typeof XAvatar, typeof XBackTop, typeof XBadge, typeof XBreadcrumb, typeof XBreadcrumbItem, typeof XButton, typeof XCaptcha, typeof XCard, typeof XCarousel, typeof XCascader, typeof XCascaderDropdownContent, typeof XCheckbox, typeof XCol, typeof XCollapse, typeof XCollapsePanel, typeof XColorPicker, typeof XComment, typeof XContent, typeof XDatePicker, typeof XDatePickerDropdownContent, typeof XDescriptions, typeof XDescriptionsItem, typeof XDivider, typeof XDrawer, typeof XDrawerContent, typeof XDropdown, typeof XEditor, typeof XEmpty, typeof XFinder, typeof XFlex, typeof XFloatButton, typeof XFooter, typeof XForm, typeof XFormBuilder, typeof XFormItem, typeof XHeader, typeof XIcon, typeof XImage, typeof XInfiniteScroll, typeof XInput, typeof XInputNumber, typeof XLayout, typeof XList, typeof XListItem, typeof XMentions, typeof XMenu, typeof XMenuDivider, typeof XMenuItem, typeof XMenuItemGroup, typeof XMenuSubmenu, typeof XMessage, typeof XModal, typeof XModalContent, typeof XNotification, typeof XPageHeader, typeof XPagination, typeof XPopconfirm, typeof XPopover, typeof XProgress, typeof XQrCode, typeof XRadio, typeof XRadioGroup, typeof XRangePicker, typeof XRangePickerDropdownContent, typeof XRate, typeof XResult, typeof XRow, typeof XSegmented, typeof XSelect, typeof XSelectDropdownContent, typeof XSelectOption, typeof XSider, typeof XSkeleton, typeof XSlider, typeof XSpace, typeof XSpin, typeof XSplitter, typeof XSplitterPanel, typeof XStatistic, typeof XStep, typeof XSteps, typeof XSwitch, typeof XTabPane, typeof XTable, typeof XTableCell, typeof XTableRow, typeof XTabs, typeof XTag, typeof XTextarea, typeof XTimePicker, typeof XTimePickerDropdownContent, typeof XTimeline, typeof XTimelineItem, typeof XTooltip, typeof XTour, typeof XTourPanel, typeof XTransfer, typeof XTree, typeof XTreeSelect, typeof XTreeSelectDropdownContent, typeof XTypography, typeof XUpload, typeof XVirtualScroll, typeof XWorkflow, typeof XWorkflowBuilder, typeof XTableDirective, typeof XRowCell], [typeof i4.CommonModule], [typeof XAddress, typeof XAffix, typeof XAlert, typeof XAnchor, typeof XAnchorLink, typeof XApp, typeof XAutoComplete, typeof XAutoCompleteDropdownContent, typeof XAvatar, typeof XBackTop, typeof XBadge, typeof XBreadcrumb, typeof XBreadcrumbItem, typeof XButton, typeof XCaptcha, typeof XCard, typeof XCarousel, typeof XCascader, typeof XCascaderDropdownContent, typeof XCheckbox, typeof XCol, typeof XCollapse, typeof XCollapsePanel, typeof XColorPicker, typeof XComment, typeof XContent, typeof XDatePicker, typeof XDatePickerDropdownContent, typeof XDescriptions, typeof XDescriptionsItem, typeof XDivider, typeof XDrawer, typeof XDrawerContent, typeof XDropdown, typeof XEditor, typeof XEmpty, typeof XFinder, typeof XFlex, typeof XFloatButton, typeof XFooter, typeof XForm, typeof XFormBuilder, typeof XFormItem, typeof XHeader, typeof XIcon, typeof XImage, typeof XInfiniteScroll, typeof XInput, typeof XInputNumber, typeof XLayout, typeof XList, typeof XListItem, typeof XMentions, typeof XMenu, typeof XMenuDivider, typeof XMenuItem, typeof XMenuItemGroup, typeof XMenuSubmenu, typeof XMessage, typeof XModal, typeof XModalContent, typeof XNotification, typeof XPageHeader, typeof XPagination, typeof XPopconfirm, typeof XPopover, typeof XProgress, typeof XQrCode, typeof XRadio, typeof XRadioGroup, typeof XRangePicker, typeof XRangePickerDropdownContent, typeof XRate, typeof XResult, typeof XRow, typeof XSegmented, typeof XSelect, typeof XSelectDropdownContent, typeof XSelectOption, typeof XSider, typeof XSkeleton, typeof XSlider, typeof XSpace, typeof XSpin, typeof XSplitter, typeof XSplitterPanel, typeof XStatistic, typeof XStep, typeof XSteps, typeof XSwitch, typeof XTabPane, typeof XTable, typeof XTableCell, typeof XTableRow, typeof XTabs, typeof XTag, typeof XTextarea, typeof XTimePicker, typeof XTimePickerDropdownContent, typeof XTimeline, typeof XTimelineItem, typeof XTooltip, typeof XTour, typeof XTourPanel, typeof XTransfer, typeof XTree, typeof XTreeSelect, typeof XTreeSelectDropdownContent, typeof XTypography, typeof XUpload, typeof XVirtualScroll, typeof XWorkflow, typeof XWorkflowBuilder, typeof XTableDirective, typeof XRowCell]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XlabsModule>;
+}
+
+export { XAddress, XAffix, XAlert, XAnchor, XAnchorLink, XApp, XAutoComplete, XAutoCompleteDropdownContent, XAvatar, XBackTop, XBadge, XBreadcrumb, XBreadcrumbItem, XButton, XCaptcha, XCard, XCarousel, XCascader, XCascaderDropdownContent, XCheckbox, XCol, XCollapse, XCollapsePanel, XColorPicker, XComment, XContent, XDatePicker, XDatePickerDropdownContent, XDescriptions, XDescriptionsItem, XDivider, XDrawer, XDrawerContent, XDropdown, XEditor, XEmpty, XFinder, XFlex, XFloatButton, XFooter, XForm, XFormBuilder, XFormItem, XHeader, XIcon, XImage, XInfiniteScroll, XInput, XInputNumber, XLayout, XList, XListItem, XMentions, XMenu, XMenuDivider, XMenuItem, XMenuItemGroup, XMenuSubmenu, XMessage, XModal, XModalContent, XNotification, XPageHeader, XPagination, XPopconfirm, XPopover, XProgress, XQrCode, XRadio, XRadioGroup, XRangePicker, XRangePickerDropdownContent, XRate, XResult, XRow, XRowCell, XSegmented, XSelect, XSelectDropdownContent, XSelectOption, XSider, XSkeleton, XSlider, XSpace, XSpin, XSplitter, XSplitterPanel, XStatistic, XStep, XSteps, XSwitch, XTabPane, XTable, XTableCell, XTableDirective, XTableRow, XTabs, XTag, XTextarea, XTimePicker, XTimePickerDropdownContent, XTimeline, XTimelineItem, XTooltip, XTour, XTourPanel, XTransfer, XTree, XTreeSelect, XTreeSelectDropdownContent, XTypography, XUpload, XVirtualScroll, XWorkflow, XWorkflowBuilder, XlabsModule };
+//# sourceMappingURL=xlabs-store-angular.d.ts.map