lexgui 0.7.15 → 8.1.0
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/LICENSE +201 -21
- package/README.md +14 -5
- package/build/components/AlertDialog.d.ts +7 -0
- package/build/components/ArrayInput.d.ts +9 -0
- package/build/components/BaseComponent.d.ts +73 -0
- package/build/components/Button.d.ts +14 -0
- package/build/components/Calendar.d.ts +41 -0
- package/build/components/CalendarRange.d.ts +16 -0
- package/build/components/CanvasCurve.d.ts +10 -0
- package/build/components/CanvasDial.d.ts +11 -0
- package/build/components/CanvasMap2D.d.ts +61 -0
- package/build/components/Card.d.ts +8 -0
- package/build/components/Checkbox.d.ts +8 -0
- package/build/components/Color.d.ts +20 -0
- package/build/components/ColorInput.d.ts +13 -0
- package/build/components/ColorPicker.d.ts +29 -0
- package/build/components/ComboButtons.d.ts +8 -0
- package/build/components/ContextMenu.d.ts +16 -0
- package/build/components/Counter.d.ts +9 -0
- package/build/components/Curve.d.ts +10 -0
- package/build/components/DatePicker.d.ts +13 -0
- package/build/components/Dial.d.ts +10 -0
- package/build/components/Dialog.d.ts +20 -0
- package/build/components/DropdownMenu.d.ts +32 -0
- package/build/components/FileInput.d.ts +8 -0
- package/build/components/Footer.d.ts +14 -0
- package/build/components/Form.d.ts +8 -0
- package/build/components/Layers.d.ts +9 -0
- package/build/components/List.d.ts +9 -0
- package/build/components/Map2D.d.ts +12 -0
- package/build/components/Menubar.d.ts +59 -0
- package/build/components/NodeTree.d.ts +26 -0
- package/build/components/NumberInput.d.ts +9 -0
- package/build/components/OTPInput.d.ts +8 -0
- package/build/components/Pad.d.ts +8 -0
- package/build/components/Pagination.d.ts +26 -0
- package/build/components/PocketDialog.d.ts +11 -0
- package/build/components/Popover.d.ts +20 -0
- package/build/components/Progress.d.ts +8 -0
- package/build/components/RadioGroup.d.ts +8 -0
- package/build/components/RangeInput.d.ts +11 -0
- package/build/components/Rate.d.ts +8 -0
- package/build/components/Select.d.ts +10 -0
- package/build/components/Sheet.d.ts +10 -0
- package/build/components/Sidebar.d.ts +84 -0
- package/build/components/SizeInput.d.ts +8 -0
- package/build/components/Skeleton.d.ts +5 -0
- package/build/components/Spinner.d.ts +9 -0
- package/build/components/TabSections.d.ts +11 -0
- package/build/components/Table.d.ts +34 -0
- package/build/components/Tabs.d.ts +20 -0
- package/build/components/Tags.d.ts +9 -0
- package/build/components/TextArea.d.ts +8 -0
- package/build/components/TextInput.d.ts +11 -0
- package/build/components/Title.d.ts +8 -0
- package/build/components/Toggle.d.ts +8 -0
- package/build/components/Tour.d.ts +36 -0
- package/build/components/Vector.d.ts +9 -0
- package/build/core/Area.d.ts +143 -0
- package/build/core/Branch.d.ts +19 -0
- package/build/core/Core.d.ts +1 -0
- package/build/core/Event.d.ts +26 -0
- package/build/core/Icons.d.ts +4 -0
- package/build/core/Namespace.d.ts +2 -0
- package/build/core/Namespace.js +34 -0
- package/build/core/Namespace.js.map +1 -0
- package/build/core/Panel.d.ts +538 -0
- package/build/core/Utils.d.ts +1 -0
- package/build/core/Vec2.d.ts +21 -0
- package/build/extensions/AssetView.d.ts +136 -0
- package/build/extensions/AssetView.js +1367 -0
- package/build/extensions/AssetView.js.map +1 -0
- package/build/extensions/Audio.d.ts +9 -0
- package/build/extensions/Audio.js +163 -0
- package/build/extensions/Audio.js.map +1 -0
- package/build/extensions/CodeEditor.d.ts +350 -0
- package/build/extensions/CodeEditor.js +5022 -0
- package/build/extensions/CodeEditor.js.map +1 -0
- package/build/extensions/DocMaker.d.ts +27 -0
- package/build/extensions/DocMaker.js +327 -0
- package/build/extensions/DocMaker.js.map +1 -0
- package/build/extensions/GraphEditor.d.ts +276 -0
- package/build/extensions/GraphEditor.js +2770 -0
- package/build/extensions/GraphEditor.js.map +1 -0
- package/build/extensions/ImUi.d.ts +46 -0
- package/build/extensions/ImUi.js +227 -0
- package/build/extensions/ImUi.js.map +1 -0
- package/build/extensions/Timeline.d.ts +670 -0
- package/build/extensions/Timeline.js +3955 -0
- package/build/extensions/Timeline.js.map +1 -0
- package/build/extensions/VideoEditor.d.ts +128 -0
- package/build/extensions/VideoEditor.js +898 -0
- package/build/extensions/VideoEditor.js.map +1 -0
- package/build/extensions/index.d.ts +8 -0
- package/build/extensions/index.js +10 -0
- package/build/extensions/index.js.map +1 -0
- package/build/index.all.d.ts +2 -0
- package/build/index.css.d.ts +4 -0
- package/build/index.d.ts +56 -0
- package/build/lexgui.all.js +28498 -0
- package/build/lexgui.all.js.map +1 -0
- package/build/lexgui.all.min.js +1 -0
- package/build/lexgui.all.module.js +28422 -0
- package/build/lexgui.all.module.js.map +1 -0
- package/build/lexgui.all.module.min.js +1 -0
- package/build/lexgui.css +939 -346
- package/build/lexgui.js +13406 -17286
- package/build/lexgui.js.map +1 -0
- package/build/lexgui.min.css +3 -10
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +12762 -16698
- package/build/lexgui.module.js.map +1 -0
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +170 -74
- package/demo.js +162 -48
- package/examples/all-components.html +45 -14
- package/examples/asset-view.html +110 -47
- package/examples/code-editor.html +5 -5
- package/examples/dialogs.html +3 -3
- package/examples/editor.html +27 -13
- package/examples/index.html +19 -14
- package/examples/node-graph.html +2 -2
- package/examples/previews/video-editor.png +0 -0
- package/examples/timeline.html +1 -1
- package/examples/video-editor.html +2 -2
- package/package.json +25 -9
- package/build/extensions/audio.js +0 -212
- package/build/extensions/codeeditor.js +0 -6319
- package/build/extensions/docmaker.js +0 -432
- package/build/extensions/imui.js +0 -325
- package/build/extensions/nodegraph.js +0 -3696
- package/build/extensions/timeline.js +0 -4636
- package/build/extensions/videoeditor.js +0 -953
- package/build/lexgui-docs.css +0 -352
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
import { Calendar } from './Calendar';
|
|
3
|
+
import { CalendarRange } from './CalendarRange';
|
|
4
|
+
import { Popover } from './Popover';
|
|
5
|
+
/**
|
|
6
|
+
* @class DatePicker
|
|
7
|
+
* @description DatePicker Component
|
|
8
|
+
*/
|
|
9
|
+
export declare class DatePicker extends BaseComponent {
|
|
10
|
+
calendar: Calendar | CalendarRange;
|
|
11
|
+
_popover: Popover | undefined;
|
|
12
|
+
constructor(name: string, dateValue: string | string[], callback: any, options?: any);
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
import { CanvasDial } from './CanvasDial';
|
|
3
|
+
/**
|
|
4
|
+
* @class Dial
|
|
5
|
+
* @description Dial Component
|
|
6
|
+
*/
|
|
7
|
+
export declare class Dial extends BaseComponent {
|
|
8
|
+
dialInstance: CanvasDial;
|
|
9
|
+
constructor(name: string, values: any[], callback: any, options?: any);
|
|
10
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Panel } from '../core/Panel';
|
|
2
|
+
/**
|
|
3
|
+
* @class Dialog
|
|
4
|
+
*/
|
|
5
|
+
export declare class Dialog {
|
|
6
|
+
static _last_id: number;
|
|
7
|
+
id: string;
|
|
8
|
+
root: HTMLDialogElement;
|
|
9
|
+
panel: Panel;
|
|
10
|
+
title: HTMLDivElement;
|
|
11
|
+
size: any[];
|
|
12
|
+
branchData: any;
|
|
13
|
+
close: () => void;
|
|
14
|
+
_oncreate: any;
|
|
15
|
+
constructor(title?: string, callback?: any, options?: any);
|
|
16
|
+
destroy(): void;
|
|
17
|
+
refresh(): void;
|
|
18
|
+
setPosition(x: number, y: number): void;
|
|
19
|
+
setTitle(title: string): void;
|
|
20
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @class DropdownMenu
|
|
3
|
+
*/
|
|
4
|
+
export declare class DropdownMenu {
|
|
5
|
+
static currentMenu: DropdownMenu | null;
|
|
6
|
+
root: any;
|
|
7
|
+
side: string;
|
|
8
|
+
align: string;
|
|
9
|
+
sideOffset: number;
|
|
10
|
+
alignOffset: number;
|
|
11
|
+
avoidCollisions: boolean;
|
|
12
|
+
onBlur: any;
|
|
13
|
+
event: any;
|
|
14
|
+
inPlace: boolean;
|
|
15
|
+
_trigger: any;
|
|
16
|
+
_items: any[];
|
|
17
|
+
_parent: any;
|
|
18
|
+
_windowPadding: number;
|
|
19
|
+
_onClick: any;
|
|
20
|
+
_radioGroup: {
|
|
21
|
+
name: string;
|
|
22
|
+
selected: any;
|
|
23
|
+
} | undefined;
|
|
24
|
+
invalid: boolean;
|
|
25
|
+
constructor(trigger: any, items: any[], options?: any);
|
|
26
|
+
destroy(blurEvent?: boolean): void;
|
|
27
|
+
_create(items: any[], parentDom?: any): void;
|
|
28
|
+
_createItem(item: any, parentDom: any, applyIconPadding?: boolean): void;
|
|
29
|
+
_adjustPosition(): void;
|
|
30
|
+
_addSeparator(parent?: HTMLElement | null): void;
|
|
31
|
+
}
|
|
32
|
+
export declare function addDropdownMenu(trigger: any, items: any[], options?: any): DropdownMenu | null;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @class Footer
|
|
3
|
+
*/
|
|
4
|
+
export declare class Footer {
|
|
5
|
+
/**
|
|
6
|
+
* @param {Object} options:
|
|
7
|
+
* columns: Array with data per column { title, items: [ { title, link } ] }
|
|
8
|
+
* credits: html string
|
|
9
|
+
* socials: Array with data per item { title, link, icon }
|
|
10
|
+
* className: Extra class to customize
|
|
11
|
+
*/
|
|
12
|
+
root: any;
|
|
13
|
+
constructor(options?: any);
|
|
14
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class Layers
|
|
4
|
+
* @description Layers Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class Layers extends BaseComponent {
|
|
7
|
+
setLayers: (val: number) => void;
|
|
8
|
+
constructor(name: string, value: number, callback: any, options?: any);
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class List
|
|
4
|
+
* @description List Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class List extends BaseComponent {
|
|
7
|
+
_updateValues: (newValues: any[]) => void;
|
|
8
|
+
constructor(name: string, values: any[], value: any, callback: any, options?: any);
|
|
9
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
import { CanvasMap2D } from './CanvasMap2D';
|
|
3
|
+
import { Popover } from './Popover';
|
|
4
|
+
/**
|
|
5
|
+
* @class Map2D
|
|
6
|
+
* @description Map2D Component
|
|
7
|
+
*/
|
|
8
|
+
export declare class Map2D extends BaseComponent {
|
|
9
|
+
map2d: CanvasMap2D;
|
|
10
|
+
_popover: Popover | null;
|
|
11
|
+
constructor(name: string, points: any[], callback: any, options?: any);
|
|
12
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @class Menubar
|
|
3
|
+
*/
|
|
4
|
+
export declare class Menubar {
|
|
5
|
+
root: any;
|
|
6
|
+
siblingArea: any;
|
|
7
|
+
buttonContainer?: any;
|
|
8
|
+
items: any[];
|
|
9
|
+
buttons: Record<string, any>;
|
|
10
|
+
icons: any;
|
|
11
|
+
shorts: any;
|
|
12
|
+
focused: boolean;
|
|
13
|
+
_currentDropdown?: any;
|
|
14
|
+
constructor(items: any[], options?: any);
|
|
15
|
+
_resetMenubar(focus?: boolean): void;
|
|
16
|
+
/**
|
|
17
|
+
* @method createEntries
|
|
18
|
+
*/
|
|
19
|
+
createEntries(): void;
|
|
20
|
+
/**
|
|
21
|
+
* @method getButton
|
|
22
|
+
* @param {String} name
|
|
23
|
+
*/
|
|
24
|
+
getButton(name: string): any;
|
|
25
|
+
/**
|
|
26
|
+
* @method getSubitems
|
|
27
|
+
* @param {Object} item: parent item
|
|
28
|
+
* @param {Array} tokens: split path strings
|
|
29
|
+
*/
|
|
30
|
+
getSubitem(item: any, tokens: any[]): any;
|
|
31
|
+
/**
|
|
32
|
+
* @method getItem
|
|
33
|
+
* @param {String} path
|
|
34
|
+
*/
|
|
35
|
+
getItem(path: string): any;
|
|
36
|
+
/**
|
|
37
|
+
* @method setButtonIcon
|
|
38
|
+
* @param {String} name
|
|
39
|
+
* @param {String} icon
|
|
40
|
+
* @param {Function} callback
|
|
41
|
+
* @param {Object} options
|
|
42
|
+
*/
|
|
43
|
+
setButtonIcon(name: string, icon: string, callback: any, options?: any): void;
|
|
44
|
+
/**
|
|
45
|
+
* @method setButtonImage
|
|
46
|
+
* @param {String} name
|
|
47
|
+
* @param {String} src
|
|
48
|
+
* @param {Function} callback
|
|
49
|
+
* @param {Object} options
|
|
50
|
+
*/
|
|
51
|
+
setButtonImage(name: string, src: string, callback: any, options?: any): void;
|
|
52
|
+
/**
|
|
53
|
+
* @method addButton
|
|
54
|
+
* @param {Array} buttons
|
|
55
|
+
* @param {Object} options
|
|
56
|
+
* float: center (Default), right
|
|
57
|
+
*/
|
|
58
|
+
addButtons(buttons: any[], options?: any): void;
|
|
59
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class NodeTree
|
|
4
|
+
*/
|
|
5
|
+
export declare class NodeTree {
|
|
6
|
+
domEl: any;
|
|
7
|
+
data: any;
|
|
8
|
+
onevent: any;
|
|
9
|
+
options: any;
|
|
10
|
+
selected: any[];
|
|
11
|
+
_forceClose: boolean;
|
|
12
|
+
constructor(domEl: any, data: any, options?: any);
|
|
13
|
+
_createItem(parent: any, node: any, level?: number, selectedId?: string): void;
|
|
14
|
+
refresh(newData?: any, selectedId?: string): void;
|
|
15
|
+
frefresh(id: string): void;
|
|
16
|
+
select(id: string): void;
|
|
17
|
+
deleteNode(node: any): boolean;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @class Tree
|
|
21
|
+
* @description Tree Component
|
|
22
|
+
*/
|
|
23
|
+
export declare class Tree extends BaseComponent {
|
|
24
|
+
innerTree: NodeTree;
|
|
25
|
+
constructor(name: string, data: any, options?: any);
|
|
26
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class NumberInput
|
|
4
|
+
* @description NumberInput Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class NumberInput extends BaseComponent {
|
|
7
|
+
setLimits: (newMin: number | null, newMax: number | null, newStep: number | null) => void;
|
|
8
|
+
constructor(name: string | null, value: number, callback: any, options?: any);
|
|
9
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @class Pagination
|
|
3
|
+
*/
|
|
4
|
+
export declare class Pagination {
|
|
5
|
+
static ITEMS_PER_PAGE_VALUES: number[];
|
|
6
|
+
root: HTMLElement;
|
|
7
|
+
pagesRoot: HTMLElement;
|
|
8
|
+
page: number;
|
|
9
|
+
pages: number;
|
|
10
|
+
_alwaysShowEdges: boolean;
|
|
11
|
+
_useEllipsis: boolean;
|
|
12
|
+
_maxButtons: number;
|
|
13
|
+
_itemsPerPage: number;
|
|
14
|
+
_itemsPerPageValues: number[];
|
|
15
|
+
onChange: (page: number) => void;
|
|
16
|
+
onItemsPerPageChange: (n: number) => void;
|
|
17
|
+
constructor(options?: any);
|
|
18
|
+
setPage(n: number): void;
|
|
19
|
+
setPages(n: number): void;
|
|
20
|
+
next(): void;
|
|
21
|
+
prev(): void;
|
|
22
|
+
refresh(): void;
|
|
23
|
+
_emitChange(): void;
|
|
24
|
+
_makeButton(label: string, disabled: boolean, onclick: () => void, buttonClass?: string, parent?: HTMLElement): any;
|
|
25
|
+
_makePageButton(container: HTMLElement, i: number): any;
|
|
26
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Dialog } from './Dialog';
|
|
2
|
+
/**
|
|
3
|
+
* @class PocketDialog
|
|
4
|
+
*/
|
|
5
|
+
export declare class PocketDialog extends Dialog {
|
|
6
|
+
static TOP: number;
|
|
7
|
+
static BOTTOM: number;
|
|
8
|
+
dockPosition: number;
|
|
9
|
+
minimized: boolean;
|
|
10
|
+
constructor(title: string, callback: any, options?: any);
|
|
11
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @class Popover
|
|
3
|
+
*/
|
|
4
|
+
export declare class Popover {
|
|
5
|
+
static activeElement: any;
|
|
6
|
+
root: any;
|
|
7
|
+
side: string;
|
|
8
|
+
align: string;
|
|
9
|
+
sideOffset: number;
|
|
10
|
+
alignOffset: number;
|
|
11
|
+
avoidCollisions: boolean;
|
|
12
|
+
reference: any;
|
|
13
|
+
_windowPadding: number;
|
|
14
|
+
_trigger: any;
|
|
15
|
+
_parent: any;
|
|
16
|
+
_onClick: any;
|
|
17
|
+
constructor(trigger: any, content: any, options?: any);
|
|
18
|
+
destroy(): void;
|
|
19
|
+
_adjustPosition(): void;
|
|
20
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class RadioGroup
|
|
4
|
+
* @description RadioGroup Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class RadioGroup extends BaseComponent {
|
|
7
|
+
constructor(name: string, label: string, values: any[], callback: any, options?: any);
|
|
8
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class RangeInput
|
|
4
|
+
* @description RangeInput Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class RangeInput extends BaseComponent {
|
|
7
|
+
_maxSlider: HTMLInputElement | null;
|
|
8
|
+
_labelTooltip: HTMLElement | null;
|
|
9
|
+
setLimits: (newMin: number | null, newMax: number | null, newStep: number | null) => void;
|
|
10
|
+
constructor(name: string, value: any, callback: any, options?: any);
|
|
11
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class Select
|
|
4
|
+
* @description Select Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class Select extends BaseComponent {
|
|
7
|
+
_lastPlacement: boolean[];
|
|
8
|
+
constructor(name: string | null, values: any[], value: any, callback: any, options?: any);
|
|
9
|
+
_filterOptions(options: any, value: string): any[];
|
|
10
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { Area } from './../core/Area';
|
|
2
|
+
/**
|
|
3
|
+
* @class Sidebar
|
|
4
|
+
*/
|
|
5
|
+
export declare class Sidebar {
|
|
6
|
+
/**
|
|
7
|
+
* @param {Object} options
|
|
8
|
+
* className: Extra class to customize root element
|
|
9
|
+
* filter: Add search bar to filter entries [false]
|
|
10
|
+
* displaySelected: Indicate if an entry is displayed as selected
|
|
11
|
+
* skipHeader: Do not use sidebar header [false]
|
|
12
|
+
* headerImg: Image to be shown as avatar
|
|
13
|
+
* headerIcon: Icon to be shown as avatar (from LX.ICONS)
|
|
14
|
+
* headerTitle: Header title
|
|
15
|
+
* headerSubtitle: Header subtitle
|
|
16
|
+
* header: HTMLElement to add a custom header
|
|
17
|
+
* skipFooter: Do not use sidebar footer [false]
|
|
18
|
+
* footerImg: Image to be shown as avatar
|
|
19
|
+
* footerIcon: Icon to be shown as avatar (from LX.ICONS)
|
|
20
|
+
* footerTitle: Footer title
|
|
21
|
+
* footerSubtitle: Footer subtitle
|
|
22
|
+
* footer: HTMLElement to add a custom footer
|
|
23
|
+
* collapsable: Sidebar can toggle between collapsed/expanded [true]
|
|
24
|
+
* collapseToIcons: When Sidebar collapses, icons remains visible [true]
|
|
25
|
+
* onHeaderPressed: Function to call when header is pressed
|
|
26
|
+
* onFooterPressed: Function to call when footer is pressed
|
|
27
|
+
*/
|
|
28
|
+
root: any;
|
|
29
|
+
callback: any;
|
|
30
|
+
items: any[];
|
|
31
|
+
icons: any;
|
|
32
|
+
groups: any;
|
|
33
|
+
side: string;
|
|
34
|
+
collapsable: boolean;
|
|
35
|
+
collapsed: boolean;
|
|
36
|
+
filterString: string;
|
|
37
|
+
filter: any;
|
|
38
|
+
header: any;
|
|
39
|
+
content: any;
|
|
40
|
+
footer: any;
|
|
41
|
+
resizeObserver: ResizeObserver | undefined;
|
|
42
|
+
siblingArea: Area | undefined;
|
|
43
|
+
currentGroup: any;
|
|
44
|
+
collapseQueue: any;
|
|
45
|
+
collapseContainer: any;
|
|
46
|
+
_collapseWidth: string;
|
|
47
|
+
private _displaySelected;
|
|
48
|
+
get displaySelected(): boolean;
|
|
49
|
+
set displaySelected(v: boolean);
|
|
50
|
+
constructor(options?: any);
|
|
51
|
+
_generateDefaultHeader(options?: any): HTMLDivElement;
|
|
52
|
+
_generateDefaultFooter(options?: any): HTMLDivElement;
|
|
53
|
+
/**
|
|
54
|
+
* @method toggleCollapsed
|
|
55
|
+
* @param {Boolean} force: Force collapsed state
|
|
56
|
+
*/
|
|
57
|
+
toggleCollapsed(force?: boolean): void;
|
|
58
|
+
/**
|
|
59
|
+
* @method separator
|
|
60
|
+
*/
|
|
61
|
+
separator(): void;
|
|
62
|
+
/**
|
|
63
|
+
* @method group
|
|
64
|
+
* @param {String} groupName
|
|
65
|
+
* @param {Object} action: { icon, callback }
|
|
66
|
+
*/
|
|
67
|
+
group(groupName: string, action: any): void;
|
|
68
|
+
/**
|
|
69
|
+
* @method add
|
|
70
|
+
* @param {String} path
|
|
71
|
+
* @param {Object} options:
|
|
72
|
+
* callback: Function to call on each item
|
|
73
|
+
* className: Add class to the entry DOM element
|
|
74
|
+
* collapsable: Add entry as a collapsable section
|
|
75
|
+
* icon: Entry icon
|
|
76
|
+
*/
|
|
77
|
+
add(path: string, options?: any): void;
|
|
78
|
+
/**
|
|
79
|
+
* @method select
|
|
80
|
+
* @param {String} name Element name to select
|
|
81
|
+
*/
|
|
82
|
+
select(name: string): void;
|
|
83
|
+
update(): void;
|
|
84
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class TabSections
|
|
4
|
+
* @description TabSections Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class TabSections extends BaseComponent {
|
|
7
|
+
tabs: any[];
|
|
8
|
+
tabDOMs: Record<string, HTMLElement>;
|
|
9
|
+
constructor(name: string, tabs: any[], options?: any);
|
|
10
|
+
select(name: string): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
import { Button } from './Button';
|
|
3
|
+
import { Pagination } from './Pagination';
|
|
4
|
+
/**
|
|
5
|
+
* @class Table
|
|
6
|
+
* @description Table Component
|
|
7
|
+
*/
|
|
8
|
+
export declare class Table extends BaseComponent {
|
|
9
|
+
data: any;
|
|
10
|
+
filter: string | false;
|
|
11
|
+
customFilters: any[] | null;
|
|
12
|
+
activeCustomFilters: any;
|
|
13
|
+
rowOffsetCount: number;
|
|
14
|
+
_currentFilter: string | undefined;
|
|
15
|
+
_toggleColumns: boolean;
|
|
16
|
+
_sortColumns: boolean;
|
|
17
|
+
_resetCustomFiltersBtn: Button | null;
|
|
18
|
+
_hiddenColumns: any[];
|
|
19
|
+
_paginator: Pagination | undefined;
|
|
20
|
+
_showSelectedNumber: boolean;
|
|
21
|
+
private _centered;
|
|
22
|
+
get centered(): any;
|
|
23
|
+
set centered(v: any);
|
|
24
|
+
private _rowsPerPage;
|
|
25
|
+
get rowsPerPage(): any;
|
|
26
|
+
set rowsPerPage(v: any);
|
|
27
|
+
constructor(name: string, data: any, options?: any);
|
|
28
|
+
getSelectedRows(): any[];
|
|
29
|
+
_makeRowId(row: any[]): any;
|
|
30
|
+
_onChangePage(page: number): void;
|
|
31
|
+
_getNumPages(total?: number): number;
|
|
32
|
+
_setRowsPerPage(n: number): void;
|
|
33
|
+
_setCentered(v: any): void;
|
|
34
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Area } from './../core/Area';
|
|
2
|
+
/**
|
|
3
|
+
* @class Tabs
|
|
4
|
+
*/
|
|
5
|
+
export declare class Tabs {
|
|
6
|
+
static TAB_ID: number;
|
|
7
|
+
root: any;
|
|
8
|
+
area: Area;
|
|
9
|
+
tabs: any;
|
|
10
|
+
tabDOMs: any;
|
|
11
|
+
thumb?: any;
|
|
12
|
+
selected: any;
|
|
13
|
+
folding: boolean;
|
|
14
|
+
folded: boolean;
|
|
15
|
+
onclose: (s: string) => void;
|
|
16
|
+
constructor(area: Area, options?: any);
|
|
17
|
+
add(name: string, content: any, options?: any): void;
|
|
18
|
+
select(name: string): void;
|
|
19
|
+
delete(name: string): void;
|
|
20
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class Tags
|
|
4
|
+
* @description Tags Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class Tags extends BaseComponent {
|
|
7
|
+
generateTags: (value: string[]) => void;
|
|
8
|
+
constructor(name: string, value: string, callback: any, options?: any);
|
|
9
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseComponent } from './BaseComponent';
|
|
2
|
+
/**
|
|
3
|
+
* @class TextInput
|
|
4
|
+
* @description TextInput Component
|
|
5
|
+
*/
|
|
6
|
+
export declare class TextInput extends BaseComponent {
|
|
7
|
+
valid: (s: string, m?: string) => boolean;
|
|
8
|
+
_triggerEvent: Event | undefined;
|
|
9
|
+
_lastValueTriggered?: any;
|
|
10
|
+
constructor(name: string | null, value?: string, callback?: any, options?: any);
|
|
11
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Popover } from './Popover';
|
|
2
|
+
export declare class Tour {
|
|
3
|
+
static ACTIVE_TOURS: any[];
|
|
4
|
+
/**
|
|
5
|
+
* @constructor Tour
|
|
6
|
+
* @param {Array} steps
|
|
7
|
+
* @param {Object} options
|
|
8
|
+
* useModal: Use a modal to highlight the tour step [true]
|
|
9
|
+
* offset: Horizontal and vertical margin offset [0]
|
|
10
|
+
* horizontalOffset: Horizontal offset [0]
|
|
11
|
+
* verticalOffset: Vertical offset [0]
|
|
12
|
+
* radius: Radius for the tour step highlight [8]
|
|
13
|
+
*/
|
|
14
|
+
steps: any[];
|
|
15
|
+
currentStep: number;
|
|
16
|
+
useModal: boolean;
|
|
17
|
+
offset: number;
|
|
18
|
+
horizontalOffset: number;
|
|
19
|
+
verticalOffset: number;
|
|
20
|
+
radius: number;
|
|
21
|
+
tourContainer: any;
|
|
22
|
+
tourMask: HTMLElement | undefined;
|
|
23
|
+
_popover: Popover | null;
|
|
24
|
+
constructor(steps: any[], options?: any);
|
|
25
|
+
/**
|
|
26
|
+
* @method begin
|
|
27
|
+
*/
|
|
28
|
+
begin(): void;
|
|
29
|
+
/**
|
|
30
|
+
* @method stop
|
|
31
|
+
*/
|
|
32
|
+
stop(): void;
|
|
33
|
+
_showStep(stepOffset?: number): void;
|
|
34
|
+
_generateMask(reference: HTMLElement): void;
|
|
35
|
+
_createHighlight(step: any, previousStep: any, nextStep: any): void;
|
|
36
|
+
}
|