@omegagrid/tree 0.5.19 → 0.6.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/dist/adapters/dateAdapter.js +18 -23
- package/dist/adapters/dateAdapter.js.map +1 -1
- package/dist/adapters/index.js +1 -17
- package/dist/adapters/index.js.map +1 -1
- package/dist/constants.d.ts +13 -11
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +3 -5
- package/dist/constants.js.map +1 -1
- package/dist/index.js +4 -20
- package/dist/index.js.map +1 -1
- package/dist/model/filterModel.js +12 -17
- package/dist/model/filterModel.js.map +1 -1
- package/dist/model/index.js +4 -20
- package/dist/model/index.js.map +1 -1
- package/dist/model/nodeModel.d.ts +3 -3
- package/dist/model/nodeModel.d.ts.map +1 -1
- package/dist/model/nodeModel.js +3 -8
- package/dist/model/nodeModel.js.map +1 -1
- package/dist/model/selectionModel.js +13 -19
- package/dist/model/selectionModel.js.map +1 -1
- package/dist/model/treeAdapter.js +2 -6
- package/dist/model/treeAdapter.js.map +1 -1
- package/dist/model/treeModel.js +9 -14
- package/dist/model/treeModel.js.map +1 -1
- package/dist/options.js +8 -15
- package/dist/options.js.map +1 -1
- package/dist/types.js +4 -7
- package/dist/types.js.map +1 -1
- package/dist/ui/dropdown.d.ts.map +1 -1
- package/dist/ui/dropdown.js +68 -76
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.style.js +2 -5
- package/dist/ui/dropdown.style.js.map +1 -1
- package/dist/ui/index.js +5 -21
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/levels.js +17 -21
- package/dist/ui/levels.js.map +1 -1
- package/dist/ui/menu.js +19 -22
- package/dist/ui/menu.js.map +1 -1
- package/dist/ui/search.d.ts.map +1 -1
- package/dist/ui/search.js +19 -26
- package/dist/ui/search.js.map +1 -1
- package/dist/ui/tree.js +73 -89
- package/dist/ui/tree.js.map +1 -1
- package/dist/ui/tree.renderer.js +32 -38
- package/dist/ui/tree.renderer.js.map +1 -1
- package/dist/ui/tree.style.js +5 -11
- package/dist/ui/tree.style.js.map +1 -1
- package/package.json +5 -5
package/dist/ui/levels.js
CHANGED
|
@@ -1,43 +1,39 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const class_map_js_1 = require("lit/directives/class-map.js");
|
|
16
|
-
class LevelSelectEvent extends Event {
|
|
7
|
+
import { css, html, LitElement } from "lit";
|
|
8
|
+
import { customElement, property } from "lit/decorators.js";
|
|
9
|
+
import { range } from 'lit/directives/range.js';
|
|
10
|
+
import { map } from 'lit/directives/map.js';
|
|
11
|
+
import { dom } from "@omegagrid/core";
|
|
12
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
13
|
+
export class LevelSelectEvent extends Event {
|
|
17
14
|
constructor(level) {
|
|
18
15
|
super('levelselect', { bubbles: false, cancelable: true, composed: true });
|
|
19
16
|
this.level = level;
|
|
20
17
|
}
|
|
21
18
|
}
|
|
22
|
-
|
|
23
|
-
let Levels = class Levels extends lit_1.LitElement {
|
|
19
|
+
let Levels = class Levels extends LitElement {
|
|
24
20
|
constructor() {
|
|
25
21
|
super(...arguments);
|
|
26
22
|
this.selection = new Map();
|
|
27
|
-
this.render = () =>
|
|
28
|
-
${
|
|
29
|
-
<div class="${
|
|
23
|
+
this.render = () => html `
|
|
24
|
+
${map(range(1, this.count + 1), i => html `
|
|
25
|
+
<div class="${classMap({ level: true, selected: this.selection.has(i) && this.selection.get(i) })}" data-level=${i}>${i}</div>
|
|
30
26
|
`)}
|
|
31
27
|
`;
|
|
32
28
|
}
|
|
33
29
|
firstUpdated() {
|
|
34
|
-
|
|
30
|
+
dom.on(this, 'mousedown', '.level', (e, elm) => {
|
|
35
31
|
e.stopPropagation();
|
|
36
32
|
this.dispatchEvent(new LevelSelectEvent(parseInt(elm.dataset.level)));
|
|
37
33
|
});
|
|
38
34
|
}
|
|
39
35
|
};
|
|
40
|
-
Levels.styles = [
|
|
36
|
+
Levels.styles = [css `
|
|
41
37
|
:host {
|
|
42
38
|
display: flex;
|
|
43
39
|
flex-direction: row;
|
|
@@ -55,13 +51,13 @@ Levels.styles = [(0, lit_1.css) `
|
|
|
55
51
|
}
|
|
56
52
|
`];
|
|
57
53
|
__decorate([
|
|
58
|
-
|
|
54
|
+
property({ type: Number })
|
|
59
55
|
], Levels.prototype, "count", void 0);
|
|
60
56
|
__decorate([
|
|
61
|
-
|
|
57
|
+
property({ type: Object })
|
|
62
58
|
], Levels.prototype, "selection", void 0);
|
|
63
59
|
Levels = __decorate([
|
|
64
|
-
|
|
60
|
+
customElement('og-tree-levels')
|
|
65
61
|
], Levels);
|
|
66
|
-
|
|
62
|
+
export default Levels;
|
|
67
63
|
//# sourceMappingURL=levels.js.map
|
package/dist/ui/levels.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"levels.js","sourceRoot":"","sources":["../../src/ui/levels.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"levels.js","sourceRoot":"","sources":["../../src/ui/levels.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IAC1C,YAA4B,KAAa;QACxC,KAAK,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;QAD9C,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACD;AAGc,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAwBd,cAAS,GAAG,IAAI,GAAG,EAAmB,CAAC;QASvC,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChB,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;iBAC1B,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;GACrH,CAAC;EACF,CAAC;IACH,CAAC;IAZA,YAAY;QACX,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC9C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACJ,CAAC;;AA7BM,aAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;EAgBnB,CAAC,AAhBW,CAgBV;AAGH;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCACX;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACc;AAxBnB,MAAM;IAD1B,aAAa,CAAC,gBAAgB,CAAC;GACX,MAAM,CAsC1B;eAtCoB,MAAM"}
|
package/dist/ui/menu.js
CHANGED
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const tree_1 = require("./tree");
|
|
14
|
-
let TreeMenu = class TreeMenu extends tree_1.Tree {
|
|
7
|
+
import { dom } from "@omegagrid/core";
|
|
8
|
+
import { css } from "lit";
|
|
9
|
+
import { customElement } from "lit/decorators.js";
|
|
10
|
+
import { Tree } from "./tree";
|
|
11
|
+
let TreeMenu = class TreeMenu extends Tree {
|
|
15
12
|
constructor() {
|
|
16
13
|
super();
|
|
17
14
|
this._autoHide = false;
|
|
18
15
|
this._hideEvent = () => {
|
|
19
16
|
if (!this.list.container.isScrolling) {
|
|
20
|
-
|
|
17
|
+
dom.hideElement(this);
|
|
21
18
|
document.body.removeEventListener('mousedown', this._hideEvent);
|
|
22
19
|
}
|
|
23
20
|
};
|
|
@@ -29,7 +26,7 @@ let TreeMenu = class TreeMenu extends tree_1.Tree {
|
|
|
29
26
|
super.firstUpdated();
|
|
30
27
|
this.addEventListener('select', () => {
|
|
31
28
|
if (this._autoHide)
|
|
32
|
-
|
|
29
|
+
dom.hideElement(this);
|
|
33
30
|
});
|
|
34
31
|
// this.addEventListener('mouseup', (e: MouseEvent) => {
|
|
35
32
|
// e.stopPropagation();
|
|
@@ -44,20 +41,20 @@ let TreeMenu = class TreeMenu extends tree_1.Tree {
|
|
|
44
41
|
w += ch.offsetWidth;
|
|
45
42
|
maxWidth = Math.max(maxWidth, w, item.offsetWidth);
|
|
46
43
|
});
|
|
47
|
-
|
|
44
|
+
dom.setSize(this, { w: maxWidth });
|
|
48
45
|
}
|
|
49
46
|
async open(elm, position = 'left') {
|
|
50
47
|
this._autoHide = true;
|
|
51
48
|
if (this.parentElement != document.body)
|
|
52
49
|
document.body.appendChild(this);
|
|
53
|
-
|
|
50
|
+
dom.showElement(this);
|
|
54
51
|
await this.updateWidth();
|
|
55
|
-
const offset =
|
|
56
|
-
|
|
52
|
+
const offset = dom.getElementOffset(elm, this.parentElement);
|
|
53
|
+
dom.setPosition(this, {
|
|
57
54
|
t: offset.top + elm.offsetHeight,
|
|
58
55
|
l: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth)
|
|
59
56
|
});
|
|
60
|
-
|
|
57
|
+
dom.fixElementPosition(this);
|
|
61
58
|
this.list.select(0);
|
|
62
59
|
this.list.focus();
|
|
63
60
|
document.body.addEventListener('mousedown', this._hideEvent);
|
|
@@ -66,17 +63,16 @@ let TreeMenu = class TreeMenu extends tree_1.Tree {
|
|
|
66
63
|
this._autoHide = true;
|
|
67
64
|
if (this.parentElement != document.body)
|
|
68
65
|
document.body.appendChild(this);
|
|
69
|
-
|
|
66
|
+
dom.showElement(this);
|
|
70
67
|
await this.updateWidth();
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
dom.setPosition(this, { l: x, t: y });
|
|
69
|
+
dom.fixElementPosition(this);
|
|
73
70
|
this.list.select(0);
|
|
74
71
|
this.list.focus();
|
|
75
72
|
document.body.addEventListener('mousedown', this._hideEvent);
|
|
76
73
|
}
|
|
77
74
|
};
|
|
78
|
-
|
|
79
|
-
TreeMenu.styles = [(0, lit_1.css) `
|
|
75
|
+
TreeMenu.styles = [css `
|
|
80
76
|
:host {
|
|
81
77
|
font-size: var(--og-font-size);
|
|
82
78
|
font-family: var(--og-font-family);
|
|
@@ -86,7 +82,8 @@ TreeMenu.styles = [(0, lit_1.css) `
|
|
|
86
82
|
color: var(--og-text-color);
|
|
87
83
|
}
|
|
88
84
|
`];
|
|
89
|
-
|
|
90
|
-
|
|
85
|
+
TreeMenu = __decorate([
|
|
86
|
+
customElement('og-tree-menu')
|
|
91
87
|
], TreeMenu);
|
|
88
|
+
export { TreeMenu };
|
|
92
89
|
//# sourceMappingURL=menu.js.map
|
package/dist/ui/menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/search.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAAa,eAAgB,SAAQ,KAAK;aAGxB,SAAS,EAAE,MAAM;gBADjC,IAAI,EAAE,MAAM,EACI,SAAS,EAAE,MAAM;CAIlC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAG7C,WAAW,EAAE,gBAAgB,CAAC;IAG9B,IAAI,EAAE,IAAI,CAAC;IAEX,MAAM,CAAC,MAAM,4BAeV;IAEH,aAAa
|
|
1
|
+
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAAa,eAAgB,SAAQ,KAAK;aAGxB,SAAS,EAAE,MAAM;gBADjC,IAAI,EAAE,MAAM,EACI,SAAS,EAAE,MAAM;CAIlC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAG7C,WAAW,EAAE,gBAAgB,CAAC;IAG9B,IAAI,EAAE,IAAI,CAAC;IAEX,MAAM,CAAC,MAAM,4BAeV;IAEH,aAAa;;uBAvBP,CAAC;MA2BmD;IAE1D,UAAU,MAAO,aAAa,UAgB7B;IAED,MAAM,6CAQJ;CACF"}
|
package/dist/ui/search.js
CHANGED
|
@@ -1,37 +1,30 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
4
|
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
6
|
};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const decorators_js_1 = require("lit/decorators.js");
|
|
16
|
-
const localize_1 = require("@omegagrid/localize");
|
|
17
|
-
const ts_debounce_1 = require("ts-debounce");
|
|
18
|
-
const constants_1 = __importDefault(require("../constants"));
|
|
19
|
-
class TreeSearchEvent extends Event {
|
|
7
|
+
import { ListSelectTrigger, utils } from "@omegagrid/core";
|
|
8
|
+
import { css, html, LitElement } from "lit";
|
|
9
|
+
import { customElement, property, query } from "lit/decorators.js";
|
|
10
|
+
import { msg } from '@omegagrid/localize';
|
|
11
|
+
import { debounce } from "ts-debounce";
|
|
12
|
+
import constants from "../constants";
|
|
13
|
+
export class TreeSearchEvent extends Event {
|
|
20
14
|
constructor(type, component) {
|
|
21
15
|
super(`${type}`, { bubbles: false, cancelable: true, composed: false });
|
|
22
16
|
this.component = component;
|
|
23
17
|
}
|
|
24
18
|
}
|
|
25
|
-
|
|
26
|
-
let Search = class Search extends lit_1.LitElement {
|
|
19
|
+
let Search = class Search extends LitElement {
|
|
27
20
|
constructor() {
|
|
28
21
|
super(...arguments);
|
|
29
|
-
this.debounceKeyUp =
|
|
30
|
-
if (
|
|
22
|
+
this.debounceKeyUp = debounce(async (e) => {
|
|
23
|
+
if (utils.isControlCharacter(e.key))
|
|
31
24
|
return;
|
|
32
25
|
await this.tree.filter(this.searchInput.value);
|
|
33
26
|
this.dispatchEvent(new TreeSearchEvent('search', this));
|
|
34
|
-
},
|
|
27
|
+
}, constants.SEARCH_DEBOUNCE_DELAY, { isImmediate: false });
|
|
35
28
|
this._onKeyDown = (e) => {
|
|
36
29
|
switch (e.key) {
|
|
37
30
|
case 'ArrowDown':
|
|
@@ -44,23 +37,23 @@ let Search = class Search extends lit_1.LitElement {
|
|
|
44
37
|
break;
|
|
45
38
|
case 'Enter':
|
|
46
39
|
e.preventDefault();
|
|
47
|
-
this.tree.list.select(this.tree.list.selectedIndex,
|
|
40
|
+
this.tree.list.select(this.tree.list.selectedIndex, ListSelectTrigger.Enter);
|
|
48
41
|
setTimeout(() => this.searchInput.focus(), 100);
|
|
49
42
|
break;
|
|
50
43
|
}
|
|
51
44
|
};
|
|
52
|
-
this.render = () =>
|
|
45
|
+
this.render = () => html `
|
|
53
46
|
<input id="searchInput"
|
|
54
47
|
autocomplete="off"
|
|
55
48
|
spellcheck="false"
|
|
56
49
|
type="text"
|
|
57
|
-
placeholder="${
|
|
50
|
+
placeholder="${msg('Search')}"
|
|
58
51
|
@keydown="${this._onKeyDown}"
|
|
59
52
|
@keyup="${this.debounceKeyUp}">
|
|
60
53
|
`;
|
|
61
54
|
}
|
|
62
55
|
};
|
|
63
|
-
Search.styles = [
|
|
56
|
+
Search.styles = [css `
|
|
64
57
|
:host {
|
|
65
58
|
display: flex;
|
|
66
59
|
box-sizing: border-box;
|
|
@@ -77,13 +70,13 @@ Search.styles = [(0, lit_1.css) `
|
|
|
77
70
|
}
|
|
78
71
|
`];
|
|
79
72
|
__decorate([
|
|
80
|
-
|
|
73
|
+
query('#searchInput')
|
|
81
74
|
], Search.prototype, "searchInput", void 0);
|
|
82
75
|
__decorate([
|
|
83
|
-
|
|
76
|
+
property({ type: Object })
|
|
84
77
|
], Search.prototype, "tree", void 0);
|
|
85
78
|
Search = __decorate([
|
|
86
|
-
|
|
79
|
+
customElement('og-tree-search')
|
|
87
80
|
], Search);
|
|
88
|
-
|
|
81
|
+
export default Search;
|
|
89
82
|
//# sourceMappingURL=search.js.map
|
package/dist/ui/search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,MAAM,OAAO,eAAgB,SAAQ,KAAK;IACzC,YACC,IAAY,EACI,SAAiB;QAEjC,KAAK,CAAC,GAAG,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;QAFtD,cAAS,GAAT,SAAS,CAAQ;IAGlC,CAAC;CACD;AAGc,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAyBd,kBAAa,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAgB,EAAE,EAAE;YACnD,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC;gBAAE,OAAO;YAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QACzD,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;QAE1D,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACf,KAAK,WAAW;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAC1B,MAAM;gBACP,KAAK,SAAS;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;oBACxB,MAAM;gBACP,KAAK,OAAO;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBAC7E,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;oBAChD,MAAM;YACR,CAAC;QACF,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;kBAKF,GAAG,CAAC,QAAQ,CAAC;eAChB,IAAI,CAAC,UAAU;aACjB,IAAI,CAAC,aAAa;EAC7B,CAAC;IACH,CAAC;;AAlDO,aAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;EAenB,CAAC,AAfW,CAeV;AApBH;IADC,KAAK,CAAC,cAAc,CAAC;2CACQ;AAG9B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACd;AANS,MAAM;IAD1B,aAAa,CAAC,gBAAgB,CAAC;GACX,MAAM,CA0D1B;eA1DoB,MAAM"}
|