x-tql-component 1.19.4

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="x-tql-component" />
+export * from './public-api';

package/lib/components/basic/basic.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tql-input/tql-input.component";
+import * as i2 from "./tql-select/tql-select.component";
+import * as i3 from "./tql-collapse/tql-collapse.component";
+import * as i4 from "./tql-loading-bar/tql-loading-bar.component";
+import * as i5 from "./tql-tab/tql-tab.component";
+import * as i6 from "./tql-resizable/tql-resizable.component";
+import * as i7 from "./tql-spinner/tql-spinner.component";
+import * as i8 from "./tql-table-filter-widget/tql-table-filter-widget.component";
+import * as i9 from "@angular/common";
+import * as i10 from "x-tql-theme";
+import * as i11 from "@ngx-loading-bar/http-client";
+import * as i12 from "@ngx-loading-bar/core";
+import * as i13 from "@angular/forms";
+export declare class BasicModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BasicModule, [typeof i1.TqlInputComponent, typeof i2.TqlSelectComponent, typeof i3.TqlCollapseComponent, typeof i4.TqlLoadingBarComponent, typeof i5.TqlTabComponent, typeof i6.TqlResizableComponent, typeof i7.TqlSpinnerComponent, typeof i8.TqlTableFilterWidgetComponent], [typeof i9.CommonModule, typeof i10.MaterialsModule, typeof i11.LoadingBarHttpClientModule, typeof i12.LoadingBarModule, typeof i13.ReactiveFormsModule], [typeof i1.TqlInputComponent, typeof i2.TqlSelectComponent, typeof i3.TqlCollapseComponent, typeof i4.TqlLoadingBarComponent, typeof i5.TqlTabComponent, typeof i6.TqlResizableComponent, typeof i7.TqlSpinnerComponent, typeof i8.TqlTableFilterWidgetComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BasicModule>;
+}

