x-tql-component 1.19.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -0
- package/fesm2022/x-tql-component.mjs +5224 -0
- package/fesm2022/x-tql-component.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/basic/basic.module.d.ts +19 -0
- package/lib/components/basic/tql-collapse/tql-collapse.component.d.ts +39 -0
- package/lib/components/basic/tql-input/tql-input.component.d.ts +106 -0
- package/lib/components/basic/tql-loading-bar/tql-loading-bar.component.d.ts +13 -0
- package/lib/components/basic/tql-resizable/tql-resizable.component.d.ts +35 -0
- package/lib/components/basic/tql-select/tql-select.component.d.ts +66 -0
- package/lib/components/basic/tql-spinner/tql-spinner.component.d.ts +10 -0
- package/lib/components/basic/tql-tab/tql-tab.component.d.ts +14 -0
- package/lib/components/basic/tql-table-filter-widget/tql-table-filter-widget.component.d.ts +85 -0
- package/lib/components/components.module.d.ts +10 -0
- package/lib/components/layouts/index.d.ts +5 -0
- package/lib/components/layouts/layouts.module.d.ts +15 -0
- package/lib/components/layouts/tql-empty-layout/tql-empty-layout.component.d.ts +8 -0
- package/lib/components/layouts/tql-header-layout/tql-header-layout.component.d.ts +11 -0
- package/lib/components/layouts/tql-main-layout/tql-main-layout.component.d.ts +8 -0
- package/lib/components/layouts/tql-navbar-layout/tql-navbar-layout.component.d.ts +27 -0
- package/lib/components/template/index.d.ts +22 -0
- package/lib/components/template/template.module.d.ts +35 -0
- package/lib/components/template/tql-action-bar/tql-action-bar.component.d.ts +27 -0
- package/lib/components/template/tql-action-bar-menu/tql-action-bar-menu.component.d.ts +12 -0
- package/lib/components/template/tql-action-drawer/tql-action-drawer.component.d.ts +30 -0
- package/lib/components/template/tql-breadcrumb/tql-breadcrumb.component.d.ts +26 -0
- package/lib/components/template/tql-code-editor/tql-code-editor.component.d.ts +79 -0
- package/lib/components/template/tql-collapse-group/tql-collapse-group.component.d.ts +27 -0
- package/lib/components/template/tql-dynamic-component/tql-dynamic-component.component.d.ts +19 -0
- package/lib/components/template/tql-header/tql-header.component.d.ts +8 -0
- package/lib/components/template/tql-highlight-list/tql-highlight-list.component.d.ts +8 -0
- package/lib/components/template/tql-image-card/tql-image-card.component.d.ts +18 -0
- package/lib/components/template/tql-listed-tree/tql-listed-tree.component.d.ts +73 -0
- package/lib/components/template/tql-navbar/index.d.ts +4 -0
- package/lib/components/template/tql-navbar/tql-navbar/tql-navbar.component.d.ts +68 -0
- package/lib/components/template/tql-navbar/tql-navbar-logo/tql-navbar-logo.component.d.ts +13 -0
- package/lib/components/template/tql-navbar/tql-navbar-title/tql-navbar-title.component.d.ts +15 -0
- package/lib/components/template/tql-navbar/tql-navbar.module.d.ts +14 -0
- package/lib/components/template/tql-nested-list/tql-nested-list.component.d.ts +52 -0
- package/lib/components/template/tql-panel/tql-panel.component.d.ts +52 -0
- package/lib/components/template/tql-progress-list/tql-progress-list.component.d.ts +36 -0
- package/lib/components/template/tql-simple-card/tql-simple-card.component.d.ts +11 -0
- package/lib/components/template/tql-simple-list/tql-simple-list.component.d.ts +66 -0
- package/lib/components/template/tql-spin/tql-spin.component.d.ts +16 -0
- package/lib/components/template/tql-status-list/tql-status-list.component.d.ts +13 -0
- package/lib/components/template/tql-table/tql-table.component.d.ts +8 -0
- package/lib/components/template/tql-tabs-header/tql-tabs-header.component.d.ts +13 -0
- package/lib/components/template/tql-tree/tql-tree.component.d.ts +122 -0
- package/lib/constants/error-type.constant.d.ts +12 -0
- package/lib/constants/index.d.ts +4 -0
- package/lib/constants/interface/i-breadcrumb.d.ts +4 -0
- package/lib/constants/interface/i-dynamic-component.d.ts +6 -0
- package/lib/constants/interface/i-dynamic-item.d.ts +6 -0
- package/lib/constants/interface/i-list-item-option.d.ts +19 -0
- package/lib/constants/interface/i-list-item.d.ts +39 -0
- package/lib/constants/interface/i-navbar-component.d.ts +3 -0
- package/lib/constants/interface/i-router-data.d.ts +23 -0
- package/lib/constants/interface/index.d.ts +7 -0
- package/lib/constants/models/code-editor.model.d.ts +85 -0
- package/lib/constants/models/index.d.ts +1 -0
- package/lib/constants/values/actions.constant.d.ts +28 -0
- package/lib/constants/values/index.d.ts +2 -0
- package/lib/constants/values/mics.constant.d.ts +7 -0
- package/lib/controllers/index.d.ts +4 -0
- package/lib/controllers/tql-collapse/tql-collapse-controller.service.d.ts +19 -0
- package/lib/controllers/tql-dynamic-component/tql-dynamic-controller.service.d.ts +11 -0
- package/lib/controllers/tql-header/tql-header-controller.service.d.ts +11 -0
- package/lib/controllers/tql-helper/tql-helper.service.d.ts +11 -0
- package/lib/controllers/tql-navbar/tql-navbar-controller.service.d.ts +24 -0
- package/lib/directives/directives.module.d.ts +16 -0
- package/lib/directives/ng-var/ng-var.directive.d.ts +12 -0
- package/lib/directives/tql-click-outside/tql-click-outside.directive.d.ts +40 -0
- package/lib/directives/tql-collapse/tql-collapse.directive.d.ts +53 -0
- package/lib/directives/tql-dynamic-component-host/tql-dynamic-component-host.directive.d.ts +8 -0
- package/lib/directives/tql-hover-class/tql-hover-class.directive.d.ts +11 -0
- package/lib/directives/tql-resizable/tql-resizable.directive.d.ts +22 -0
- package/lib/directives/tql-resized/tql-resized.directive.d.ts +16 -0
- package/lib/directives/tql-resized/tql-resized.event.d.ts +6 -0
- package/lib/directives/tql-spin/tql-spin.directive.d.ts +34 -0
- package/lib/directives/tql-table-filter-widget/tql-table-filter-widget.directive.d.ts +53 -0
- package/lib/pipes/pipes.module.d.ts +11 -0
- package/lib/pipes/tql-highlight/tql-highlight.pipe.d.ts +8 -0
- package/lib/pipes/tql-key-value-order/tql-key-value-order.pipe.d.ts +8 -0
- package/lib/pipes/tql-order-by/tql-order-by.pipe.d.ts +7 -0
- package/lib/pipes/tql-url-safe/tql-url-safe.pipe.d.ts +10 -0
- package/lib/tql-component.module.d.ts +9 -0
- package/lib/validators/email.validator.d.ts +2 -0
- package/lib/validators/funtions.d.ts +2 -0
- package/lib/validators/index.d.ts +3 -0
- package/lib/validators/no-white-space.validator.d.ts +2 -0
- package/package.json +23 -0
- package/public-api.d.ts +31 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { IListItem } from '../../../constants';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TqlStatusListComponent implements OnInit {
|
|
5
|
+
items: IListItem[];
|
|
6
|
+
onChange: EventEmitter<IListItem>;
|
|
7
|
+
selectedItem: IListItem;
|
|
8
|
+
constructor();
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
onSelect(item: IListItem): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlStatusListComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TqlStatusListComponent, "tql-status-list", never, { "items": { "alias": "items"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TqlTableComponent implements OnInit {
|
|
4
|
+
constructor();
|
|
5
|
+
ngOnInit(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlTableComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TqlTableComponent, "tql-table", never, {}, {}, never, never, false, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { IListItem } from '../../../constants';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TqlTabsHeaderComponent implements OnInit {
|
|
5
|
+
list: IListItem[];
|
|
6
|
+
activeItem: IListItem;
|
|
7
|
+
activeItemChange: EventEmitter<any>;
|
|
8
|
+
constructor();
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
onChangeTab(item: IListItem): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlTabsHeaderComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TqlTabsHeaderComponent, "tql-tabs-header", never, { "list": { "alias": "list"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "activeItemChange": "activeItemChange"; }, never, never, false, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { NestedTreeControl } from '@angular/cdk/tree';
|
|
3
|
+
import { MatTreeNestedDataSource } from '@angular/material/tree';
|
|
4
|
+
import { Router } from '@angular/router';
|
|
5
|
+
import { IListItem, IListItemOption } from '../../../constants/interface';
|
|
6
|
+
import { BehaviorSubject } from 'rxjs';
|
|
7
|
+
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class TqlTreeCore implements OnInit, AfterViewInit {
|
|
10
|
+
private _Router;
|
|
11
|
+
init: EventEmitter<NestedTreeControl<IListItem>>;
|
|
12
|
+
id: string;
|
|
13
|
+
collapseClassName: string;
|
|
14
|
+
expandClassName: string;
|
|
15
|
+
alwaysShowExpandCollapseIcon: boolean;
|
|
16
|
+
styles: TqlTreeCore.STYLES[];
|
|
17
|
+
STYLES: typeof TqlTreeCore.STYLES;
|
|
18
|
+
treeControl: NestedTreeControl<IListItem, IListItem>;
|
|
19
|
+
dataSource: MatTreeNestedDataSource<IListItem>;
|
|
20
|
+
dropOnItem$: BehaviorSubject<IListItem | null>;
|
|
21
|
+
/**
|
|
22
|
+
* single level tree will not display collapse/expand icon
|
|
23
|
+
* @type {boolean}
|
|
24
|
+
*/
|
|
25
|
+
isSingleLevelTree: boolean;
|
|
26
|
+
_data: IListItem[];
|
|
27
|
+
set data(v: IListItem[]);
|
|
28
|
+
get data(): IListItem[];
|
|
29
|
+
_selectable: boolean;
|
|
30
|
+
_readonly: boolean;
|
|
31
|
+
set readonly(v: boolean);
|
|
32
|
+
get readonly(): boolean;
|
|
33
|
+
set selectable(v: boolean);
|
|
34
|
+
get selectable(): boolean;
|
|
35
|
+
isToggleSelect: boolean;
|
|
36
|
+
draggable: boolean;
|
|
37
|
+
dropIds: string[];
|
|
38
|
+
dragging: boolean;
|
|
39
|
+
onEventChange: EventEmitter<TqlTreeCore.IEvent>;
|
|
40
|
+
onSwapChange: EventEmitter<TqlTreeCore.ISwap>;
|
|
41
|
+
nodeList: IListItem[];
|
|
42
|
+
moreAction: IListItemOption;
|
|
43
|
+
readonly treeTypes: typeof TqlTreeCore.ENUM_TYPES;
|
|
44
|
+
treeType: TqlTreeCore.ENUM_TYPES;
|
|
45
|
+
constructor(_Router: Router);
|
|
46
|
+
ngOnInit(): void;
|
|
47
|
+
ngAfterViewInit(): void;
|
|
48
|
+
private generateTreeEvent;
|
|
49
|
+
/**
|
|
50
|
+
* render node
|
|
51
|
+
*/
|
|
52
|
+
private render;
|
|
53
|
+
/**
|
|
54
|
+
* check if node has child
|
|
55
|
+
* @param _
|
|
56
|
+
* @param node
|
|
57
|
+
* @returns {boolean}
|
|
58
|
+
*/
|
|
59
|
+
hasChild: (_: number, node: IListItem) => boolean;
|
|
60
|
+
/**
|
|
61
|
+
* on select node
|
|
62
|
+
* @param node
|
|
63
|
+
*/
|
|
64
|
+
onSelectNode(node: IListItem): void;
|
|
65
|
+
/**
|
|
66
|
+
* add level to each node
|
|
67
|
+
* @param data
|
|
68
|
+
* @param level
|
|
69
|
+
* @param parent
|
|
70
|
+
*/
|
|
71
|
+
massageNode(data: IListItem[], level?: number, parent?: IListItem | null): void;
|
|
72
|
+
drop($event: CdkDragDrop<any, any>): void;
|
|
73
|
+
dropOnItem($event: any): void;
|
|
74
|
+
dragHover(node: any): void;
|
|
75
|
+
dragHoverEnd(): void;
|
|
76
|
+
dragStart(): void;
|
|
77
|
+
dragEnd($event: any): void;
|
|
78
|
+
dragRelease($event: any): void;
|
|
79
|
+
onDragMove(): void;
|
|
80
|
+
onEmitEvent(eventClass: TqlTreeCore.EventType, object: Object): void;
|
|
81
|
+
toggleCollapseExpand(node: any): void;
|
|
82
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlTreeCore, never>;
|
|
83
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TqlTreeCore, never, never, { "id": { "alias": "id"; "required": false; }; "collapseClassName": { "alias": "collapseClassName"; "required": false; }; "expandClassName": { "alias": "expandClassName"; "required": false; }; "alwaysShowExpandCollapseIcon": { "alias": "alwaysShowExpandCollapseIcon"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "data": { "alias": "data"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isToggleSelect": { "alias": "isToggleSelect"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "dropIds": { "alias": "dropIds"; "required": false; }; }, { "init": "init"; "onEventChange": "onEventChange"; "onSwapChange": "onSwapChange"; }, never, never, false, never>;
|
|
84
|
+
}
|
|
85
|
+
export declare namespace TqlTreeCore {
|
|
86
|
+
enum STYLES {
|
|
87
|
+
ROW_HIGHLIGHT_WHEN_SELECT = 0
|
|
88
|
+
}
|
|
89
|
+
enum ENUM_TYPES {
|
|
90
|
+
ROUTE = "route",
|
|
91
|
+
DEFAULT = "default"
|
|
92
|
+
}
|
|
93
|
+
type EventType = new () => IEvent;
|
|
94
|
+
interface IEvent {
|
|
95
|
+
node: IListItem;
|
|
96
|
+
}
|
|
97
|
+
interface ISwap {
|
|
98
|
+
source: IListItem;
|
|
99
|
+
destination: IListItem;
|
|
100
|
+
}
|
|
101
|
+
class ExpandEvent implements IEvent {
|
|
102
|
+
node: IListItem;
|
|
103
|
+
}
|
|
104
|
+
class CollapseEvent implements IEvent {
|
|
105
|
+
node: IListItem;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
export declare class TqlTreeComponent extends TqlTreeCore {
|
|
109
|
+
selectedChanged: EventEmitter<IListItem | null>;
|
|
110
|
+
_selected: IListItem | null;
|
|
111
|
+
set selected(v: IListItem | null);
|
|
112
|
+
get selected(): IListItem | null;
|
|
113
|
+
constructor(_Router: Router);
|
|
114
|
+
onSelectNode(node: IListItem): void;
|
|
115
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlTreeComponent, never>;
|
|
116
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TqlTreeComponent, "tql-tree", never, { "selected": { "alias": "selected"; "required": false; }; }, { "selectedChanged": "selectedChanged"; }, never, never, false, never>;
|
|
117
|
+
}
|
|
118
|
+
export declare class TqlRouteTreeComponent extends TqlTreeCore {
|
|
119
|
+
constructor(_Router: Router);
|
|
120
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlRouteTreeComponent, never>;
|
|
121
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TqlRouteTreeComponent, "tql-route-tree", never, {}, {}, never, never, false, never>;
|
|
122
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare enum ENUM_ERROR_TYPES {
|
|
2
|
+
REQUIRED = "required",
|
|
3
|
+
WHITESPACE = "whitespace",
|
|
4
|
+
EMAIL_ERROR = "email"
|
|
5
|
+
}
|
|
6
|
+
export declare const ERROR_INFO: {
|
|
7
|
+
required: string;
|
|
8
|
+
email: string;
|
|
9
|
+
whitespace: string;
|
|
10
|
+
max(value: number): string;
|
|
11
|
+
min(value: number): string;
|
|
12
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MicsConstant } from '../values';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
export interface IListItemOption {
|
|
4
|
+
name?: string;
|
|
5
|
+
type?: MicsConstant.ENUM_TYPES;
|
|
6
|
+
route?: any[];
|
|
7
|
+
url?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
iconClassName?: string;
|
|
10
|
+
onClick?: Function;
|
|
11
|
+
eventClick?: Function;
|
|
12
|
+
children?: IListItemOption[];
|
|
13
|
+
showWhenHover?: boolean;
|
|
14
|
+
isNotCompressed?: boolean;
|
|
15
|
+
hidden?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
template?: TemplateRef<any>;
|
|
18
|
+
data?: any;
|
|
19
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { IListItemOption } from './i-list-item-option';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
export interface IListItem {
|
|
4
|
+
id?: string;
|
|
5
|
+
index?: number;
|
|
6
|
+
data?: any;
|
|
7
|
+
name?: string;
|
|
8
|
+
template?: TemplateRef<any>;
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
iconClassName?: string;
|
|
13
|
+
labelClassName?: string;
|
|
14
|
+
activeClassName?: string;
|
|
15
|
+
leftPadding?: number;
|
|
16
|
+
url?: string;
|
|
17
|
+
onClick?: Function;
|
|
18
|
+
route?: any[];
|
|
19
|
+
routerActiveOptions?: any;
|
|
20
|
+
routeState?: any;
|
|
21
|
+
routeQueryParams?: any;
|
|
22
|
+
queryParamsHandling?: string;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
active?: boolean;
|
|
25
|
+
parent?: IListItem | null;
|
|
26
|
+
children?: IListItem[];
|
|
27
|
+
hideExpandedChildren?: boolean;
|
|
28
|
+
actionName?: string;
|
|
29
|
+
options?: IListItemOption[];
|
|
30
|
+
optionsOnlyCollapse?: IListItemOption[];
|
|
31
|
+
optionsWithoutCollapse?: IListItemOption[];
|
|
32
|
+
draggable?: boolean;
|
|
33
|
+
selectable?: boolean;
|
|
34
|
+
dropIds?: string[];
|
|
35
|
+
level?: number;
|
|
36
|
+
isCollapsed?: boolean;
|
|
37
|
+
isExpanded?: boolean;
|
|
38
|
+
}
|
|
39
|
+
export declare namespace IListItem { }
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
export interface IRouterData {
|
|
3
|
+
[ENUM_ROUTER_KEYS.BREADCRUMB]?: string;
|
|
4
|
+
[ENUM_ROUTER_KEYS.BREADCRUMB_PARAM]?: string | string[];
|
|
5
|
+
[ENUM_ROUTER_KEYS.NAV_COMPONENT]?: Component;
|
|
6
|
+
[ENUM_ROUTER_KEYS.HEADER_COMPONENT]?: Component;
|
|
7
|
+
[ENUM_ROUTER_KEYS.DYNAMIC_COMPONENTS]?: Map<string, Component>;
|
|
8
|
+
}
|
|
9
|
+
export declare enum ENUM_ROUTER_KEYS {
|
|
10
|
+
BREADCRUMB = "BREADCRUMB",
|
|
11
|
+
BREADCRUMB_PARAM = "BREADCRUMB_PARAM",
|
|
12
|
+
BREADCRUMB_STORE_TOKEN = "BREADCRUMB_STORE_TOKEN",
|
|
13
|
+
BREADCRUMB_STORE_SELECTOR = "BREADCRUMB_STORE_SELECTOR",
|
|
14
|
+
BREADCRUMB_KEY = "BREADCRUMB_KEY",
|
|
15
|
+
NAV_COMPONENT = "NAV_COMPONENT",
|
|
16
|
+
SUB_MENU_NAVBAR = "SUB_MENU_NAVBAR",
|
|
17
|
+
NAV_RESOLVER = "NAV_RESOLVER",
|
|
18
|
+
HEADER_COMPONENT = "HEADER_COMPONENT",
|
|
19
|
+
HEADER_RESOLVER = "HEADER_RESOLVER",
|
|
20
|
+
DYNAMIC_COMPONENTS = "DYNAMIC_COMPONENTS",
|
|
21
|
+
DYNAMIC_RESOLVER = "DYNAMIC_RESOLVER",
|
|
22
|
+
CHILDREN = "children"
|
|
23
|
+
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { FormControl } from '@angular/forms';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
|
+
import { DefaultModel } from 'x-tql-service';
|
|
4
|
+
import { Subscription } from 'rxjs';
|
|
5
|
+
import { CodemirrorComponent } from '@ctrl/ngx-codemirror';
|
|
6
|
+
export declare class CodeEditorModel extends DefaultModel {
|
|
7
|
+
name: string;
|
|
8
|
+
/**
|
|
9
|
+
* language mode of editor
|
|
10
|
+
* @param v
|
|
11
|
+
*/
|
|
12
|
+
_mode: CodeEditorModel.ENUM_MODES;
|
|
13
|
+
set mode(v: CodeEditorModel.ENUM_MODES);
|
|
14
|
+
get mode(): CodeEditorModel.ENUM_MODES;
|
|
15
|
+
/**
|
|
16
|
+
* content of editor
|
|
17
|
+
* @param v
|
|
18
|
+
*/
|
|
19
|
+
_content: FormControl;
|
|
20
|
+
content$: Subscription;
|
|
21
|
+
contentData: any;
|
|
22
|
+
set content(v: FormControl);
|
|
23
|
+
get content(): FormControl;
|
|
24
|
+
/**
|
|
25
|
+
* custom template for editor
|
|
26
|
+
* @type {TemplateRef<any>}
|
|
27
|
+
*/
|
|
28
|
+
template?: TemplateRef<any>;
|
|
29
|
+
/**
|
|
30
|
+
* specific data
|
|
31
|
+
* @type {any}
|
|
32
|
+
*/
|
|
33
|
+
data: any;
|
|
34
|
+
/**
|
|
35
|
+
* editor
|
|
36
|
+
* @param v
|
|
37
|
+
*/
|
|
38
|
+
editorOptions: any;
|
|
39
|
+
_editorComponent: CodemirrorComponent;
|
|
40
|
+
set editorComponent(v: CodemirrorComponent);
|
|
41
|
+
get editorComponent(): CodemirrorComponent;
|
|
42
|
+
/**
|
|
43
|
+
* set read only
|
|
44
|
+
* @param v
|
|
45
|
+
*/
|
|
46
|
+
set readOnly(v: boolean);
|
|
47
|
+
_saveFn: Function;
|
|
48
|
+
set saveFn(v: ($event: CodeEditorModel) => Promise<boolean>);
|
|
49
|
+
constructor(_data?: any);
|
|
50
|
+
hasUnsaved(): boolean;
|
|
51
|
+
isEmpty(): boolean;
|
|
52
|
+
save(): void;
|
|
53
|
+
_setSaved(): void;
|
|
54
|
+
format(): void;
|
|
55
|
+
setName(name: string): void;
|
|
56
|
+
setData(data: any): void;
|
|
57
|
+
setMode(mode: CodeEditorModel.ENUM_MODES): void;
|
|
58
|
+
}
|
|
59
|
+
export declare namespace CodeEditorModel {
|
|
60
|
+
enum ENUM_MODES {
|
|
61
|
+
NONE = "",
|
|
62
|
+
HTML = "html",
|
|
63
|
+
JSON = "json",
|
|
64
|
+
XML = "xml",
|
|
65
|
+
JS = "js",
|
|
66
|
+
BML = "bml",
|
|
67
|
+
IMAGE = "image",
|
|
68
|
+
CDM = "cdm",
|
|
69
|
+
TCL = "tcl"
|
|
70
|
+
}
|
|
71
|
+
enum ENUM_CODEMIRROR_MODES {
|
|
72
|
+
NONE = "text/webassembly",
|
|
73
|
+
HTML = "text/html",
|
|
74
|
+
JSON = "application/ld+json",
|
|
75
|
+
XML = "application/xml",
|
|
76
|
+
JS = "application/javascript",
|
|
77
|
+
BML = "text/x-yaml",
|
|
78
|
+
IMAGE = "",
|
|
79
|
+
CDM = "text/x-yaml",
|
|
80
|
+
TCL = "text/x-tcl"
|
|
81
|
+
}
|
|
82
|
+
enum ENUM_THEMES {
|
|
83
|
+
DARK = "ayu-dark custom"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './code-editor.model';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { IListItemOption } from '../interface/i-list-item-option';
|
|
2
|
+
export declare enum ENUM_ACTION_KEYS {
|
|
3
|
+
COLLAPSE_ALL = "Collapse All",
|
|
4
|
+
EXPAND_ALL = "Expand All",
|
|
5
|
+
COLLAPSE = "Collapse",
|
|
6
|
+
EXPAND = "Expand",
|
|
7
|
+
REFRESH = "Refresh",
|
|
8
|
+
REPLACE = "Replace",
|
|
9
|
+
UPLOAD = "Upload",
|
|
10
|
+
DOWNLOAD = "Download",
|
|
11
|
+
DUPLICATE = "Duplicate",
|
|
12
|
+
DELETE = "Delete",
|
|
13
|
+
HIDE = "Hide",
|
|
14
|
+
SHOW = "Show",
|
|
15
|
+
NEW = "New",
|
|
16
|
+
NEW_FILE = "New File",
|
|
17
|
+
NEW_FOLDER = "New Folder",
|
|
18
|
+
MORE = "More",
|
|
19
|
+
INFO = "More Information",
|
|
20
|
+
SAVE = "Save",
|
|
21
|
+
FORMAT = "Format",
|
|
22
|
+
CLOSE = "Close",
|
|
23
|
+
EDIT = "Edit",
|
|
24
|
+
PARSE = "Parse"
|
|
25
|
+
}
|
|
26
|
+
export declare const ActionsConstant: {
|
|
27
|
+
[key in ENUM_ACTION_KEYS]: IListItemOption;
|
|
28
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { BehaviorSubject } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TqlCollapseControllerService {
|
|
4
|
+
toggleByName$: BehaviorSubject<{
|
|
5
|
+
name: string;
|
|
6
|
+
status: TqlCollapseControllerService.ENUM_COLLAPSE_STATUS;
|
|
7
|
+
}>;
|
|
8
|
+
constructor();
|
|
9
|
+
collapseByName(name?: string): void;
|
|
10
|
+
expandByName(name?: string): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlCollapseControllerService, never>;
|
|
12
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TqlCollapseControllerService>;
|
|
13
|
+
}
|
|
14
|
+
export declare namespace TqlCollapseControllerService {
|
|
15
|
+
enum ENUM_COLLAPSE_STATUS {
|
|
16
|
+
COLLAPSE = 0,
|
|
17
|
+
EXPAND = 1
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
|
|
3
|
+
import { BehaviorSubject, Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TqlDynamicControllerService {
|
|
6
|
+
_Observable_Current_Dynamic_Components: BehaviorSubject<Map<string, Component> | null>;
|
|
7
|
+
constructor();
|
|
8
|
+
resolve(__ActivatedRouteSnapshot: ActivatedRouteSnapshot, __RouterStateSnapshot: RouterStateSnapshot, inputData?: Map<string, Component>): Observable<any>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlDynamicControllerService, never>;
|
|
10
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TqlDynamicControllerService>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { ActivatedRouteSnapshot } from '@angular/router';
|
|
3
|
+
import { BehaviorSubject, Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TqlHeaderControllerService {
|
|
6
|
+
_Observable_Current_Header_Component: BehaviorSubject<Component | null>;
|
|
7
|
+
constructor();
|
|
8
|
+
resolve(__ActivatedRouteSnapshot: ActivatedRouteSnapshot): Observable<any>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlHeaderControllerService, never>;
|
|
10
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TqlHeaderControllerService>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IListItemOption } from '../../constants';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TqlHelperService {
|
|
4
|
+
constructor();
|
|
5
|
+
static getActionCompressGroup(actions: IListItemOption[], notCompressMin?: number): {
|
|
6
|
+
compressed: IListItemOption[];
|
|
7
|
+
uncompressed: IListItemOption[];
|
|
8
|
+
};
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlHelperService, never>;
|
|
10
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TqlHelperService>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, TemplateRef } from '@angular/core';
|
|
2
|
+
import { ActivatedRouteSnapshot } from '@angular/router';
|
|
3
|
+
import { BehaviorSubject, Observable } from 'rxjs';
|
|
4
|
+
import { IListItem } from '../../constants/interface';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class NavbarPreview {
|
|
7
|
+
id?: string;
|
|
8
|
+
template: TemplateRef<any>;
|
|
9
|
+
element: Element;
|
|
10
|
+
}
|
|
11
|
+
export declare class TqlNavbarControllerService {
|
|
12
|
+
_Observable_Current_Nav_Component: BehaviorSubject<Component | null>;
|
|
13
|
+
_Observable_Current_Sub_Menu_Navbar: BehaviorSubject<IListItem[] | null>;
|
|
14
|
+
_Observable_Current_Preview_Item: BehaviorSubject<NavbarPreview | null>;
|
|
15
|
+
constructor();
|
|
16
|
+
/**
|
|
17
|
+
*
|
|
18
|
+
* @param __ActivatedRouteSnapshot
|
|
19
|
+
* @returns {Observable<boolean> | Observable<Date>}
|
|
20
|
+
*/
|
|
21
|
+
resolve(__ActivatedRouteSnapshot: ActivatedRouteSnapshot): Observable<any>;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlNavbarControllerService, never>;
|
|
23
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TqlNavbarControllerService>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./tql-collapse/tql-collapse.directive";
|
|
3
|
+
import * as i2 from "./ng-var/ng-var.directive";
|
|
4
|
+
import * as i3 from "./tql-dynamic-component-host/tql-dynamic-component-host.directive";
|
|
5
|
+
import * as i4 from "./tql-resizable/tql-resizable.directive";
|
|
6
|
+
import * as i5 from "./tql-hover-class/tql-hover-class.directive";
|
|
7
|
+
import * as i6 from "./tql-table-filter-widget/tql-table-filter-widget.directive";
|
|
8
|
+
import * as i7 from "./tql-resized/tql-resized.directive";
|
|
9
|
+
import * as i8 from "./tql-spin/tql-spin.directive";
|
|
10
|
+
import * as i9 from "./tql-click-outside/tql-click-outside.directive";
|
|
11
|
+
import * as i10 from "@angular/common";
|
|
12
|
+
export declare class DirectivesModule {
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DirectivesModule, never>;
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DirectivesModule, [typeof i1.TqlCollapseDirective, typeof i2.NgVarDirective, typeof i3.TqlDynamicComponentHostDirective, typeof i4.TqlResizableDirective, typeof i5.TqlHoverClassDirective, typeof i6.TqlTableFilterWidgetDirective, typeof i7.TqlResizedDirective, typeof i8.TqlSpinDirective, typeof i9.TqlClickOutsideDirective], [typeof i10.CommonModule], [typeof i1.TqlCollapseDirective, typeof i2.NgVarDirective, typeof i3.TqlDynamicComponentHostDirective, typeof i4.TqlResizableDirective, typeof i5.TqlHoverClassDirective, typeof i6.TqlTableFilterWidgetDirective, typeof i7.TqlResizedDirective, typeof i8.TqlSpinDirective, typeof i9.TqlClickOutsideDirective]>;
|
|
15
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DirectivesModule>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class NgVarDirective {
|
|
4
|
+
private templateRef;
|
|
5
|
+
private vcRef;
|
|
6
|
+
set ngVar(context: unknown);
|
|
7
|
+
private context;
|
|
8
|
+
private hasView;
|
|
9
|
+
constructor(templateRef: TemplateRef<any>, vcRef: ViewContainerRef);
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgVarDirective, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgVarDirective, "[ngVar]", never, { "ngVar": { "alias": "ngVar"; "required": false; }; }, {}, never, never, false, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TqlClickOutsideDirective implements OnInit, OnChanges, OnDestroy {
|
|
4
|
+
private _el;
|
|
5
|
+
private _ngZone;
|
|
6
|
+
private platformId;
|
|
7
|
+
clickOutsideEnabled: boolean;
|
|
8
|
+
attachOutsideOnClick: boolean;
|
|
9
|
+
delayClickOutsideInit: boolean;
|
|
10
|
+
emitOnBlur: boolean;
|
|
11
|
+
exclude: string;
|
|
12
|
+
excludeBeforeClick: boolean;
|
|
13
|
+
clickOutsideEvents: string;
|
|
14
|
+
clickOutside: EventEmitter<Event>;
|
|
15
|
+
private _nodesExcluded;
|
|
16
|
+
private _events;
|
|
17
|
+
constructor(_el: ElementRef, _ngZone: NgZone, platformId: Object);
|
|
18
|
+
ngOnInit(): void;
|
|
19
|
+
ngOnDestroy(): void;
|
|
20
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
21
|
+
private _init;
|
|
22
|
+
private _initOnClickBody;
|
|
23
|
+
private _excludeCheck;
|
|
24
|
+
private _onClickBody;
|
|
25
|
+
/**
|
|
26
|
+
* Resolves problem with outside click on iframe
|
|
27
|
+
* @see https://github.com/arkon/ng-click-outside/issues/32
|
|
28
|
+
*/
|
|
29
|
+
private _onWindowBlur;
|
|
30
|
+
private _emit;
|
|
31
|
+
private _shouldExclude;
|
|
32
|
+
private _initClickOutsideListener;
|
|
33
|
+
private _removeClickOutsideListener;
|
|
34
|
+
private _initAttachOutsideOnClickListener;
|
|
35
|
+
private _removeAttachOutsideOnClickListener;
|
|
36
|
+
private _initWindowBlurListener;
|
|
37
|
+
private _removeWindowBlurListener;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlClickOutsideDirective, never>;
|
|
39
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TqlClickOutsideDirective, "[clickOutside]", never, { "clickOutsideEnabled": { "alias": "clickOutsideEnabled"; "required": false; }; "attachOutsideOnClick": { "alias": "attachOutsideOnClick"; "required": false; }; "delayClickOutsideInit": { "alias": "delayClickOutsideInit"; "required": false; }; "emitOnBlur": { "alias": "emitOnBlur"; "required": false; }; "exclude": { "alias": "exclude"; "required": false; }; "excludeBeforeClick": { "alias": "excludeBeforeClick"; "required": false; }; "clickOutsideEvents": { "alias": "clickOutsideEvents"; "required": false; }; }, { "clickOutside": "clickOutside"; }, never, never, false, never>;
|
|
40
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { AfterViewInit, ApplicationRef, EventEmitter, Injector, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TqlCollapseDirective implements OnInit, AfterViewInit {
|
|
4
|
+
private _ViewContainerRef;
|
|
5
|
+
private _ApplicationRef;
|
|
6
|
+
private _Injector;
|
|
7
|
+
name: string;
|
|
8
|
+
label: string;
|
|
9
|
+
labelClassName: string;
|
|
10
|
+
collapsedClassName: string;
|
|
11
|
+
hasLine: boolean;
|
|
12
|
+
hasShadow: boolean;
|
|
13
|
+
alwaysShowIcon: boolean;
|
|
14
|
+
collapseTrigger: EventEmitter<boolean>;
|
|
15
|
+
offset: number;
|
|
16
|
+
hideIconWhenCollapsed: boolean;
|
|
17
|
+
hideIcon: boolean;
|
|
18
|
+
direction: string;
|
|
19
|
+
init: EventEmitter<any>;
|
|
20
|
+
onChangeCollapse: EventEmitter<boolean>;
|
|
21
|
+
private instance;
|
|
22
|
+
private parentDom;
|
|
23
|
+
private _collapse;
|
|
24
|
+
private _alwaysCollapse;
|
|
25
|
+
set alwaysCollapsed(value: boolean);
|
|
26
|
+
set initialCollapsed(value: boolean);
|
|
27
|
+
private resize$;
|
|
28
|
+
onResize(event: any): void;
|
|
29
|
+
constructor(_ViewContainerRef: ViewContainerRef, _ApplicationRef: ApplicationRef, _Injector: Injector);
|
|
30
|
+
ngOnInit(): void;
|
|
31
|
+
ngAfterViewInit(): void;
|
|
32
|
+
/**
|
|
33
|
+
* toggle collapse
|
|
34
|
+
* @param status
|
|
35
|
+
*/
|
|
36
|
+
toggleCollapse(status?: boolean, hasAnimation?: boolean): void;
|
|
37
|
+
private toggleCollapseEvent;
|
|
38
|
+
private checkMinHeight;
|
|
39
|
+
/**
|
|
40
|
+
* add dom
|
|
41
|
+
*/
|
|
42
|
+
private addComponent;
|
|
43
|
+
/**
|
|
44
|
+
* update instance's data
|
|
45
|
+
*/
|
|
46
|
+
private updateInstance;
|
|
47
|
+
/**
|
|
48
|
+
* clear dom
|
|
49
|
+
*/
|
|
50
|
+
private clear;
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TqlCollapseDirective, never>;
|
|
52
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TqlCollapseDirective, "[tqlCollapse]", never, { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClassName": { "alias": "labelClassName"; "required": false; }; "collapsedClassName": { "alias": "collapsedClassName"; "required": false; }; "hasLine": { "alias": "hasLine"; "required": false; }; "hasShadow": { "alias": "hasShadow"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "collapseTrigger": { "alias": "collapseTrigger"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "hideIconWhenCollapsed": { "alias": "hideIconWhenCollapsed"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "alwaysCollapsed": { "alias": "alwaysCollapsed"; "required": false; }; "initialCollapsed": { "alias": "initialCollapsed"; "required": false; }; }, { "init": "init"; "onChangeCollapse": "onChangeCollapse"; }, never, never, false, never>;
|
|
53
|
+
}
|