@omegagrid/tree 0.2.5
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/dist/adapters/dateAdapter.d.ts +44 -0
- package/dist/adapters/dateAdapter.d.ts.map +1 -0
- package/dist/adapters/dateAdapter.js +190 -0
- package/dist/adapters/dateAdapter.js.map +1 -0
- package/dist/adapters/index.d.ts +2 -0
- package/dist/adapters/index.d.ts.map +1 -0
- package/dist/adapters/index.js +18 -0
- package/dist/adapters/index.js.map +1 -0
- package/dist/constants.d.ts +47 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +12 -0
- package/dist/constants.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -0
- package/dist/model/filterModel.d.ts +16 -0
- package/dist/model/filterModel.d.ts.map +1 -0
- package/dist/model/filterModel.js +56 -0
- package/dist/model/filterModel.js.map +1 -0
- package/dist/model/index.d.ts +5 -0
- package/dist/model/index.d.ts.map +1 -0
- package/dist/model/index.js +21 -0
- package/dist/model/index.js.map +1 -0
- package/dist/model/nodeModel.d.ts +85 -0
- package/dist/model/nodeModel.d.ts.map +1 -0
- package/dist/model/nodeModel.js +57 -0
- package/dist/model/nodeModel.js.map +1 -0
- package/dist/model/selectionModel.d.ts +38 -0
- package/dist/model/selectionModel.d.ts.map +1 -0
- package/dist/model/selectionModel.js +186 -0
- package/dist/model/selectionModel.js.map +1 -0
- package/dist/model/treeAdapter.d.ts +10 -0
- package/dist/model/treeAdapter.d.ts.map +1 -0
- package/dist/model/treeAdapter.js +11 -0
- package/dist/model/treeAdapter.js.map +1 -0
- package/dist/model/treeModel.d.ts +27 -0
- package/dist/model/treeModel.d.ts.map +1 -0
- package/dist/model/treeModel.js +96 -0
- package/dist/model/treeModel.js.map +1 -0
- package/dist/options.d.ts +27 -0
- package/dist/options.d.ts.map +1 -0
- package/dist/options.js +37 -0
- package/dist/options.js.map +1 -0
- package/dist/types.d.ts +40 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +18 -0
- package/dist/types.js.map +1 -0
- package/dist/ui/dropdown.d.ts +55 -0
- package/dist/ui/dropdown.d.ts.map +1 -0
- package/dist/ui/dropdown.js +295 -0
- package/dist/ui/dropdown.js.map +1 -0
- package/dist/ui/dropdown.style.d.ts +2 -0
- package/dist/ui/dropdown.style.d.ts.map +1 -0
- package/dist/ui/dropdown.style.js +36 -0
- package/dist/ui/dropdown.style.js.map +1 -0
- package/dist/ui/index.d.ts +6 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +22 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/levels.d.ts +13 -0
- package/dist/ui/levels.d.ts.map +1 -0
- package/dist/ui/levels.js +68 -0
- package/dist/ui/levels.js.map +1 -0
- package/dist/ui/menu.d.ts +14 -0
- package/dist/ui/menu.d.ts.map +1 -0
- package/dist/ui/menu.js +93 -0
- package/dist/ui/menu.js.map +1 -0
- package/dist/ui/search.d.ts +18 -0
- package/dist/ui/search.d.ts.map +1 -0
- package/dist/ui/search.js +88 -0
- package/dist/ui/search.js.map +1 -0
- package/dist/ui/tree.d.ts +78 -0
- package/dist/ui/tree.d.ts.map +1 -0
- package/dist/ui/tree.js +429 -0
- package/dist/ui/tree.js.map +1 -0
- package/dist/ui/tree.renderer.d.ts +5 -0
- package/dist/ui/tree.renderer.d.ts.map +1 -0
- package/dist/ui/tree.renderer.js +106 -0
- package/dist/ui/tree.renderer.js.map +1 -0
- package/dist/ui/tree.style.d.ts +3 -0
- package/dist/ui/tree.style.d.ts.map +1 -0
- package/dist/ui/tree.style.js +113 -0
- package/dist/ui/tree.style.js.map +1 -0
- package/package.json +59 -0
package/dist/ui/tree.js
ADDED
|
@@ -0,0 +1,429 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
9
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.Tree = exports.TreeDropEvent = exports.TreePointerEvent = exports.TreeEvent = void 0;
|
|
13
|
+
const core_1 = require("@omegagrid/core");
|
|
14
|
+
const options_1 = require("../options");
|
|
15
|
+
const treeModel_1 = require("../model/treeModel");
|
|
16
|
+
const lit_1 = require("lit");
|
|
17
|
+
const decorators_js_1 = require("lit/decorators.js");
|
|
18
|
+
const tree_style_1 = require("./tree.style");
|
|
19
|
+
const tree_renderer_1 = require("./tree.renderer");
|
|
20
|
+
const selectionModel_1 = require("../model/selectionModel");
|
|
21
|
+
const constants_1 = __importDefault(require("../constants"));
|
|
22
|
+
const nodeModel_1 = require("../model/nodeModel");
|
|
23
|
+
const filterModel_1 = require("../model/filterModel");
|
|
24
|
+
const style_map_js_1 = require("lit-html/directives/style-map.js");
|
|
25
|
+
const types_1 = require("../types");
|
|
26
|
+
const join_js_1 = require("lit/directives/join.js");
|
|
27
|
+
class TreeEvent extends Event {
|
|
28
|
+
constructor(type, args) {
|
|
29
|
+
super(type, { bubbles: false, cancelable: true, composed: false });
|
|
30
|
+
Object.assign(this, args);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.TreeEvent = TreeEvent;
|
|
34
|
+
class TreePointerEvent extends PointerEvent {
|
|
35
|
+
constructor(type, e, args) {
|
|
36
|
+
super(`tree.${type}`, e);
|
|
37
|
+
Object.assign(this, args);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
exports.TreePointerEvent = TreePointerEvent;
|
|
41
|
+
class TreeDropEvent extends DragEvent {
|
|
42
|
+
constructor(type, e, args) {
|
|
43
|
+
super(`tree.${type}`, e);
|
|
44
|
+
Object.assign(this, args);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
exports.TreeDropEvent = TreeDropEvent;
|
|
48
|
+
let Tree = class Tree extends lit_1.LitElement {
|
|
49
|
+
get size() {
|
|
50
|
+
var _a, _b;
|
|
51
|
+
return (_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.visibleNodes.length) !== null && _b !== void 0 ? _b : 0;
|
|
52
|
+
}
|
|
53
|
+
get hasGlobalLevels() {
|
|
54
|
+
return (this.options.selectMode == types_1.SelectMode.Multiple || this.options.selectMode == types_1.SelectMode.MultipleLevels)
|
|
55
|
+
&& this.options.globalLevels && this.model.maxLevel > 0;
|
|
56
|
+
}
|
|
57
|
+
constructor() {
|
|
58
|
+
super();
|
|
59
|
+
this.options = (0, options_1.initOptions)();
|
|
60
|
+
this.selection = new selectionModel_1.TreeSelectionModel(this.options);
|
|
61
|
+
this.logger = new core_1.log.Logger('Ωtree');
|
|
62
|
+
this.maxHeight = null;
|
|
63
|
+
this.itemHeight = constants_1.default.LIST_ITEM_HEIGHT;
|
|
64
|
+
this.disableAutoload = false;
|
|
65
|
+
this.loading = false;
|
|
66
|
+
this.noMatches = false;
|
|
67
|
+
this._onDragover = (e) => {
|
|
68
|
+
if (!this.options.fileDrop)
|
|
69
|
+
return;
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
e.stopPropagation();
|
|
72
|
+
if (e.dataTransfer.types[0] == 'Files') {
|
|
73
|
+
e.dataTransfer.dropEffect = 'move';
|
|
74
|
+
const item = e.composedPath().find((elm) => elm.classList && elm.classList.contains('item'));
|
|
75
|
+
this._onDragLeave();
|
|
76
|
+
if (item)
|
|
77
|
+
item.classList.add('drag');
|
|
78
|
+
this._lastDragItem = item;
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
this._onDrop = (e) => {
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
this._onDragLeave();
|
|
84
|
+
const item = e.composedPath().find((elm) => elm.classList && elm.classList.contains('item'));
|
|
85
|
+
const node = this.model.nodes[parseInt(item.dataset.node)];
|
|
86
|
+
this.dispatchEvent(new TreeDropEvent('drop', e, { tree: this, node: node }));
|
|
87
|
+
};
|
|
88
|
+
this._onDragLeave = () => {
|
|
89
|
+
if (this._lastDragItem)
|
|
90
|
+
this._lastDragItem.classList.remove('drag');
|
|
91
|
+
this._lastDragItem = null;
|
|
92
|
+
};
|
|
93
|
+
this.keyActions = {
|
|
94
|
+
'ArrowRight': () => {
|
|
95
|
+
const node = this.model.visibleNodes[this.list.selectedIndex];
|
|
96
|
+
if (node.collapsed) {
|
|
97
|
+
this.toggleNodeCollapse(node);
|
|
98
|
+
this.model.indexVisibleNodes();
|
|
99
|
+
this.list.size = this.size;
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
'ArrowLeft': () => {
|
|
103
|
+
const node = this.model.visibleNodes[this.list.selectedIndex];
|
|
104
|
+
if (!node.collapsed) {
|
|
105
|
+
this.toggleNodeCollapse(node);
|
|
106
|
+
this.model.indexVisibleNodes();
|
|
107
|
+
this.list.size = this.size;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
this._onGlobalLevelSelect = async (e) => {
|
|
112
|
+
this.toggleNode(this.model.root, e.level, true);
|
|
113
|
+
this.globalTreeLevels.requestUpdate();
|
|
114
|
+
this.requestUpdate();
|
|
115
|
+
await this.list.updateComplete;
|
|
116
|
+
this.list.renderItems(true);
|
|
117
|
+
};
|
|
118
|
+
this._onSearch = () => {
|
|
119
|
+
this.list.size = this.size;
|
|
120
|
+
this.list.select(0);
|
|
121
|
+
this.renderItems(true);
|
|
122
|
+
this.noMatches = this.size == 0;
|
|
123
|
+
};
|
|
124
|
+
this._onListRender = () => {
|
|
125
|
+
if (this.awaitFilter) {
|
|
126
|
+
this.filter(this.awaitFilter);
|
|
127
|
+
this.awaitFilter = null;
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
this._onListMenu = (e) => {
|
|
131
|
+
this.dispatchEvent(new TreePointerEvent('menu', e, {
|
|
132
|
+
tree: this,
|
|
133
|
+
node: this.model.visibleNodes[e.index]
|
|
134
|
+
}));
|
|
135
|
+
};
|
|
136
|
+
this.addEventListener('dragover', this._onDragover);
|
|
137
|
+
this.addEventListener('dragleave', this._onDragLeave);
|
|
138
|
+
this.addEventListener('drop', this._onDrop);
|
|
139
|
+
}
|
|
140
|
+
destroy() {
|
|
141
|
+
this.logger.info('destroy');
|
|
142
|
+
}
|
|
143
|
+
connectedCallback() {
|
|
144
|
+
super.connectedCallback();
|
|
145
|
+
this.logger.info('init');
|
|
146
|
+
this.tabIndex = 0;
|
|
147
|
+
}
|
|
148
|
+
setSourceData(sourceData, options = null) {
|
|
149
|
+
Object.assign(this.options, options !== null && options !== void 0 ? options : {});
|
|
150
|
+
this.model = new treeModel_1.TreeModel(sourceData, this.options);
|
|
151
|
+
if ((sourceData === null || sourceData === void 0 ? void 0 : sourceData.length) > 0 && sourceData[0].s !== undefined) {
|
|
152
|
+
this.selection.setItems(sourceData.filter(i => i.s).map(i => [i.k, 0, 1]));
|
|
153
|
+
}
|
|
154
|
+
this.dispatchEvent(new TreeEvent('load', { component: this }));
|
|
155
|
+
}
|
|
156
|
+
setValue(values) {
|
|
157
|
+
this.selection.populate(values);
|
|
158
|
+
}
|
|
159
|
+
async loadData(params) {
|
|
160
|
+
this.loading = true;
|
|
161
|
+
this.model = null;
|
|
162
|
+
params = params !== null && params !== void 0 ? params : {};
|
|
163
|
+
const [tree, options] = await Promise.all([this.adapter.getTree(params), this.adapter.getOptions()]);
|
|
164
|
+
this.setSourceData(tree, options);
|
|
165
|
+
if ((options === null || options === void 0 ? void 0 : options.pageSize) > 0) {
|
|
166
|
+
this.updateNodeLoadState(this.model.root, this.model.root.children.length);
|
|
167
|
+
this.model.indexVisibleNodes();
|
|
168
|
+
}
|
|
169
|
+
this.loading = false;
|
|
170
|
+
}
|
|
171
|
+
async loadMore(parent) {
|
|
172
|
+
const offset = parent.children.length;
|
|
173
|
+
const sourceData = await this.adapter.getTree({ parent: parent, parentKey: parent.key, offset: offset });
|
|
174
|
+
const model = new treeModel_1.TreeModel(sourceData, this.options);
|
|
175
|
+
parent.insertChildren(model.root.children, offset);
|
|
176
|
+
this.updateNodeLoadState(parent, model.root.children.length);
|
|
177
|
+
this.model.indexNodesByTree(true);
|
|
178
|
+
this.list.size = this.size;
|
|
179
|
+
this.list.requestUpdate();
|
|
180
|
+
}
|
|
181
|
+
willUpdate(props) {
|
|
182
|
+
var _a;
|
|
183
|
+
if (props.has('adapter') && this.adapter) {
|
|
184
|
+
this.model = null;
|
|
185
|
+
this.adapter.attach(this);
|
|
186
|
+
if (!this.disableAutoload)
|
|
187
|
+
this.loadData();
|
|
188
|
+
}
|
|
189
|
+
// if (props.has('value')) {
|
|
190
|
+
// this.setValue(this.value);
|
|
191
|
+
// }
|
|
192
|
+
this.model = (_a = this.model) !== null && _a !== void 0 ? _a : new treeModel_1.TreeModel([], null);
|
|
193
|
+
this.filtering = new filterModel_1.FilterModel(this.model);
|
|
194
|
+
if (props.has('options')) {
|
|
195
|
+
this.options = (0, options_1.initOptions)(this.options);
|
|
196
|
+
this.model.options = this.options;
|
|
197
|
+
this.selection.options = this.options;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
updated(changedProps) {
|
|
201
|
+
if (changedProps.has('model') && this.list) {
|
|
202
|
+
this.list.size = this.size;
|
|
203
|
+
this.list.requestUpdate();
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
async firstUpdated() {
|
|
207
|
+
var _a;
|
|
208
|
+
if (this.value) {
|
|
209
|
+
this.selection.setItems((_a = this.value) !== null && _a !== void 0 ? _a : []);
|
|
210
|
+
}
|
|
211
|
+
this.list.itemRenderer = (0, tree_renderer_1.createItemRenderer)(this);
|
|
212
|
+
core_1.dom.on(this.list, 'toggle', '.item', async (e, elm) => {
|
|
213
|
+
const node = this.model.nodes[parseInt(elm.dataset.node)];
|
|
214
|
+
this.toggleNodeCollapse(node);
|
|
215
|
+
this.model.indexVisibleNodes();
|
|
216
|
+
this.list.size = this.size;
|
|
217
|
+
});
|
|
218
|
+
core_1.dom.on(this.list, 'levelselect', '.item', (e, elm) => {
|
|
219
|
+
this.toggleNode(this.model.nodes[parseInt(elm.dataset.node)], e.level, true);
|
|
220
|
+
});
|
|
221
|
+
core_1.dom.on(this.list, 'contextmenu', '.item', (e, elm) => {
|
|
222
|
+
e.preventDefault();
|
|
223
|
+
const node = this.model.nodes[parseInt(elm.dataset.node)];
|
|
224
|
+
this.selection.select(node, 0, false);
|
|
225
|
+
this.list.renderItems(true);
|
|
226
|
+
});
|
|
227
|
+
this.list.addEventListener('select', (e) => {
|
|
228
|
+
var _a;
|
|
229
|
+
e.stopPropagation();
|
|
230
|
+
if (e.trigger != core_1.ListSelectTrigger.Arrow && !(e.elm instanceof core_1.Expander)) {
|
|
231
|
+
const item = this.model.visibleNodes[e.index];
|
|
232
|
+
if (item instanceof nodeModel_1.NodeModel) {
|
|
233
|
+
const node = item;
|
|
234
|
+
if ((_a = node.checkbox) !== null && _a !== void 0 ? _a : this.options.selectMode != types_1.SelectMode.None) {
|
|
235
|
+
this.toggleNode(node, 0, true);
|
|
236
|
+
}
|
|
237
|
+
else {
|
|
238
|
+
this.toggleNodeCollapse(node);
|
|
239
|
+
this.model.indexVisibleNodes();
|
|
240
|
+
this.list.size = this.size;
|
|
241
|
+
}
|
|
242
|
+
this.dispatchEvent(new TreeEvent('select', { component: this, node }));
|
|
243
|
+
}
|
|
244
|
+
else {
|
|
245
|
+
const placeholder = item;
|
|
246
|
+
if (placeholder.loading)
|
|
247
|
+
return;
|
|
248
|
+
placeholder.loading = true;
|
|
249
|
+
placeholder.element.querySelector('og-icon').icon = 'hourglass-half';
|
|
250
|
+
this.loadMore(placeholder.parent);
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
});
|
|
254
|
+
this.list.addEventListener('keydown', (e) => {
|
|
255
|
+
const action = this.keyActions[e.key];
|
|
256
|
+
if (action) {
|
|
257
|
+
action();
|
|
258
|
+
}
|
|
259
|
+
else if (!isNaN(parseInt(e.key))) {
|
|
260
|
+
const level = parseInt(e.key);
|
|
261
|
+
const node = this.model.visibleNodes[this.list.selectedIndex];
|
|
262
|
+
if (node.subLevels >= level) {
|
|
263
|
+
this.toggleNode(node, level, true);
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
});
|
|
267
|
+
}
|
|
268
|
+
toggleNode(node, level, dispatchEvent = false) {
|
|
269
|
+
this.selection.toggle(node, level);
|
|
270
|
+
this.list.renderItems(true);
|
|
271
|
+
setTimeout(() => this.list.focus()); // TODO: list looses focus for unknown reason
|
|
272
|
+
if (dispatchEvent) {
|
|
273
|
+
this.dispatchEvent(new TreeEvent('change', { component: this, node }));
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
updateNodeLoadState(node, newNodeCount) {
|
|
277
|
+
if (this.options.pageSize > 0) {
|
|
278
|
+
if (newNodeCount < this.options.pageSize)
|
|
279
|
+
node.count = node.children.length;
|
|
280
|
+
else
|
|
281
|
+
node.count = node.children.length + 1;
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
async toggleNodeCollapse(node, dispatchEvent = true) {
|
|
285
|
+
node.toggleCollapse();
|
|
286
|
+
if (!node.isLoaded && !node.isPartialyLoaded && this.adapter) {
|
|
287
|
+
this.list.requestUpdate();
|
|
288
|
+
const sourceData = await this.adapter.getTree({ parent: node, parentKey: node.key, offset: 0 });
|
|
289
|
+
const model = new treeModel_1.TreeModel(sourceData, this.options);
|
|
290
|
+
node.insertChildren(model.root.children, 0);
|
|
291
|
+
this.updateNodeLoadState(node, node.children.length);
|
|
292
|
+
this.model.indexNodesByTree(true);
|
|
293
|
+
this.list.size = this.size;
|
|
294
|
+
this.list.requestUpdate();
|
|
295
|
+
}
|
|
296
|
+
if (dispatchEvent)
|
|
297
|
+
this.dispatchEvent(new TreeEvent('tree.collapse', { component: this, node }));
|
|
298
|
+
}
|
|
299
|
+
toggleTreeCollapse(node, dispatchEvent = true) {
|
|
300
|
+
if (this.model.nodes.length == 0)
|
|
301
|
+
return;
|
|
302
|
+
if (!node) {
|
|
303
|
+
node = this.model.root;
|
|
304
|
+
node.collapsed = this.model.nodes[0].collapsed;
|
|
305
|
+
}
|
|
306
|
+
node.toggleCollapse(true);
|
|
307
|
+
this.model.indexVisibleNodes();
|
|
308
|
+
this.list.size = this.size;
|
|
309
|
+
if (dispatchEvent)
|
|
310
|
+
this.dispatchEvent(new TreeEvent('tree.collapse', { component: this, node }));
|
|
311
|
+
}
|
|
312
|
+
render() {
|
|
313
|
+
var _a, _b, _c;
|
|
314
|
+
this.logger.info(`render ${(_b = (_a = this.model) === null || _a === void 0 ? void 0 : _a.visibleNodes.length) !== null && _b !== void 0 ? _b : 0}`);
|
|
315
|
+
const list = (0, lit_1.html) `
|
|
316
|
+
<div class="main" style="${(0, style_map_js_1.styleMap)({ overflow: 'hidden', maxHeight: this.maxHeight ? core_1.dom.numToPixels(this.maxHeight) : null })}">
|
|
317
|
+
<og-list
|
|
318
|
+
size="${this.size}"
|
|
319
|
+
.customStyle=${tree_style_1.itemStyle}
|
|
320
|
+
?nativeHeight="${!this.maxHeight}"
|
|
321
|
+
maxHeight="${this.maxHeight || null}"
|
|
322
|
+
@render="${this._onListRender}"
|
|
323
|
+
@list.menu="${this._onListMenu}">
|
|
324
|
+
</og-list>
|
|
325
|
+
</div>
|
|
326
|
+
`;
|
|
327
|
+
const loader = this.loading ? (0, lit_1.html) `
|
|
328
|
+
<div style="padding: 10px; text-align: center">
|
|
329
|
+
<og-loader></og-loader>
|
|
330
|
+
</div>
|
|
331
|
+
` : null;
|
|
332
|
+
const search = this.options.search ? (0, lit_1.html) `
|
|
333
|
+
<div class="toolbar">
|
|
334
|
+
<og-tree-search
|
|
335
|
+
.tree="${this}"
|
|
336
|
+
@search="${this._onSearch}">
|
|
337
|
+
</og-tree-search>
|
|
338
|
+
</div>
|
|
339
|
+
` : null;
|
|
340
|
+
const alert = this.noMatches ? (0, lit_1.html) `
|
|
341
|
+
<og-alert text="No matches" type="warning"></og-alert>
|
|
342
|
+
` : null;
|
|
343
|
+
const levels = this.hasGlobalLevels && !this.noMatches ? (0, lit_1.html) `
|
|
344
|
+
<div class="toolbar">
|
|
345
|
+
<og-tree-levels
|
|
346
|
+
id="globalLevels"
|
|
347
|
+
count="${((_c = this.options.maxLevel) !== null && _c !== void 0 ? _c : this.model.maxLevel) + 1}"
|
|
348
|
+
.selection="${this.selection.getLevelSelection(this.model.root)}"
|
|
349
|
+
@levelselect="${this._onGlobalLevelSelect}">
|
|
350
|
+
</og-tree-levels>
|
|
351
|
+
</div>
|
|
352
|
+
` : null;
|
|
353
|
+
return (0, join_js_1.join)([search, alert, levels, loader, list], () => ' ');
|
|
354
|
+
}
|
|
355
|
+
renderItems(all = false) {
|
|
356
|
+
if (this.list) {
|
|
357
|
+
this.list.size = this.size;
|
|
358
|
+
this.list.renderItems(all);
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
clearSelection() {
|
|
362
|
+
this.selection.clear();
|
|
363
|
+
this.requestUpdate();
|
|
364
|
+
}
|
|
365
|
+
async filter(term) {
|
|
366
|
+
var _a;
|
|
367
|
+
if (this.loading) {
|
|
368
|
+
this.awaitFilter = term;
|
|
369
|
+
return;
|
|
370
|
+
}
|
|
371
|
+
if (this.options.customSearch && this.adapter) {
|
|
372
|
+
await this.loadData({ filter: term });
|
|
373
|
+
return;
|
|
374
|
+
}
|
|
375
|
+
(_a = this.filtering) === null || _a === void 0 ? void 0 : _a.filter(term);
|
|
376
|
+
this.list.size = this.size;
|
|
377
|
+
this.noMatches = this.size == 0;
|
|
378
|
+
this.list.select(0);
|
|
379
|
+
}
|
|
380
|
+
};
|
|
381
|
+
exports.Tree = Tree;
|
|
382
|
+
Tree.styles = [tree_style_1.style];
|
|
383
|
+
__decorate([
|
|
384
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
385
|
+
], Tree.prototype, "model", void 0);
|
|
386
|
+
__decorate([
|
|
387
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
388
|
+
], Tree.prototype, "adapter", void 0);
|
|
389
|
+
__decorate([
|
|
390
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
391
|
+
], Tree.prototype, "options", void 0);
|
|
392
|
+
__decorate([
|
|
393
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
394
|
+
], Tree.prototype, "selection", void 0);
|
|
395
|
+
__decorate([
|
|
396
|
+
(0, decorators_js_1.property)({ type: Object })
|
|
397
|
+
], Tree.prototype, "logger", void 0);
|
|
398
|
+
__decorate([
|
|
399
|
+
(0, decorators_js_1.property)({ type: Number })
|
|
400
|
+
], Tree.prototype, "maxHeight", void 0);
|
|
401
|
+
__decorate([
|
|
402
|
+
(0, decorators_js_1.property)({ type: Number })
|
|
403
|
+
], Tree.prototype, "itemHeight", void 0);
|
|
404
|
+
__decorate([
|
|
405
|
+
(0, decorators_js_1.property)({ type: Array })
|
|
406
|
+
], Tree.prototype, "value", void 0);
|
|
407
|
+
__decorate([
|
|
408
|
+
(0, decorators_js_1.property)({ type: Boolean })
|
|
409
|
+
], Tree.prototype, "disableAutoload", void 0);
|
|
410
|
+
__decorate([
|
|
411
|
+
(0, decorators_js_1.query)('og-list')
|
|
412
|
+
], Tree.prototype, "list", void 0);
|
|
413
|
+
__decorate([
|
|
414
|
+
(0, decorators_js_1.query)('og-tree-search')
|
|
415
|
+
], Tree.prototype, "searchBar", void 0);
|
|
416
|
+
__decorate([
|
|
417
|
+
(0, decorators_js_1.query)('#globalLevels')
|
|
418
|
+
], Tree.prototype, "globalTreeLevels", void 0);
|
|
419
|
+
__decorate([
|
|
420
|
+
(0, decorators_js_1.state)()
|
|
421
|
+
], Tree.prototype, "loading", void 0);
|
|
422
|
+
__decorate([
|
|
423
|
+
(0, decorators_js_1.state)()
|
|
424
|
+
], Tree.prototype, "noMatches", void 0);
|
|
425
|
+
exports.Tree = Tree = __decorate([
|
|
426
|
+
(0, decorators_js_1.customElement)('og-tree'),
|
|
427
|
+
(0, core_1.stylable)({ vars: ['font-*', 'text-*'] })
|
|
428
|
+
], Tree);
|
|
429
|
+
//# sourceMappingURL=tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../src/ui/tree.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { NodePlaceholder } from "../types";
|
|
2
|
+
import { Tree } from "./tree";
|
|
3
|
+
export declare const createItemRenderer: (treeComponent: Tree) => (div: HTMLDivElement, index: number) => import("lit-html").TemplateResult<1>;
|
|
4
|
+
export declare const renderPlaceholder: (div: HTMLDivElement, placeholder: NodePlaceholder) => import("lit-html").TemplateResult<1>;
|
|
5
|
+
//# sourceMappingURL=tree.renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.renderer.d.ts","sourceRoot":"","sources":["../../src/ui/tree.renderer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAc,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAqC9B,eAAO,MAAM,kBAAkB,kBAAmB,IAAI,WAAW,cAAc,SAAS,MAAM,yCAsD7F,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAS,cAAc,eAAe,eAAe,yCAWlF,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.renderPlaceholder = exports.createItemRenderer = void 0;
|
|
4
|
+
const lit_1 = require("lit");
|
|
5
|
+
const style_map_js_1 = require("lit/directives/style-map.js");
|
|
6
|
+
const class_map_js_1 = require("lit/directives/class-map.js");
|
|
7
|
+
const types_1 = require("../types");
|
|
8
|
+
const selectionModel_1 = require("../model/selectionModel");
|
|
9
|
+
const core_1 = require("@omegagrid/core");
|
|
10
|
+
const unsafe_html_js_1 = require("lit-html/directives/unsafe-html.js");
|
|
11
|
+
const localize_1 = require("@lit/localize");
|
|
12
|
+
const expanderStyle = (0, style_map_js_1.styleMap)({
|
|
13
|
+
display: 'block',
|
|
14
|
+
position: 'relative',
|
|
15
|
+
top: '5px',
|
|
16
|
+
left: '4px'
|
|
17
|
+
});
|
|
18
|
+
const checkboxPropertyMap = {
|
|
19
|
+
[selectionModel_1.NodeSelectionStatus.Checked]: {
|
|
20
|
+
value: 'checked',
|
|
21
|
+
color: null
|
|
22
|
+
},
|
|
23
|
+
[selectionModel_1.NodeSelectionStatus.CheckedByParent]: {
|
|
24
|
+
value: 'checked',
|
|
25
|
+
color: '#555555'
|
|
26
|
+
},
|
|
27
|
+
[selectionModel_1.NodeSelectionStatus.None]: {
|
|
28
|
+
value: 'none',
|
|
29
|
+
color: null
|
|
30
|
+
},
|
|
31
|
+
[selectionModel_1.NodeSelectionStatus.Unchecked]: {
|
|
32
|
+
value: 'unchecked',
|
|
33
|
+
color: '#ff0000'
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const createItemRenderer = (treeComponent) => (div, index) => {
|
|
37
|
+
var _a;
|
|
38
|
+
const item = treeComponent.model.visibleNodes[index];
|
|
39
|
+
if (item.placeholder)
|
|
40
|
+
return (0, exports.renderPlaceholder)(div, item);
|
|
41
|
+
const node = item;
|
|
42
|
+
const selectionStatus = treeComponent.selection.getSelectionStatus(node);
|
|
43
|
+
const options = treeComponent.options;
|
|
44
|
+
const folderOptions = node.hasChildren ? (node.folder || options.folderOptions) : null;
|
|
45
|
+
const folderIcon = folderOptions ? (0, lit_1.html) `
|
|
46
|
+
<og-icon .icon="${node.collapsed ? folderOptions.closedIcon : folderOptions.openIcon}"></og-icon>
|
|
47
|
+
` : null;
|
|
48
|
+
div.dataset.node = node.index.toString();
|
|
49
|
+
div.classList.toggle('filtered', node.filterState != core_1.tree.FilterState.Matched);
|
|
50
|
+
if (options.afterRenderer)
|
|
51
|
+
options.afterRenderer(div, node);
|
|
52
|
+
return (0, lit_1.html) `
|
|
53
|
+
<div class="ind" style="min-width: ${node.level * options.levelIndent}px"></div>
|
|
54
|
+
|
|
55
|
+
${options.expanders && (treeComponent.model.maxLevel > 0 || node.hasChildren) ? (0, lit_1.html) `
|
|
56
|
+
<div class="exp" style="line-height: ${treeComponent.itemHeight}px">
|
|
57
|
+
${node.hasChildren ? (0, lit_1.html) `
|
|
58
|
+
<og-expander
|
|
59
|
+
state="${node.collapsed ? 'closed' : (node.isLoaded || node.isPartialyLoaded ? 'open' : 'waiting')}"
|
|
60
|
+
style="${expanderStyle}">
|
|
61
|
+
</og-expander>
|
|
62
|
+
` : ''}
|
|
63
|
+
</div>
|
|
64
|
+
` : ``}
|
|
65
|
+
|
|
66
|
+
${options.selectMode != types_1.SelectMode.None && options.checkboxes && ((_a = node.checkbox) !== null && _a !== void 0 ? _a : true) ? (0, lit_1.html) `
|
|
67
|
+
<div class="chck">
|
|
68
|
+
<og-checkbox
|
|
69
|
+
.value="${checkboxPropertyMap[selectionStatus].value}"
|
|
70
|
+
.color="${checkboxPropertyMap[selectionStatus].color}">
|
|
71
|
+
</og-checkbox>
|
|
72
|
+
</div>
|
|
73
|
+
` : ``}
|
|
74
|
+
|
|
75
|
+
${folderIcon ? (0, lit_1.html) `<div class="dir">${folderIcon}</div>` : ``}
|
|
76
|
+
|
|
77
|
+
<div class="txt">
|
|
78
|
+
${node.icon ? (0, lit_1.html) `<og-icon .icon="${node.icon}" fixedWidth></og-icon>` : ``}
|
|
79
|
+
${node.htmlValue ? (0, unsafe_html_js_1.unsafeHTML)(node.htmlValue) : node.value}
|
|
80
|
+
</div>
|
|
81
|
+
|
|
82
|
+
${node.subLevels > 0 && (treeComponent.options.selectMode == types_1.SelectMode.Multiple || treeComponent.options.selectMode == types_1.SelectMode.MultipleLevels) ? (0, lit_1.html) `
|
|
83
|
+
<div class="lvl ${(0, class_map_js_1.classMap)({ hideable: !treeComponent.options.levelsAlwaysVisible })}">
|
|
84
|
+
<og-tree-levels
|
|
85
|
+
count="${node.subLevels}"
|
|
86
|
+
.selection="${treeComponent.selection.getLevelSelection(node)}">
|
|
87
|
+
</og-tree-levels>
|
|
88
|
+
</div>
|
|
89
|
+
` : ``}
|
|
90
|
+
`;
|
|
91
|
+
};
|
|
92
|
+
exports.createItemRenderer = createItemRenderer;
|
|
93
|
+
const renderPlaceholder = (div, placeholder) => {
|
|
94
|
+
const node = placeholder.parent;
|
|
95
|
+
const options = node.model.options;
|
|
96
|
+
placeholder.element = div;
|
|
97
|
+
return (0, lit_1.html) `
|
|
98
|
+
<div
|
|
99
|
+
class="placeholder"
|
|
100
|
+
style="${(0, style_map_js_1.styleMap)({ paddingLeft: `${(node.level + 1) * options.levelIndent + 5}px` })}">
|
|
101
|
+
<og-icon icon="download"></og-icon>${(0, localize_1.msg)('load more')}
|
|
102
|
+
</div>
|
|
103
|
+
`;
|
|
104
|
+
};
|
|
105
|
+
exports.renderPlaceholder = renderPlaceholder;
|
|
106
|
+
//# sourceMappingURL=tree.renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.renderer.js","sourceRoot":"","sources":["../../src/ui/tree.renderer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.style.d.ts","sourceRoot":"","sources":["../../src/ui/tree.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,yBA2BjB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA2ErB,CAAC"}
|