x-tql-component 1.19.4

package/lib/components/template/tql-breadcrumb/tql-breadcrumb.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { IBreadcrumb } from '../../../constants/interface';
+import * as i0 from "@angular/core";
+export declare class TqlBreadcrumbComponent implements OnInit {
+    private _Router;
+    private _ActivatedRoute;
+    hasPrefix: boolean;
+    noTranslate: boolean;
+    breadcrumbList: IBreadcrumb[];
+    _selector: any;
+    constructor(_Router: Router, _ActivatedRoute: ActivatedRoute);
+    ngOnInit(): void;
+    /**
+     * source
+     * https://github.com/piotrkorlaga/demo-angular-breadcrumb/blob/master/src/app/breadcrumb/breadcrumb.component.ts
+     * @param route
+     * @param url
+     * @param breadcrumbs
+     * @returns {IBreadcrumb[]}
+     */
+    private createBreadcrumbs;
+    goTo(url: string | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlBreadcrumbComponent, "tql-breadcrumb", never, { "hasPrefix": { "alias": "hasPrefix"; "required": false; }; "noTranslate": { "alias": "noTranslate"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/template/tql-code-editor/tql-code-editor.component.d.ts

@@ -0,0 +1,79 @@
+import { AfterViewInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { CodemirrorComponent } from '@ctrl/ngx-codemirror';
+import { CodeEditorModel, IListItemOption } from '../../../constants';
+import * as i0 from "@angular/core";
+export declare class TqlCodeEditorComponent implements OnInit, AfterViewInit {
+    _closeActions: IListItemOption[];
+    _actions: IListItemOption[];
+    set actions(v: IListItemOption[]);
+    get actions(): IListItemOption[];
+    get moreActions(): IListItemOption[];
+    hideDefaultActions: boolean;
+    editors: QueryList<CodemirrorComponent>;
+    saveAction: ($event: CodeEditorModel) => Promise<boolean>;
+    showTabOnly: boolean;
+    _data: CodeEditorModel[];
+    /**
+     * list of code editors
+     * @param v
+     */
+    dataChange: EventEmitter<any>;
+    set data(v: CodeEditorModel[]);
+    get data(): CodeEditorModel[];
+    hasHeading: boolean;
+    headingClassName: string;
+    multiple: boolean;
+    hintMenuTemplate: TemplateRef<any>;
+    scrollToBottomWhenUpdate: boolean;
+    onChange: EventEmitter<any>;
+    onInit: EventEmitter<void>;
+    _readOnly: boolean;
+    /**
+     * set readonly
+     * @param v
+     */
+    set readOnly(v: boolean);
+    get readOnly(): boolean;
+    _selected: CodeEditorModel | null;
+    set selected(value: CodeEditorModel | null);
+    get selected(): CodeEditorModel | null;
+    questionIcon: IListItemOption;
+    saveIcon: IListItemOption;
+    formatIcon: IListItemOption;
+    moreIcon: IListItemOption;
+    closeIcon: IListItemOption;
+    unsavedIcon: IListItemOption;
+    _mode: string;
+    set mode(v: string);
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private setReadOnlyForTabs;
+    massageEditor(): void;
+    codemirrorChange(text: string): void;
+    onSelectTab(item: CodeEditorModel): void;
+    onFormat(): void;
+    emitEvent(eventClass: TqlCodeEditorComponent.EventType): void;
+    onCloseItems(codeEditorModels: CodeEditorModel[]): void;
+    onCloseItemOthers(codeEditorModel: CodeEditorModel | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlCodeEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlCodeEditorComponent, "tql-code-editor", never, { "actions": { "alias": "actions"; "required": false; }; "hideDefaultActions": { "alias": "hideDefaultActions"; "required": false; }; "saveAction": { "alias": "saveAction"; "required": false; }; "showTabOnly": { "alias": "showTabOnly"; "required": false; }; "data": { "alias": "data"; "required": false; }; "hasHeading": { "alias": "hasHeading"; "required": false; }; "headingClassName": { "alias": "headingClassName"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "hintMenuTemplate": { "alias": "hintMenuTemplate"; "required": false; }; "scrollToBottomWhenUpdate": { "alias": "scrollToBottomWhenUpdate"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "dataChange": "dataChange"; "onChange": "onChange"; "onInit": "onInit"; }, never, never, false, never>;
+}
+export declare namespace TqlCodeEditorComponent {
+    type EventType = new () => IEvent;
+    interface IEvent {
+        editor: CodeEditorModel;
+    }
+    class CloseEvent implements IEvent {
+        editor: CodeEditorModel;
+    }
+    class SaveEvent implements IEvent {
+        editor: CodeEditorModel;
+    }
+    class EditorChangeEvent implements IEvent {
+        editor: CodeEditorModel;
+    }
+    class ContentChangeEvent implements IEvent {
+        editor: CodeEditorModel;
+    }
+}

package/lib/components/template/tql-collapse-group/tql-collapse-group.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, OnInit, TemplateRef } from '@angular/core';
+import { IListItem } from '../../../constants';
+import { NavbarPreview, TqlNavbarControllerService } from '../../../controllers';
+import { DefaultComponent } from 'x-tql-service';
+import * as i0 from "@angular/core";
+export declare class TqlCollapseGroupComponent extends DefaultComponent implements OnInit, AfterViewInit {
+    private _TqlNavbarControllerService;
+    contentTemplate: TemplateRef<any>;
+    headingClassName: string;
+    data: IListItem;
+    inNavbar: boolean;
+    navbarClass: string;
+    /**
+     *
+     * @type {boolean}
+     */
+    isCollapse: boolean;
+    navBarPreview: NavbarPreview | null;
+    showNavBarPreview: NavbarPreview | null;
+    id: string;
+    constructor(_TqlNavbarControllerService: TqlNavbarControllerService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onShowContent($event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlCollapseGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlCollapseGroupComponent, "tql-collapse-group", never, { "headingClassName": { "alias": "headingClassName"; "required": false; }; "data": { "alias": "data"; "required": false; }; "inNavbar": { "alias": "inNavbar"; "required": false; }; "navbarClass": { "alias": "navbarClass"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/components/template/tql-dynamic-component/tql-dynamic-component.component.d.ts

@@ -0,0 +1,19 @@
+import { ComponentFactoryResolver, EventEmitter, Injector, OnInit, ViewContainerRef } from '@angular/core';
+import { TqlDynamicComponentHostDirective } from '../../../directives/tql-dynamic-component-host/tql-dynamic-component-host.directive';
+import { IDynamicItem } from '../../../constants';
+import * as i0 from "@angular/core";
+export declare class TqlDynamicComponentComponent implements OnInit {
+    private _ViewContainerRef;
+    private _Injector;
+    private _ComponentFactoryResolver;
+    viewHost: TqlDynamicComponentHostDirective;
+    private _item;
+    set item(v: IDynamicItem);
+    get item(): IDynamicItem;
+    eventChanged: EventEmitter<any>;
+    constructor(_ViewContainerRef: ViewContainerRef, _Injector: Injector, _ComponentFactoryResolver: ComponentFactoryResolver);
+    ngOnInit(): void;
+    addComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlDynamicComponentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlDynamicComponentComponent, "tql-dynamic-component", never, { "item": { "alias": "item"; "required": false; }; }, { "eventChanged": "eventChanged"; }, never, never, false, never>;
+}

package/lib/components/template/tql-header/tql-header.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlHeaderComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlHeaderComponent, "tql-header", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/components/template/tql-highlight-list/tql-highlight-list.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlHighlightListComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlHighlightListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlHighlightListComponent, "lib-tql-highlight-list", never, {}, {}, never, never, false, never>;
+}

package/lib/components/template/tql-image-card/tql-image-card.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlImageCardComponent implements OnInit {
+    urlImage: string;
+    titleString: string;
+    description: string;
+    isSelected: boolean;
+    isSelectedChange: EventEmitter<boolean>;
+    onDetailClicked: EventEmitter<any>;
+    onLivePreviewClicked: EventEmitter<any>;
+    constructor();
+    ngOnInit(): void;
+    toggleSelect(): void;
+    onDetailClick(): void;
+    onLivePreviewClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlImageCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlImageCardComponent, "tql-image-card", never, { "urlImage": { "alias": "urlImage"; "required": false; }; "titleString": { "alias": "titleString"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; }, { "isSelectedChange": "isSelectedChange"; "onDetailClicked": "onDetailClicked"; "onLivePreviewClicked": "onLivePreviewClicked"; }, never, never, false, never>;
+}

package/lib/components/template/tql-listed-tree/tql-listed-tree.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IListItem, IListItemOption } from '../../../constants';
+import * as i0 from "@angular/core";
+export declare class TqlListedTreeComponent implements OnInit {
+    init: EventEmitter<TqlListedTreeComponent.ITreeControl>;
+    id: string;
+    draggable: boolean;
+    dropIds: string[];
+    dragging: boolean;
+    nodeList: IListItem[];
+    /**
+     * offset for each level
+     * @type {number}
+     */
+    levelOffset: number;
+    /**
+     * selectable
+     * @param v
+     */
+    _selectable: boolean;
+    set selectable(v: boolean);
+    get selectable(): boolean;
+    /**
+     * tree's nodes
+     * @type {IListItem[]}
+     * @private
+     */
+    _data: IListItem[];
+    isSingleLevelTree: boolean;
+    set data(v: IListItem[]);
+    get data(): IListItem[];
+    selectedClassName: string;
+    selectedChanged: EventEmitter<IListItem | null>;
+    _selected: IListItem | null;
+    set selected(v: IListItem | null);
+    get selected(): IListItem | null;
+    hoverNameClassName: string;
+    collapseClassName: string;
+    expandClassName: string;
+    hoverCollapseIconClassName: string;
+    alwaysShowExpandCollapseIcon: boolean;
+    moreAction: IListItemOption;
+    constructor();
+    ngOnInit(): void;
+    private render;
+    /**
+     *
+     * @param level
+     */
+    calculatePaddingLeft(level: number): string;
+    /**
+     * add level to each node
+     * @param data
+     * @param level
+     * @param parent
+     */
+    massageNode(data: IListItem[], level?: number, parent?: IListItem | null): void;
+    toggleCollapseExpand(node: IListItem): void;
+    isSelectedNode(node: IListItem): boolean;
+    onClick(node: IListItem): void;
+    toTreeControl(): TqlListedTreeComponent.ITreeControl;
+    collapseAll(): void;
+    expandAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlListedTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlListedTreeComponent, "tql-listed-tree", never, { "id": { "alias": "id"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "dropIds": { "alias": "dropIds"; "required": false; }; "levelOffset": { "alias": "levelOffset"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "data": { "alias": "data"; "required": false; }; "selectedClassName": { "alias": "selectedClassName"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "hoverNameClassName": { "alias": "hoverNameClassName"; "required": false; }; "collapseClassName": { "alias": "collapseClassName"; "required": false; }; "expandClassName": { "alias": "expandClassName"; "required": false; }; "hoverCollapseIconClassName": { "alias": "hoverCollapseIconClassName"; "required": false; }; "alwaysShowExpandCollapseIcon": { "alias": "alwaysShowExpandCollapseIcon"; "required": false; }; }, { "init": "init"; "selectedChanged": "selectedChanged"; }, never, never, false, never>;
+}
+export declare namespace TqlListedTreeComponent {
+    interface ITreeControl {
+        data: IListItem[];
+        collapseAll: Function;
+        expandAll: Function;
+    }
+}

package/lib/components/template/tql-navbar/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tql-navbar.module';
+export * from './tql-navbar/tql-navbar.component';
+export * from './tql-navbar-logo/tql-navbar-logo.component';
+export * from './tql-navbar-title/tql-navbar-title.component';

package/lib/components/template/tql-navbar/tql-navbar/tql-navbar.component.d.ts

@@ -0,0 +1,68 @@
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, EventEmitter, OnInit, ViewContainerRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { NavbarPreview, TqlNavbarControllerService } from '../../../../controllers';
+import { DefaultComponent } from 'x-tql-service';
+import { TqlResizableComponent } from '../../../basic/tql-resizable/tql-resizable.component';
+import * as i0 from "@angular/core";
+export declare class TqlNavbarComponent extends DefaultComponent implements OnInit, AfterViewInit {
+    private _Router;
+    private _ChangeDetectorRef;
+    private _ComponentFactoryResolver;
+    private _TqlNavbarControllerService;
+    isOverlappedStyle: boolean;
+    tqlNavbar: ViewContainerRef;
+    hiddenWhenCollapse: boolean;
+    resizable: boolean;
+    initialCollapsed: boolean;
+    expandWhenHover: boolean;
+    IconOffsetTop: number;
+    readonly smallScreenSize: number;
+    resizableDirections: typeof TqlResizableComponent.ENUM_DIRECTIONS;
+    _collapse: boolean;
+    _alwaysCollapse: any;
+    collapseEmit: EventEmitter<boolean>;
+    navBarPreview: NavbarPreview | null;
+    navBarPreviewTop: string;
+    set collapse(value: boolean);
+    set alwaysCollapsed(value: boolean);
+    id: string;
+    constructor(_Router: Router, _ChangeDetectorRef: ChangeDetectorRef, _ComponentFactoryResolver: ComponentFactoryResolver, _TqlNavbarControllerService: TqlNavbarControllerService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * render preview template
+     * @param preview
+     */
+    renderPreview(preview?: NavbarPreview | null): void;
+    /**
+     * toggle left menu
+     * @param status: open is expand else collapse
+     */
+    toggleCollapse(status?: boolean): void;
+    /**
+     * resize screen
+     * @param $event
+     */
+    onResize($event: any): void;
+    /**
+     * for mobile and tablet, if click outside left menu then collapse it
+     * @param e
+     */
+    onClickedOutside(e?: Event | null): void;
+    /**
+     * for mobile and tablet, if click inside left menu then expand it
+     */
+    onClickedInside(): void;
+    /**
+     * check collapse change
+     * @param $event
+     */
+    onChangeCollapse($event: boolean): void;
+    /**
+     * when preview is closed, send null to preview item observable
+     */
+    onClosePreview(): void;
+    onHover(isHovered: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlNavbarComponent, "tql-navbar", never, { "isOverlappedStyle": { "alias": "isOverlappedStyle"; "required": false; }; "hiddenWhenCollapse": { "alias": "hiddenWhenCollapse"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "initialCollapsed": { "alias": "initialCollapsed"; "required": false; }; "expandWhenHover": { "alias": "expandWhenHover"; "required": false; }; "IconOffsetTop": { "alias": "IconOffsetTop"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "alwaysCollapsed": { "alias": "alwaysCollapsed"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/components/template/tql-navbar/tql-navbar-logo/tql-navbar-logo.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlNavbarLogoComponent implements OnInit {
+    logo: string;
+    logoRoute: string[];
+    collapseLogo: string;
+    width: string;
+    height: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarLogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlNavbarLogoComponent, "tql-navbar-logo", never, { "logo": { "alias": "logo"; "required": false; }; "logoRoute": { "alias": "logoRoute"; "required": false; }; "collapseLogo": { "alias": "collapseLogo"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/template/tql-navbar/tql-navbar-title/tql-navbar-title.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { IListItem, IListItemOption } from '../../../../constants/interface';
+import * as i0 from "@angular/core";
+export declare class TqlNavbarTitleComponent implements OnInit {
+    private _title;
+    private _options;
+    set data(v: IListItem);
+    get title(): IListItem;
+    get options(): IListItemOption[];
+    constructor();
+    ngOnInit(): void;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarTitleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlNavbarTitleComponent, "tql-navbar-title", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/template/tql-navbar/tql-navbar.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tql-navbar/tql-navbar.component";
+import * as i2 from "./tql-navbar-logo/tql-navbar-logo.component";
+import * as i3 from "./tql-navbar-title/tql-navbar-title.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/router";
+import * as i6 from "x-tql-theme";
+import * as i7 from "../../basic/basic.module";
+import * as i8 from "../../../directives/directives.module";
+export declare class TqlNavbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TqlNavbarModule, [typeof i1.TqlNavbarComponent, typeof i2.TqlNavbarLogoComponent, typeof i3.TqlNavbarTitleComponent], [typeof i4.CommonModule, typeof i5.RouterModule, typeof i6.MaterialsModule, typeof i7.BasicModule, typeof i8.DirectivesModule], [typeof i1.TqlNavbarComponent, typeof i2.TqlNavbarLogoComponent, typeof i3.TqlNavbarTitleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TqlNavbarModule>;
+}

package/lib/components/template/tql-nested-list/tql-nested-list.component.d.ts

@@ -0,0 +1,52 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { DefaultComponent } from 'x-tql-service';
+import { IListItem, IListItemOption } from '../../../constants';
+import { NavbarPreview, TqlNavbarControllerService } from '../../../controllers';
+import { TqlSimpleListComponent } from '../tql-simple-list/tql-simple-list.component';
+import * as i0 from "@angular/core";
+export declare class TqlNestedListComponent extends DefaultComponent implements OnInit, AfterViewInit {
+    private _TqlNavbarControllerService;
+    elements: QueryList<ElementRef>;
+    contentTemplate: QueryList<TemplateRef<any>>;
+    nameTemplate: TemplateRef<any>;
+    collapsingIconPosition: string;
+    listStyle: TqlSimpleListComponent.ENUM_STYLE;
+    hasConnectedLines: boolean;
+    private _list;
+    set list(v: IListItem[]);
+    get list(): IListItem[];
+    init: EventEmitter<TqlNestedListComponent.IControl>;
+    activeClassName: string;
+    deepLevel: number;
+    nestedLeftPadding: number;
+    inNavbar: boolean;
+    offsetInNavbar: number;
+    offsetNotInNavbar: number;
+    moreAction: IListItemOption;
+    navBarPreview: NavbarPreview | null;
+    showNavBarPreview: NavbarPreview | null;
+    ENUM_HANDLER_POSITION: typeof TqlSimpleListComponent.ENUM_HANDLER_POSITION;
+    selectedNode: IListItem;
+    constructor(_TqlNavbarControllerService: TqlNavbarControllerService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    massageList(v: IListItem[]): void;
+    select(node: IListItem): void;
+    collapseAll(): void;
+    expandAll(): void;
+    toggleCollapse(item: IListItem, option: IListItem, isCollapsed?: boolean): void;
+    onShowContent($event: MouseEvent, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNestedListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlNestedListComponent, "tql-nested-list", never, { "nameTemplate": { "alias": "nameTemplate"; "required": false; }; "collapsingIconPosition": { "alias": "collapsingIconPosition"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "hasConnectedLines": { "alias": "hasConnectedLines"; "required": false; }; "list": { "alias": "list"; "required": false; }; "activeClassName": { "alias": "activeClassName"; "required": false; }; "deepLevel": { "alias": "deepLevel"; "required": false; }; "nestedLeftPadding": { "alias": "nestedLeftPadding"; "required": false; }; "inNavbar": { "alias": "inNavbar"; "required": false; }; "offsetInNavbar": { "alias": "offsetInNavbar"; "required": false; }; "offsetNotInNavbar": { "alias": "offsetNotInNavbar"; "required": false; }; "moreAction": { "alias": "moreAction"; "required": false; }; }, { "init": "init"; }, never, never, false, never>;
+}
+export declare namespace TqlNestedListComponent {
+    interface IControl {
+        list: IListItem[];
+        collapseAll: Function;
+        expandAll: Function;
+        select: Function;
+    }
+    enum ENUM_CSS_CLASS {
+        SMALL_ICON_SIZE = "font-size-10px"
+    }
+}

package/lib/components/template/tql-panel/tql-panel.component.d.ts

@@ -0,0 +1,52 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { IListItem, IListItemOption } from '../../../constants/interface';
+import { MatMenu } from '@angular/material/menu';
+import * as i0 from "@angular/core";
+export declare class TqlPanelComponent implements OnInit {
+    panelTitle: string | null;
+    panelTitleTemplate: TemplateRef<any>;
+    data: IListItem;
+    theme: TqlPanelComponent.THEMES;
+    style: TqlPanelComponent.STYLES;
+    headingClassName: string;
+    contentClassName: string;
+    hasBorder: boolean;
+    hasFullScreen: boolean;
+    hasCollapse: boolean;
+    hasOverflowXAuto: boolean;
+    hasOverflowYAuto: boolean;
+    hasAction: boolean;
+    isCollapsed: boolean;
+    hintMenu: MatMenu;
+    readonly THEMES: typeof TqlPanelComponent.THEMES;
+    readonly STYLES: typeof TqlPanelComponent.STYLES;
+    isFullScreen: boolean;
+    constructor();
+    ngOnInit(): void;
+    toggleFullScreen(): void;
+    triggerAction(item: IListItemOption): void;
+    toggleCollapse(): void;
+    hasTitle(): true;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlPanelComponent, "tql-panel", never, { "panelTitle": { "alias": "panelTitle"; "required": false; }; "panelTitleTemplate": { "alias": "panelTitleTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headingClassName": { "alias": "headingClassName"; "required": false; }; "contentClassName": { "alias": "contentClassName"; "required": false; }; "hasBorder": { "alias": "hasBorder"; "required": false; }; "hasFullScreen": { "alias": "hasFullScreen"; "required": false; }; "hasCollapse": { "alias": "hasCollapse"; "required": false; }; "hasOverflowXAuto": { "alias": "hasOverflowXAuto"; "required": false; }; "hasOverflowYAuto": { "alias": "hasOverflowYAuto"; "required": false; }; "hasAction": { "alias": "hasAction"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "hintMenu": { "alias": "hintMenu"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare namespace TqlPanelComponent {
+    enum THEMES {
+        NORMAL = "normal",
+        BLACK = "black",
+        BLACK_BLUE = "black-blue"
+    }
+    enum STYLES {
+        NORMAL = "normal",
+        SMALL = "small"
+    }
+    enum DEFAULT_OPTIONS_KEYS {
+        FULL_SCREEN = 0
+    }
+    const DEFAULT_OPTIONS: {
+        0: {
+            name: string;
+            iconClassName: string;
+        };
+    };
+}

package/lib/components/template/tql-progress-list/tql-progress-list.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IListItem } from '../../../constants';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DefaultComponent } from 'x-tql-service';
+import * as i0 from "@angular/core";
+export declare class TqlProgressListComponent extends DefaultComponent implements OnInit {
+    inNavbar: boolean;
+    private _title;
+    private _children;
+    set data(v: IListItem);
+    get title(): IListItem;
+    get children(): IListItem[];
+    progressStatus: TqlProgressListComponent.ProgressStatus;
+    init: EventEmitter<TqlProgressListComponent.ProgressStatus>;
+    currentClass: string;
+    idleClass: string;
+    pendingClass: string;
+    completedClass: string;
+    constructor();
+    ngOnInit(): void;
+    generateStatusClass(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlProgressListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlProgressListComponent, "tql-progress-list", never, { "inNavbar": { "alias": "inNavbar"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "init": "init"; }, never, never, false, never>;
+}
+export declare namespace TqlProgressListComponent {
+    enum ENUM_STATUSES {
+        IDLE = 0,
+        PENDING = 1,
+        COMPLETED = 2
+    }
+    class ProgressStatus {
+        progress$: BehaviorSubject<ENUM_STATUSES>;
+        constructor();
+        setProgress(observable: Observable<any>): void;
+    }
+}

package/lib/components/template/tql-simple-card/tql-simple-card.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { IListItem } from '../../../constants/interface';
+import * as i0 from "@angular/core";
+export declare class TqlSimpleCardComponent implements OnInit {
+    item: IListItem;
+    class: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlSimpleCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlSimpleCardComponent, "tql-simple-card", never, { "item": { "alias": "item"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/template/tql-simple-list/tql-simple-list.component.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { IListItem, IListItemOption } from '../../../constants/interface';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { DefaultComponent } from 'x-tql-service';
+import { MatRipple } from '@angular/material/core';
+import * as i0 from "@angular/core";
+export declare class TqlSimpleListComponent extends DefaultComponent implements OnInit {
+    ripple: MatRipple;
+    contentTemplate: TemplateRef<any>;
+    nameTemplate: TemplateRef<any>;
+    listStyle: TqlSimpleListComponent.ENUM_STYLE;
+    ENUM_STYLE: typeof TqlSimpleListComponent.ENUM_STYLE;
+    hasConnectedLines: boolean;
+    level: number;
+    _items: IListItem[];
+    set items(v: IListItem[]);
+    get items(): IListItem[];
+    theme: TqlSimpleListComponent.ENUM_THEMES;
+    noActive: boolean;
+    activeClassName: string;
+    hasBorderBottom: boolean;
+    collapsingIconPosition: string;
+    draggable: boolean;
+    dragHandlerPosition: string;
+    dropIds: string[];
+    onDragStart: EventEmitter<any>;
+    onDragEnd: EventEmitter<any>;
+    inNavbar: boolean;
+    navbarClass: string;
+    ENUM_HANDLER_POSITION: typeof TqlSimpleListComponent.ENUM_HANDLER_POSITION;
+    DEFAULT_ITEM_HEIGHT: number;
+    DEFAULT_ITEM__SMALL_HEIGHT: number;
+    dragging: boolean;
+    itemStyle: string;
+    moreAction: IListItemOption;
+    constructor();
+    ngOnInit(): void;
+    onDrop($event: CdkDragDrop<any, any>): void;
+    onDragMove(): void;
+    dragHover(node: any): void;
+    dragStart(item: IListItem): void;
+    dragHoverEnd(): void;
+    dragEnd(): void;
+    filterOptions(options?: IListItemOption[], filter?: any, isRevert?: boolean): IListItemOption[];
+    calculateConnectedLinesHeight(item: any): string;
+    calculateNestedConnectedLinesHeight(item: any, isInit?: boolean): number;
+    calculateConnectedLinesTop(): string;
+    calculateConnectedNodTop(): string;
+    getDefaultItemHeight(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlSimpleListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlSimpleListComponent, "tql-simple-list", never, { "nameTemplate": { "alias": "nameTemplate"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "hasConnectedLines": { "alias": "hasConnectedLines"; "required": false; }; "level": { "alias": "level"; "required": false; }; "items": { "alias": "items"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "noActive": { "alias": "noActive"; "required": false; }; "activeClassName": { "alias": "activeClassName"; "required": false; }; "hasBorderBottom": { "alias": "hasBorderBottom"; "required": false; }; "collapsingIconPosition": { "alias": "collapsingIconPosition"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "dragHandlerPosition": { "alias": "dragHandlerPosition"; "required": false; }; "dropIds": { "alias": "dropIds"; "required": false; }; "inNavbar": { "alias": "inNavbar"; "required": false; }; "navbarClass": { "alias": "navbarClass"; "required": false; }; "itemStyle": { "alias": "itemStyle"; "required": false; }; "moreAction": { "alias": "moreAction"; "required": false; }; }, { "onDragStart": "onDragStart"; "onDragEnd": "onDragEnd"; }, never, never, false, never>;
+}
+export declare namespace TqlSimpleListComponent {
+    enum ENUM_STYLE {
+        NORMAL = "normal",
+        SMALL = "small"
+    }
+    enum ENUM_THEMES {
+        DARK = "dark",
+        LIGHT = "light"
+    }
+    enum ENUM_HANDLER_POSITION {
+        LEFT = "left",
+        RIGHT = "right"
+    }
+}

package/lib/components/template/tql-spin/tql-spin.component.d.ts

@@ -0,0 +1,16 @@
+import { AfterViewInit, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
+import { TqlGlobalConfigService } from 'x-tql-service';
+import * as i0 from "@angular/core";
+export declare class TqlSpinComponent implements AfterViewInit {
+    private _ViewContainerRef;
+    private _TqlGlobalConfigService;
+    private _Injector;
+    container: ViewContainerRef;
+    opacity: number;
+    backgroundColor: string;
+    spinTemplate: TemplateRef<any>;
+    constructor(_ViewContainerRef: ViewContainerRef, _TqlGlobalConfigService: TqlGlobalConfigService, _Injector: Injector);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlSpinComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlSpinComponent, "lib-tql-spin", never, { "opacity": { "alias": "opacity"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "spinTemplate": { "alias": "spinTemplate"; "required": false; }; }, {}, never, never, false, never>;
+}