package/lib/components/basic/tql-collapse/tql-collapse.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { DefaultComponent } from 'x-tql-service';
+import { IDynamicComponent } from '../../../constants';
+import { TqlCollapseControllerService } from '../../../controllers';
+import * as i0 from "@angular/core";
+export declare class TqlCollapseComponent extends DefaultComponent implements OnInit, IDynamicComponent {
+    private _TqlCollapseControllerService;
+    name: string;
+    label: string;
+    labelClassName: string;
+    hasLine: boolean;
+    hideIconWhenCollapsed: boolean;
+    hideIcon: boolean;
+    isCollapse: any;
+    offset: number;
+    direction: string | TqlCollapseComponent.ENUM_DIRECTION;
+    event: EventEmitter<any>;
+    readonly directions: typeof TqlCollapseComponent.ENUM_DIRECTION;
+    get initializeClass(): boolean;
+    data: any;
+    constructor(_TqlCollapseControllerService: TqlCollapseControllerService);
+    ngOnInit(): void;
+    onDataChange(): void;
+    /**
+     * toggle collapse
+     */
+    toggleCollapse(isCollapsed?: any): void;
+    generateOffset(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlCollapseComponent, "tql-collapse", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClassName": { "alias": "labelClassName"; "required": false; }; "hasLine": { "alias": "hasLine"; "required": false; }; "hideIconWhenCollapsed": { "alias": "hideIconWhenCollapsed"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "isCollapse": { "alias": "isCollapse"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, { "event": "event"; }, never, never, false, never>;
+}
+export declare namespace TqlCollapseComponent {
+    enum ENUM_DIRECTION {
+        TOP = "top",
+        BOTTOM = "bottom",
+        RIGHT = "right",
+        LEFT = "left"
+    }
+}

package/lib/components/basic/tql-input/tql-input.component.d.ts

@@ -0,0 +1,106 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { AbstractControl, FormControl } from '@angular/forms';
+import { IListItem } from '../../../constants';
+import * as i0 from "@angular/core";
+export declare class TqlInputComponent implements OnInit {
+    icon: string;
+    readonly: boolean;
+    placeholder: string;
+    className: string;
+    wrapperClassName: string;
+    inputWrapperClassName: string;
+    type: string;
+    theme: TqlInputComponent.THEME;
+    disabled: boolean;
+    checkError: boolean;
+    label: string;
+    labelClassName: string;
+    labelCustomTemplate: TemplateRef<any>;
+    fileContentFC: FormControl | null;
+    fileAccepts: string[];
+    filePreviewTemplate: TemplateRef<any>;
+    isShowPreview: boolean;
+    onFileContentChange: EventEmitter<string>;
+    onFileChange: EventEmitter<File>;
+    blur: EventEmitter<any>;
+    checkboxLabel: string;
+    radioItems: IListItem[];
+    templateRadio: TemplateRef<any>;
+    min: number;
+    max: number;
+    isAreaNonResize: boolean;
+    isPreventPaste: boolean;
+    private _direction;
+    directionClassName: string;
+    set direction(v: TqlInputComponent.DIRECTIONS);
+    readonly TYPES: typeof TqlInputComponent.TYPE;
+    readonly THEMES: typeof TqlInputComponent.THEME;
+    /**
+     * input data
+     * @type {FormControl | null}
+     * @private
+     */
+    changed: EventEmitter<any>;
+    _input: FormControl;
+    set input(value: AbstractControl | undefined);
+    constructor();
+    ngOnInit(): void;
+    /**
+     * get error list from input
+     * @returns {string[]}
+     */
+    getError(): string[];
+    /**
+     * check if input is required
+     * @returns {boolean}
+     */
+    get isRequired(): boolean;
+    /**
+     * get error message
+     * @returns {any}
+     */
+    getErrorMessage(): string;
+    /**
+     * handle browsing file
+     * @param $event
+     */
+    onBrowseFile($event: Event): void;
+    /**
+     *
+     * @param file
+     * @returns {Promise<unknown>}
+     */
+    readFileContent(file: File): Promise<unknown>;
+    /**
+     *
+     * @returns {boolean}
+     */
+    noPaste(): boolean;
+    onDataChanged($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlInputComponent, "tql-input", never, { "icon": { "alias": "icon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "className": { "alias": "className"; "required": false; }; "wrapperClassName": { "alias": "wrapperClassName"; "required": false; }; "inputWrapperClassName": { "alias": "inputWrapperClassName"; "required": false; }; "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checkError": { "alias": "checkError"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClassName": { "alias": "labelClassName"; "required": false; }; "labelCustomTemplate": { "alias": "labelCustomTemplate"; "required": false; }; "fileContentFC": { "alias": "fileContentFC"; "required": false; }; "fileAccepts": { "alias": "fileAccepts"; "required": false; }; "filePreviewTemplate": { "alias": "filePreviewTemplate"; "required": false; }; "isShowPreview": { "alias": "isShowPreview"; "required": false; }; "checkboxLabel": { "alias": "checkboxLabel"; "required": false; }; "radioItems": { "alias": "radioItems"; "required": false; }; "templateRadio": { "alias": "templateRadio"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "isAreaNonResize": { "alias": "isAreaNonResize"; "required": false; }; "isPreventPaste": { "alias": "isPreventPaste"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "input": { "alias": "input"; "required": false; }; }, { "onFileContentChange": "onFileContentChange"; "onFileChange": "onFileChange"; "blur": "blur"; "changed": "changed"; }, never, ["*"], false, never>;
+}
+export declare namespace TqlInputComponent {
+    enum TYPE {
+        TEXT = "text",
+        NUMBER = "number",
+        PASSWORD = "password",
+        TEXT_AREA = "textarea",
+        FILE_BROWSE = "browseFile",
+        RADIO = "radio",
+        DROPDOWN = "dropdown",
+        CHECKBOX = "checkbox"
+    }
+    enum THEME {
+        NORMAL = "normal",
+        DARK = "dark",
+        DARKER = "darker"
+    }
+    enum STYLES {
+        SMALL = "small"
+    }
+    enum DIRECTIONS {
+        VERTICAL = "vertical",
+        HORIZONTAL = "horizontal"
+    }
+}

package/lib/components/basic/tql-loading-bar/tql-loading-bar.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import { ThemeControllerService } from 'x-tql-theme';
+import * as i0 from "@angular/core";
+export declare class TqlLoadingBarComponent implements OnInit {
+    private _ThemeControllerService;
+    color: string;
+    hasSpinner: boolean;
+    isFixed: boolean;
+    constructor(_ThemeControllerService: ThemeControllerService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlLoadingBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlLoadingBarComponent, "tql-loading-bar", never, { "color": { "alias": "color"; "required": false; }; "hasSpinner": { "alias": "hasSpinner"; "required": false; }; "isFixed": { "alias": "isFixed"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/basic/tql-resizable/tql-resizable.component.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlResizableComponent implements OnInit {
+    private renderer;
+    parentElement: ElementRef;
+    private _directions;
+    set directions(v: (string | TqlResizableComponent.ENUM_DIRECTIONS)[]);
+    get directions(): (string | TqlResizableComponent.ENUM_DIRECTIONS)[];
+    get initializeClass(): boolean;
+    resize($event: any): void;
+    stopResize($event: any): void;
+    private direction;
+    private start;
+    private width;
+    private height;
+    constructor(renderer: Renderer2);
+    ngOnInit(): void;
+    onResizeStart($event: MouseEvent, direction: TqlResizableComponent.ENUM_DIRECTIONS): void;
+    private onResizeEnd;
+    private onResize;
+    private isHorizontalResize;
+    private getClientX;
+    private getClientY;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlResizableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlResizableComponent, "tql-resizable", never, { "parentElement": { "alias": "parentElement"; "required": false; }; "directions": { "alias": "directions"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare namespace TqlResizableComponent {
+    enum ENUM_DIRECTIONS {
+        NONE = "none",
+        TOP = "top",
+        BOTTOM = "bottom",
+        LEFT = "left",
+        RIGHT = "right"
+    }
+}

package/lib/components/basic/tql-select/tql-select.component.d.ts

@@ -0,0 +1,66 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AbstractControl, FormControl } from '@angular/forms';
+import { IListItem } from '../../../constants';
+import { DefaultComponent } from 'x-tql-service';
+import { MatMenuTrigger } from '@angular/material/menu';
+import * as i0 from "@angular/core";
+export declare class TqlSelectComponent extends DefaultComponent implements OnInit, OnChanges {
+    private _ChangeDetectorRef;
+    matMenuTrigger: MatMenuTrigger;
+    mappingName: string;
+    mappingValue: string;
+    disabled: boolean;
+    className: string;
+    placeholder: string;
+    icon: string;
+    _multiple: boolean;
+    set multiple(v: boolean);
+    get multiple(): boolean;
+    /**
+     * options for selections
+     * @type {any[]}
+     * @private
+     */
+    _options: any[];
+    _optionsRaw: any[];
+    set options(list: any[]);
+    get options(): any[];
+    _originalInputValue: any;
+    _input: FormControl | null;
+    set input(value: AbstractControl | undefined);
+    inputValueChanged: EventEmitter<any>;
+    constructor(_ChangeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    generateOptions(): void;
+    listenInputChange(): void;
+    get isRequired(): boolean;
+    /**
+     * get error message
+     * @returns {any}
+     */
+    getErrorMessage(): string;
+    /**
+     * select item
+     * @param status
+     * @param items
+     * @param isFirst
+     */
+    select(status: boolean, items: TqlSelectComponent.SelectOption[], isFirst?: boolean): void;
+    get value(): string;
+    onClosed($event: any): void;
+    onOpened(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlSelectComponent, "tql-select", never, { "mappingName": { "alias": "mappingName"; "required": false; }; "mappingValue": { "alias": "mappingValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "className": { "alias": "className"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "options": { "alias": "options"; "required": false; }; "input": { "alias": "input"; "required": false; }; }, { "inputValueChanged": "inputValueChanged"; }, never, never, false, never>;
+}
+export declare namespace TqlSelectComponent {
+    class SelectOption implements IListItem {
+        value: any;
+        label: string;
+        isChecked: boolean;
+        data: any;
+        disabled: boolean;
+        constructor(label: string, value: any, isChecked?: boolean, disabled?: boolean, data?: any);
+        changeCheck(status: boolean): void;
+    }
+}

package/lib/components/basic/tql-spinner/tql-spinner.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TqlSpinnerComponent implements OnInit {
+    color: string;
+    diameter: string | number;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlSpinnerComponent, "tql-spinner", never, { "color": { "alias": "color"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/basic/tql-tab/tql-tab.component.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { MatTab, MatTabGroup } from '@angular/material/tabs';
+import * as i0 from "@angular/core";
+export declare class TqlTabComponent implements OnInit, AfterViewInit {
+    private _ChangeDetectorRef;
+    tabGroup: MatTabGroup;
+    tabContent: QueryList<MatTab>;
+    selectedTabChange: EventEmitter<number>;
+    constructor(_ChangeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlTabComponent, "tql-tab", never, {}, { "selectedTabChange": "selectedTabChange"; }, ["tabContent"], ["*"], false, never>;
+}

package/lib/components/basic/tql-table-filter-widget/tql-table-filter-widget.component.d.ts

@@ -0,0 +1,85 @@
+import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
+import { IDynamicComponent } from '../../../constants';
+import { FormControl } from '@angular/forms';
+import { DefaultComponent, TqlTableControllerService } from 'x-tql-service';
+import * as i0 from "@angular/core";
+export declare class TqlTableFilterWidgetComponent extends DefaultComponent implements OnInit, AfterViewInit, IDynamicComponent {
+    private _TqlTableControllerService;
+    event: EventEmitter<TqlTableFilterWidgetComponent.IFilter>;
+    hasSort: boolean;
+    filterKey: string;
+    iconClassName: string;
+    emptyLabel: string;
+    /**
+     * list of data
+     * @type {{label: any, value: any}[]}
+     * @private
+     */
+    private _list;
+    set list(v: {
+        label: any;
+        value: any[];
+    }[]);
+    get list(): {
+        label: any;
+        value: any[];
+    }[];
+    sort: TqlTableFilterWidgetComponent.ENUM_SORT_DIRECTION;
+    sortDirections: typeof TqlTableFilterWidgetComponent.ENUM_SORT_DIRECTION;
+    displayedList: {
+        label: any;
+        value: any[];
+    }[];
+    selectedList: {
+        label: any;
+        value: any[];
+    }[];
+    searchFC: FormControl;
+    isOpened: boolean;
+    filter: TqlTableFilterWidgetComponent.IFilter;
+    constructor(_TqlTableControllerService: TqlTableControllerService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onDataChange(): void;
+    reset(): void;
+    checkFilter(): void;
+    toggleSort(direction: TqlTableFilterWidgetComponent.ENUM_SORT_DIRECTION, isCallEvent?: boolean): void;
+    toggleFilter(items: any[], isCallEvent?: boolean): void;
+    selectAll($event: MouseEvent): void;
+    unSelectAll($event: MouseEvent): void;
+    hasFilter(): boolean | "";
+    clearSearch(): void;
+    onChanged(filter?: any): void;
+    isFilterSelected(item: {
+        label: any;
+        value: any[];
+    }, list?: {
+        label: any;
+        value: any[];
+    }[]): boolean;
+    onSearchChanged($event: any): void;
+    sortDisplayedList(): {
+        label: any;
+        value: any[];
+    }[];
+    onOpened(): void;
+    onClosed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlTableFilterWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlTableFilterWidgetComponent, "lib-tql-table-filter-widget", never, { "hasSort": { "alias": "hasSort"; "required": false; }; "filterKey": { "alias": "filterKey"; "required": false; }; "iconClassName": { "alias": "iconClassName"; "required": false; }; "emptyLabel": { "alias": "emptyLabel"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, { "event": "event"; }, never, never, false, never>;
+}
+export declare namespace TqlTableFilterWidgetComponent {
+    enum ENUM_SORT_DIRECTION {
+        ASC = "asc",
+        DES = "desc",
+        RD = "random"
+    }
+    interface IFilter {
+        _id?: string;
+        key?: string;
+        sort?: TqlTableFilterWidgetComponent.ENUM_SORT_DIRECTION;
+        data?: any[];
+        _filter?: any;
+        control?: any;
+        filteredKeys?: any[];
+    }
+}

package/lib/components/components.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./basic/basic.module";
+import * as i3 from "./template/template.module";
+import * as i4 from "./layouts/layouts.module";
+export declare class ComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, never, [typeof i1.CommonModule], [typeof i2.BasicModule, typeof i3.TemplateModule, typeof i4.LayoutsModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
+}

package/lib/components/layouts/index.d.ts

@@ -0,0 +1,5 @@
+export * from './layouts.module';
+export * from './tql-empty-layout/tql-empty-layout.component';
+export * from './tql-header-layout/tql-header-layout.component';
+export * from './tql-navbar-layout/tql-navbar-layout.component';
+export * from './tql-main-layout/tql-main-layout.component';

package/lib/components/layouts/layouts.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tql-empty-layout/tql-empty-layout.component";
+import * as i2 from "./tql-header-layout/tql-header-layout.component";
+import * as i3 from "./tql-main-layout/tql-main-layout.component";
+import * as i4 from "./tql-navbar-layout/tql-navbar-layout.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/router";
+import * as i7 from "x-tql-theme";
+import * as i8 from "../template/template.module";
+import * as i9 from "../template/tql-navbar/tql-navbar.module";
+export declare class LayoutsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutsModule, [typeof i1.TqlEmptyLayoutComponent, typeof i2.TqlHeaderLayoutComponent, typeof i3.TqlMainLayoutComponent, typeof i4.TqlNavbarLayoutComponent], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.MaterialsModule, typeof i8.TemplateModule, typeof i9.TqlNavbarModule], [typeof i1.TqlEmptyLayoutComponent, typeof i2.TqlHeaderLayoutComponent, typeof i3.TqlMainLayoutComponent, typeof i4.TqlNavbarLayoutComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LayoutsModule>;
+}

package/lib/components/layouts/tql-empty-layout/tql-empty-layout.component.d.ts

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

package/lib/components/layouts/tql-header-layout/tql-header-layout.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { TqlHeaderControllerService } from '../../../controllers';
+import * as i0 from "@angular/core";
+export declare class TqlHeaderLayoutComponent implements OnInit {
+    private _TqlHeaderControllerService;
+    contentComponent: any;
+    constructor(_TqlHeaderControllerService: TqlHeaderControllerService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlHeaderLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlHeaderLayoutComponent, "tql-header-layout", never, {}, {}, never, never, false, never>;
+}

package/lib/components/layouts/tql-main-layout/tql-main-layout.component.d.ts

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

package/lib/components/layouts/tql-navbar-layout/tql-navbar-layout.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, ChangeDetectorRef, Component, ComponentFactoryResolver, Injector, OnInit, ViewContainerRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { DynamicDataModel, DefaultComponent } from 'x-tql-service';
+import { IListItem, INavbarComponent } from '../../../constants/interface';
+import { TqlNavbarControllerService } from '../../../controllers/tql-navbar/tql-navbar-controller.service';
+import * as i0 from "@angular/core";
+export declare class TqlNavbarLayoutComponent extends DefaultComponent implements OnInit, AfterViewInit {
+    private _Router;
+    private _Injector;
+    private _ComponentFactoryResolver;
+    private _TqlNavbarControllerService;
+    private _ChangeDetectorRef;
+    dynamicElement: ViewContainerRef;
+    subMenus: IListItem[];
+    contentComponent: any;
+    menuComponent: DynamicDataModel;
+    instance: INavbarComponent;
+    navbarComponent: Component | null;
+    constructor(_Router: Router, _Injector: Injector, _ComponentFactoryResolver: ComponentFactoryResolver, _TqlNavbarControllerService: TqlNavbarControllerService, _ChangeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    addComponent(component: Component | null): void;
+    logout(): void;
+    goToProfile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlNavbarLayoutComponent, "tql-navbar-layout", never, {}, {}, never, never, false, never>;
+}

package/lib/components/template/index.d.ts

@@ -0,0 +1,22 @@
+export * from './template.module';
+export * from './tql-navbar';
+export * from './tql-action-drawer/tql-action-drawer.component';
+export * from './tql-breadcrumb/tql-breadcrumb.component';
+export * from './tql-panel/tql-panel.component';
+export * from './tql-simple-list/tql-simple-list.component';
+export * from './tql-simple-card/tql-simple-card.component';
+export * from './tql-header/tql-header.component';
+export * from './tql-collapse-group/tql-collapse-group.component';
+export * from './tql-highlight-list/tql-highlight-list.component';
+export * from './tql-status-list/tql-status-list.component';
+export * from './tql-tree/tql-tree.component';
+export * from './tql-image-card/tql-image-card.component';
+export * from './tql-tabs-header/tql-tabs-header.component';
+export * from './tql-action-bar/tql-action-bar.component';
+export * from './tql-code-editor/tql-code-editor.component';
+export * from './tql-nested-list/tql-nested-list.component';
+export * from './tql-dynamic-component/tql-dynamic-component.component';
+export * from './tql-progress-list/tql-progress-list.component';
+export * from './tql-table/tql-table.component';
+export * from './tql-listed-tree/tql-listed-tree.component';
+export * from './tql-spin/tql-spin.component';

package/lib/components/template/template.module.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tql-simple-list/tql-simple-list.component";
+import * as i2 from "./tql-action-drawer/tql-action-drawer.component";
+import * as i3 from "./tql-panel/tql-panel.component";
+import * as i4 from "./tql-breadcrumb/tql-breadcrumb.component";
+import * as i5 from "./tql-header/tql-header.component";
+import * as i6 from "./tql-collapse-group/tql-collapse-group.component";
+import * as i7 from "./tql-status-list/tql-status-list.component";
+import * as i8 from "./tql-highlight-list/tql-highlight-list.component";
+import * as i9 from "./tql-image-card/tql-image-card.component";
+import * as i10 from "./tql-simple-card/tql-simple-card.component";
+import * as i11 from "./tql-tree/tql-tree.component";
+import * as i12 from "./tql-tabs-header/tql-tabs-header.component";
+import * as i13 from "./tql-action-bar/tql-action-bar.component";
+import * as i14 from "./tql-nested-list/tql-nested-list.component";
+import * as i15 from "./tql-dynamic-component/tql-dynamic-component.component";
+import * as i16 from "./tql-progress-list/tql-progress-list.component";
+import * as i17 from "./tql-table/tql-table.component";
+import * as i18 from "./tql-listed-tree/tql-listed-tree.component";
+import * as i19 from "./tql-spin/tql-spin.component";
+import * as i20 from "./tql-action-bar-menu/tql-action-bar-menu.component";
+import * as i21 from "./tql-code-editor/tql-code-editor.component";
+import * as i22 from "@angular/common";
+import * as i23 from "x-tql-theme";
+import * as i24 from "./tql-navbar/tql-navbar.module";
+import * as i25 from "../../directives/directives.module";
+import * as i26 from "@angular/router";
+import * as i27 from "@ctrl/ngx-codemirror";
+import * as i28 from "@angular/forms";
+import * as i29 from "@ngx-translate/core";
+export declare class TemplateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TemplateModule, [typeof i1.TqlSimpleListComponent, typeof i2.TqlActionDrawerComponent, typeof i3.TqlPanelComponent, typeof i4.TqlBreadcrumbComponent, typeof i5.TqlHeaderComponent, typeof i6.TqlCollapseGroupComponent, typeof i7.TqlStatusListComponent, typeof i8.TqlHighlightListComponent, typeof i9.TqlImageCardComponent, typeof i10.TqlSimpleCardComponent, typeof i11.TqlTreeComponent, typeof i11.TqlRouteTreeComponent, typeof i12.TqlTabsHeaderComponent, typeof i13.TqlActionBarComponent, typeof i14.TqlNestedListComponent, typeof i15.TqlDynamicComponentComponent, typeof i16.TqlProgressListComponent, typeof i17.TqlTableComponent, typeof i18.TqlListedTreeComponent, typeof i19.TqlSpinComponent, typeof i20.TqlActionBarMenuComponent, typeof i21.TqlCodeEditorComponent], [typeof i22.CommonModule, typeof i23.MaterialsModule, typeof i24.TqlNavbarModule, typeof i25.DirectivesModule, typeof i26.RouterModule, typeof i27.CodemirrorModule, typeof i28.ReactiveFormsModule, typeof i29.TranslateModule], [typeof i1.TqlSimpleListComponent, typeof i2.TqlActionDrawerComponent, typeof i3.TqlPanelComponent, typeof i4.TqlBreadcrumbComponent, typeof i5.TqlHeaderComponent, typeof i6.TqlCollapseGroupComponent, typeof i7.TqlStatusListComponent, typeof i8.TqlHighlightListComponent, typeof i9.TqlImageCardComponent, typeof i10.TqlSimpleCardComponent, typeof i11.TqlTreeComponent, typeof i11.TqlRouteTreeComponent, typeof i24.TqlNavbarModule, typeof i12.TqlTabsHeaderComponent, typeof i13.TqlActionBarComponent, typeof i14.TqlNestedListComponent, typeof i15.TqlDynamicComponentComponent, typeof i16.TqlProgressListComponent, typeof i17.TqlTableComponent, typeof i18.TqlListedTreeComponent, typeof i19.TqlSpinComponent, typeof i21.TqlCodeEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TemplateModule>;
+}

package/lib/components/template/tql-action-bar/tql-action-bar.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit } from '@angular/core';
+import { IListItemOption } from '../../../constants/interface/i-list-item-option';
+import * as i0 from "@angular/core";
+export declare class TqlActionBarComponent implements OnInit {
+    data: any;
+    notCompressMin: number;
+    action: IListItemOption;
+    listStyle: TqlActionBarComponent.ENUM_STYLE | string;
+    ENUM_STYLE: typeof TqlActionBarComponent.ENUM_STYLE;
+    compressedGroup: IListItemOption[];
+    unCompressedGroup: IListItemOption[];
+    _list: IListItemOption[];
+    nestedArrowIcon: string;
+    set list(list: IListItemOption[]);
+    get list(): IListItemOption[];
+    constructor();
+    ngOnInit(): void;
+    convertActionGroup(options: IListItemOption[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlActionBarComponent, "tql-action-bar", never, { "data": { "alias": "data"; "required": false; }; "notCompressMin": { "alias": "notCompressMin"; "required": false; }; "action": { "alias": "action"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "list": { "alias": "list"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare namespace TqlActionBarComponent {
+    enum ENUM_STYLE {
+        NORMAL = "normal",
+        SMALL = "small"
+    }
+}

package/lib/components/template/tql-action-bar-menu/tql-action-bar-menu.component.d.ts

@@ -0,0 +1,12 @@
+import { IListItemOption } from '../../../constants';
+import * as i0 from "@angular/core";
+export declare class TqlActionBarMenuComponent {
+    item: IListItemOption;
+    data: any;
+    nestedArrowIcon: string;
+    timedOutCloser: any;
+    mouseEnter(trigger: any): void;
+    mouseLeave(trigger: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlActionBarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlActionBarMenuComponent, "tql-action-bar-menu", never, { "item": { "alias": "item"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/template/tql-action-drawer/tql-action-drawer.component.d.ts

@@ -0,0 +1,30 @@
+import { OnInit } from '@angular/core';
+import { IListItemOption } from '../../../constants/interface/i-list-item-option';
+import { IListItem } from '../../../constants/interface/i-list-item';
+import * as i0 from "@angular/core";
+export declare class TqlActionDrawerComponent implements OnInit {
+    width: number;
+    isResizable: boolean;
+    _leftActions: IListItem[];
+    set leftActions(v: IListItem[]);
+    _rightActions: IListItem[];
+    set rightActions(v: IListItem[]);
+    headingClass: string;
+    moreAction: IListItemOption;
+    constructor();
+    ngOnInit(): void;
+    triggerAction(item: IListItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TqlActionDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TqlActionDrawerComponent, "tql-action-drawer", never, { "width": { "alias": "width"; "required": false; }; "isResizable": { "alias": "isResizable"; "required": false; }; "leftActions": { "alias": "leftActions"; "required": false; }; "rightActions": { "alias": "rightActions"; "required": false; }; "headingClass": { "alias": "headingClass"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare namespace TqlActionDrawerComponent {
+    enum ENUM_ACTIONS {
+        REFRESH = "REFRESH",
+        SEARCH = "SEARCH",
+        COLLAPSE_ALL = "COLLAPSE_ALL",
+        EXPAND_ALL = "EXPAND_ALL"
+    }
+    const ACTION_ICONS: {
+        [key in TqlActionDrawerComponent.ENUM_ACTIONS]: IListItem;
+    };
+}