@omegagrid/tree 0.10.0 → 0.10.2
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/package.json +3 -3
- package/dist/adapters/dateAdapter.d.ts +0 -35
- package/dist/adapters/dateAdapter.d.ts.map +0 -1
- package/dist/adapters/dateAdapter.js +0 -222
- package/dist/adapters/dateAdapter.js.map +0 -1
- package/dist/adapters/index.d.ts +0 -2
- package/dist/adapters/index.d.ts.map +0 -1
- package/dist/adapters/index.js +0 -2
- package/dist/adapters/index.js.map +0 -1
- package/dist/constants.d.ts +0 -53
- package/dist/constants.d.ts.map +0 -1
- package/dist/constants.js +0 -11
- package/dist/constants.js.map +0 -1
- package/dist/index.d.ts +0 -6
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -5
- package/dist/index.js.map +0 -1
- package/dist/model/filterModel.d.ts +0 -17
- package/dist/model/filterModel.d.ts.map +0 -1
- package/dist/model/filterModel.js +0 -60
- package/dist/model/filterModel.js.map +0 -1
- package/dist/model/index.d.ts +0 -5
- package/dist/model/index.d.ts.map +0 -1
- package/dist/model/index.js +0 -5
- package/dist/model/index.js.map +0 -1
- package/dist/model/nodeModel.d.ts +0 -100
- package/dist/model/nodeModel.d.ts.map +0 -1
- package/dist/model/nodeModel.js +0 -59
- package/dist/model/nodeModel.js.map +0 -1
- package/dist/model/selectionModel.d.ts +0 -39
- package/dist/model/selectionModel.d.ts.map +0 -1
- package/dist/model/selectionModel.js +0 -199
- package/dist/model/selectionModel.js.map +0 -1
- package/dist/model/treeAdapter.d.ts +0 -10
- package/dist/model/treeAdapter.d.ts.map +0 -1
- package/dist/model/treeAdapter.js +0 -10
- package/dist/model/treeAdapter.js.map +0 -1
- package/dist/model/treeModel.d.ts +0 -27
- package/dist/model/treeModel.d.ts.map +0 -1
- package/dist/model/treeModel.js +0 -97
- package/dist/model/treeModel.js.map +0 -1
- package/dist/options.d.ts +0 -35
- package/dist/options.d.ts.map +0 -1
- package/dist/options.js +0 -30
- package/dist/options.js.map +0 -1
- package/dist/types.d.ts +0 -42
- package/dist/types.d.ts.map +0 -1
- package/dist/types.js +0 -15
- package/dist/types.js.map +0 -1
- package/dist/ui/dropdown.d.ts +0 -68
- package/dist/ui/dropdown.d.ts.map +0 -1
- package/dist/ui/dropdown.js +0 -383
- package/dist/ui/dropdown.js.map +0 -1
- package/dist/ui/dropdown.style.d.ts +0 -2
- package/dist/ui/dropdown.style.d.ts.map +0 -1
- package/dist/ui/dropdown.style.js +0 -68
- package/dist/ui/dropdown.style.js.map +0 -1
- package/dist/ui/index.d.ts +0 -6
- package/dist/ui/index.d.ts.map +0 -1
- package/dist/ui/index.js +0 -6
- package/dist/ui/index.js.map +0 -1
- package/dist/ui/levels.d.ts +0 -13
- package/dist/ui/levels.d.ts.map +0 -1
- package/dist/ui/levels.js +0 -64
- package/dist/ui/levels.js.map +0 -1
- package/dist/ui/menu.d.ts +0 -14
- package/dist/ui/menu.d.ts.map +0 -1
- package/dist/ui/menu.js +0 -89
- package/dist/ui/menu.js.map +0 -1
- package/dist/ui/search.d.ts +0 -18
- package/dist/ui/search.d.ts.map +0 -1
- package/dist/ui/search.js +0 -82
- package/dist/ui/search.js.map +0 -1
- package/dist/ui/tree.d.ts +0 -86
- package/dist/ui/tree.d.ts.map +0 -1
- package/dist/ui/tree.js +0 -482
- package/dist/ui/tree.js.map +0 -1
- package/dist/ui/tree.renderer.d.ts +0 -7
- package/dist/ui/tree.renderer.d.ts.map +0 -1
- package/dist/ui/tree.renderer.js +0 -114
- package/dist/ui/tree.renderer.js.map +0 -1
- package/dist/ui/tree.style.d.ts +0 -3
- package/dist/ui/tree.style.d.ts.map +0 -1
- package/dist/ui/tree.style.js +0 -147
- package/dist/ui/tree.style.js.map +0 -1
package/dist/ui/dropdown.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { Button, Dropdown, Tooltip, dom, Input, ListSelectTrigger } from \"@omegagrid/core\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { TreeModel, TreeSource } from \"../model/treeModel\";\nimport { SelectedItemParams, TreeSelectionModel, SerializedValue } from \"../model/selectionModel\";\nimport { initOptions, TreeDropdownOptions } from \"../options\";\nimport { html } from \"lit\";\nimport { TreeAdapter } from \"../model/treeAdapter\";\nimport { Tree, TreeEvent } from \"./tree\";\nimport { map } from 'lit/directives/map.js';\nimport { join } from 'lit/directives/join.js';\nimport { debounce } from \"ts-debounce\";\nimport { NodeModel } from \"../model\";\nimport { style } from \"./dropdown.style\";\nimport { unsafeHTML } from \"lit-html/directives/unsafe-html.js\";\nimport { html as htmlUtils } from \"@omegagrid/core\";\n\n@customElement('og-tree-dropdown')\nexport class TreeDropdown extends Dropdown {\n\n\tstatic styles = [...Dropdown.styles, style];\n\n\t@property({type: Object})\n\toptions: TreeDropdownOptions = initOptions();\n\n\t@property({type: Object})\n\tmodel: TreeModel;\n\n\t@property({type: Object})\n\tadapter: TreeAdapter;\n\n\t@property({type: Object})\n\tselection: TreeSelectionModel = new TreeSelectionModel(this.options);\n\n\t@property({type: Number})\n\tmaxHeight = 300;\n\n\t@property({type: Number})\n\tmaxWidth = 400;\n\n\t@property({type: Array})\n\tvalue: SerializedValue[];\n\n\t@property({type: Boolean, reflect: true})\n\tcross = false;\n\t\n\t@property({type: String})\n\tcaption: string;\n\n\t@property({type: String})\n\tplaceholder: string;\n\n\t@property({type: Boolean})\n\tbuttonInput = false;\n\n\t@property({type: Boolean})\n\tpreventInputEnter = false;\n\n\t@property({type: Boolean})\n\tdynamicWidth = false;\n\n\t@state()\n\tselectedItems = new Map<string, SelectedItemParams>();\n\n\t@query('og-button')\n\tbutton: Button;\n\n\t@query('og-input')\n\tinput: Input;\n\n\t@query('.content')\n\tcontentDiv: HTMLDivElement;\n\n\t@state()\n\tsearchTerm = '';\n\n\t_tree: Tree;\n\t_renderDropdown = true;\n\t_firstOpen = true;\n\t_autoHighlight = true;\n\toriginalWidth = 0;\n\n\t_debounceWidthUpdate = debounce(() => {\n\t\tif (!this.dropdown || !this.dropdown.isConnected) return;\n\t\tif (this.dynamicWidth) this.adjustWidth();\n\t\tdom.fixElementPosition(this.dropdown);\n\t});\n\n\t_onTreeRender = () => {\n\t\tthis._debounceWidthUpdate();\n\t}\n\n\tget hasCrossButton() { \n\t\treturn this.cross && ((this.selection.count > 0 && this.options.allowEmpty) || this.searchTerm !== '');\n\t}\n\n\tget tree() {\n\t\tif (this._tree) return this._tree;\n\t\tthis._tree = new Tree();\n\t\tthis._tree.disableAutoload = true;\n\t\tthis._tree.model = this.adapter ? null : this.model;\n\t\tthis._tree.adapter = this.adapter;\n\t\tthis._tree.selection = this.selection;\n\t\tthis._tree.options = this.options;\n\t\tthis._tree.maxHeight = this.maxHeight;\n\t\tthis._tree.addEventListener('change', (e: TreeEvent) => this._onChange(e));\n\t\tthis._tree.addEventListener('render', this._onTreeRender);\n\t\tthis._tree.slot = 'inner-content';\n\t\treturn this._tree;\n\t}\n\n\ttooltip = dom.createElement<Tooltip>('og-tooltip');\n\n\t_onChange(e: TreeEvent) {\n\t\tthis._autoHighlight = false; // prevent autoscroll after manual selection\n\t\tthis.selectedItems = null;\n\t\tthis.selectedItems = e.component.selection.items;\n\t\tthis.value = e.component.selection.serialize();\n\t\tif (this.options.autoClose) this.close();\n\t\tthis.dispatchEvent(new TreeEvent(e.type, {component: e.component, node: e.node}));\n\t\t// if (this.input) {\n\t\t// \tsetTimeout(() => this.input.focus(), 1000);\n\t\t// }\n\t}\n\n\tasync open() {\n\t\tif (this.tree.parentElement != this.dropdown) this.dropdown.appendChild(this._tree);\n\t\tawait super.open();\n\t}\n\n\tasync willUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (this.buttonInput) {\n\t\t\tthis.options.search = false;\n\t\t}\n\n\t\tif (changedProps.has('value')) {\n\t\t\tthis.selection.setItems(this.value);\n\t\t\tthis.selectedItems = null;\n\t\t\tthis.selectedItems = this.selection.items;\n\n\t\t\tif (this.isOpen && this.tree) {\n\t\t\t\tif (this._autoHighlight) {\n\t\t\t\t\tthis.tree.highlightFirstSelectedNode();\n\t\t\t\t} else {\n\t\t\t\t\tthis._autoHighlight = true;\n\t\t\t\t}\n\t\t\t\tthis.tree.renderItems(true);\n\t\t\t}\n\t\t}\n\n\t\tif (this._tree) {\n\t\t\tif (changedProps.has('adapter')) this._tree.adapter = this.adapter;\n\t\t\tif (changedProps.has('model')) this._tree.model = this.model;\n\t\t}\n\n\t\tif (changedProps.has('adapter') && this.adapter) {\n\t\t\tthis._firstOpen = true; // force to reload data after opening dropdown\n\t\t\tthis.options = initOptions(await this.adapter.getOptions(), this.options);\n\t\t}\n\n\t\tthis._renderDropdown = true;\n\t}\n\n\tasync filter(term: string) {\n\t\tif (this.input) this.searchTerm = term;\n\t\tawait this.updateComplete;\n\t\tif (this.input) this.input.value = term;\n\t\tawait this.tree.updateComplete;\n\t\tthis.tree.filter(term);\n\t}\n\n\tasync clearFilter() {\n\t\tif (this.input) this.searchTerm = '';\n\t\tawait this.updateComplete;\n\t\tif (this.input) this.input.value = '';\n\t\tthis.tree.clearFilter();\n\t}\n\n\tfocus() {\n\t\tif (this.buttonInput) this.input?.focus();\n\t\telse super.focus();\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addEventListener('dropdown.open', async () => {\n\t\t\tthis.focus();\n\t\t\t\n\t\t\tif (this.adapter && (this._firstOpen || this.options.alwaysRefresh)) {\n\t\t\t\tawait this.tree.loadData();\n\t\t\t}\n\n\t\t\tthis._firstOpen = false;\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\n\t\tif (!this.hasUpdated) {\n\t\t\tif (this.value) this.selection.setItems(this.value);\n\t\t\tthis.selectedItems = this.selection.items;\n\t\t}\n\t}\n\n\tsetSourceData(sourceData: TreeSource, options: Partial<TreeDropdownOptions> = null) {\n\t\tif (options) this.updateOptions(options);\n\t\tthis.model = new TreeModel(sourceData, this.options);\n\t\tif (this._tree) this._tree.model = this.model;\n\t}\n\n\tupdateOptions(options: Partial<TreeDropdownOptions>) {\n\t\tObject.assign(this.options, options ?? {});\n\t\tthis.requestUpdate();\n\t}\n\n\tadjustWidth() {\n\t\tif (this.tree?.list && this.dropdown) {\n\t\t\tthis.originalWidth = this.originalWidth || this.dropdown.offsetWidth;\n\t\t\tdom.setSize(this.dropdown, {w: Math.min(this.originalWidth, this.maxWidth)});\n\t\t\t\n\t\t\tconst width = this.tree.list.calculateViewportMaxItemWidth();\n\t\t\tif (width > this.dropdown.offsetWidth) {\n\t\t\t\tdom.setSize(this.dropdown, {w: Math.min(width, this.maxWidth)});\n\t\t\t\tthis.layout();\n\t\t\t}\n\t\t}\n\t}\n\n\tasync clearSelection(dispatchEvent = false) {\n\t\tthis.selection.clear();\n\t\tawait this.clearFilter();\n\t\tthis.requestUpdate();\n\t\tif (dispatchEvent) this.dispatchEvent(new TreeEvent('change', {component: this.tree}));\n\t\tthis.tree?.renderItems(true);\n\t}\n\n\t_onMouseOver = () => {\n\t\tif (this.contentDiv && this.contentDiv.scrollWidth > this.contentDiv.clientWidth) {\n\t\t\tif (!this.tooltip.parentElement) {\n\t\t\t\tdocument.body.appendChild(this.tooltip);\n\t\t\t\tdom.setSize(this.tooltip, {w: this.button.offsetWidth});\n\t\t\t}\n\t\t\tthis.tooltip.content = this.getSelectionHtml();\n\t\t\tthis.tooltip.attachTo(this.button, 'bottom');\n\t\t}\n\t}\n\n\t_onMouseOut = () => {\n\t\tthis.tooltip.deatach();\n\t}\n\n\tgetSelectionItems() : [NodeModel, [number, boolean][], boolean][] {\n\t\tconst model = this.tree?.model ?? this.model;\n\t\treturn Array.from(this.selectedItems).map(([key, item]) => {\n\t\t\tconst red = item.levels.has(0) && item.levels.get(0) == false;\n\t\t\tconst levels = [...item.levels.entries()].filter(item2 => item2[0] > 0);\n\t\t\tconst node = model?.nodeMap.has(key) ? model.nodeMap.get(key) : new NodeModel(this.tree.model, {\n\t\t\t\tk: key, \n\t\t\t\tv: item?.value ?? key\n\t\t\t});\n\t\t\tif (levels.length < item.levels.size && levels.length > 0) {\n\t\t\t\tlevels.unshift([0, item.levels.get(0)]);\n\t\t\t}\n\t\t\treturn [node, levels, red] as [NodeModel, [number, boolean][], boolean];\n\t\t});\n\t}\n\n\tgetButtonContentHtml() {\n\t\tif (this.options?.textRenderer) {\n\t\t\treturn this.options.textRenderer(this.selectedItems);\n\t\t}\n\n\t\tconst items = this.getSelectionItems();\n\t\tconst caption = this.caption ? html`<div class=\"caption\">${this.caption}</div>` : null;\n\t\tconst placeholder = this.placeholder ? html`<div class=\"placeholder\">${this.placeholder}</div>` : null;\n\t\treturn items.length > 0 ? html`${caption ? html`${caption}:` : ``}${join(map(items, ([node, levels, red]) => html`\n\t\t\t<div class=\"itm\">\n\t\t\t\t${node && node.icon ? html`<og-icon .icon=\"${node.icon}\"></og-icon>` : null}\n\t\t\t\t${red \n\t\t\t\t\t? html`<div style=\"color:#ff0000\">${node.value}</div>` \n\t\t\t\t\t: html`<div>${node.value}</div>`\n\t\t\t\t}\n\t\t\t\t${levels.length > 0 \n\t\t\t\t\t? html`${map(levels, level => html`\n\t\t\t\t\t\t<og-icon class=\"lvl\" icon=\"circle-${level[0]}\">${level[0]}</og-icon>\n\t\t\t\t\t`)}` : ``\n\t\t\t\t}\n\t\t\t</div>\n\t\t`), html`<div class=\"sep\">,</div>`)}` : (caption \n\t\t\t? html`${caption}${placeholder ? html`: ${placeholder}` : ``}` \n\t\t\t: (placeholder ? html`${placeholder}` : html` `)\n\t\t);\n\t}\n\n\tgetSelectionHtml() {\n\t\tconst items = this.getSelectionItems();\n\t\tif (items.length === 0) null;\n\n\t\treturn html`${unsafeHTML(items.map(([node, levels, red]) => [\n\t\t\tnode && node.icon ? `<og-icon icon=\"${node.icon}\"></og-icon>` : ``,\n\t\t\tred \n\t\t\t\t? `<span style=\"color:#ff0000\">${node.value}</span>` \n\t\t\t\t: `<span>${node.value}</span>`,\n\t\t\tlevels.length > 0 \n\t\t\t\t? levels.map(level => `<og-icon class=\"lvl\" icon=\"circle-${level[0]}\">${level[0]}</og-icon>`).join('') \n\t\t\t\t: ``\n\t\t].join('')).join(', '))}`;\n\t}\n\n\tgetSelectionText() {\n\t\treturn this.getSelectionItems().map(([node, levels]) => htmlUtils.escapeHTML(node.value) + (levels.length > 0 \n\t\t\t? ` (${levels.map(level => level[0]).join(',')})`\n\t\t\t: ''\n\t\t)).join(',');\n\t}\n\n\t_debounceFilter = debounce((term: string) => {\n\t\tthis.tree.filter(term);\n\t\tthis.dispatchEvent(new TreeEvent('tree.filter'));\n\t}, 300);\n\n\t_onInput = async (e: InputEvent) => {\n\t\tif (!this.isOpen) await this.open();\n\t\tconst value = (e.target as Input).value;\n\t\tthis._debounceFilter(value);\n\t\tthis.searchTerm = value;\n\t}\n\n\t_onInputKeyDown = (e: KeyboardEvent) => {\n\t\tswitch (e.key) {\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.tree.list.moveDown();\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.tree.list.moveUp();\n\t\t\t\tbreak;\n\t\t\tcase 'Enter':\n\t\t\t\te.preventDefault();\n\t\t\t\tif (this.preventInputEnter) return;\n\t\t\t\tif (this.tree.list.selectedIndex > -1) {\n\t\t\t\t\tthis.tree.list.select(this.tree.list.selectedIndex, ListSelectTrigger.Enter);\n\t\t\t\t\tsetTimeout(() => this.input.focus(), 100);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t_onInputBlur = () => this.input.value = this.getSelectionText();\n\n\trender = () => html`\n\t\t${this.buttonInput ? html`\n\t\t\t<og-input\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@keydown=\"${this._onInputKeyDown}\"\n\t\t\t\t@blur=\"${this._onInputBlur}\"\n\t\t\t\t.value=\"${this.getSelectionText()}\">\n\t\t\t</og-input>\n\t\t` : ''}\n\n\t\t<og-button\n\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t@mousedown=\"${this._onMousedown}\"\n\t\t\t@mouseenter=\"${this._onMouseOver}\"\n\t\t\t@mouseleave=\"${this._onMouseOut}\"\n\t\t\tcolor=\"${this.color}\"\n\t\t\tclass=\"main\"\n\t\t\tstyle=\"flex: 1\" \n\t\t\t.caret=\"${this.noCaret ? 'none' : this.openDirection}\">\n\t\t\t${this.buttonInput ? '' : html`\n\t\t\t\t<div class=\"content\" slot=\"content\">\n\t\t\t\t\t${this.getButtonContentHtml()}\n\t\t\t\t</div>\n\t\t\t`}\n\t\t</og-button>\n\n\t\t${this.hasCrossButton ? html`\n\t\t\t<og-button\n\t\t\t\tclass=\"cross\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t@mousedown=\"${() => this.clearSelection(true)}\"\n\t\t\t\ticon=\"xmark\"\n\t\t\t\tcolor=\"red\">\n\t\t\t</og-button>\n\t\t` : ``}\n\n\t\t${this.renderDropdown()}\n\t`;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.style.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAiEjB,CAAC"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { css } from "lit";
|
|
2
|
-
export const style = css `
|
|
3
|
-
og-input {
|
|
4
|
-
flex: 1;
|
|
5
|
-
border: 1px solid var(--og-accent-color);
|
|
6
|
-
outline: none;
|
|
7
|
-
background-color: var(--og-background-color);
|
|
8
|
-
border-right-width: 0;
|
|
9
|
-
color: var(--og-text-color);
|
|
10
|
-
min-height: 100%;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:host([cross]) og-button.main, og-input {
|
|
14
|
-
border-top-right-radius: 0;
|
|
15
|
-
border-bottom-right-radius: 0;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:host {
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
og-button.cross {
|
|
23
|
-
border-top-left-radius: 0;
|
|
24
|
-
border-bottom-left-radius: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
og-input+og-button {
|
|
28
|
-
flex: 0;
|
|
29
|
-
max-width: 14px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
og-input {
|
|
33
|
-
border: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.cross {
|
|
37
|
-
flex: 0;
|
|
38
|
-
max-width: 14px;
|
|
39
|
-
min-width: 14px;
|
|
40
|
-
border: 1px solid var(--og-accent-color);
|
|
41
|
-
border-top-right-radius: calc(var(--og-base-radius) * 0.75);
|
|
42
|
-
border-bottom-right-radius: calc(var(--og-base-radius) * 0.75);
|
|
43
|
-
border: none;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.caption, .placeholder {
|
|
47
|
-
color: var(--og-text-color-2);
|
|
48
|
-
opacity: 0.7;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.content {
|
|
52
|
-
display: flex;
|
|
53
|
-
flex-direction: row;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.content .itm {
|
|
57
|
-
margin-left: 2px;
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: row;
|
|
60
|
-
align-items: center;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.content .itm .lvl:first-of-type {
|
|
64
|
-
margin-left: 2px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
`;
|
|
68
|
-
//# sourceMappingURL=dropdown.style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.style.js","sourceRoot":"","sources":["../../src/ui/dropdown.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEvB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nexport const style = css`\n\tog-input {\n\t\tflex: 1;\n\t\tborder: 1px solid var(--og-accent-color);\n\t\toutline: none;\n\t\tbackground-color: var(--og-background-color);\n\t\tborder-right-width: 0;\n\t\tcolor: var(--og-text-color);\n\t\tmin-height: 100%;\n\t}\n\n\t:host([cross]) og-button.main, og-input {\n\t\tborder-top-right-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n\n\t:host {\n\t\toverflow: hidden;\n\t}\n\n\tog-button.cross {\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n\n\tog-input+og-button {\n\t\tflex: 0;\n\t\tmax-width: 14px;\n\t}\n\n\tog-input {\n\t\tborder: none;\n\t}\n\n\t.cross {\n\t\tflex: 0;\n\t\tmax-width: 14px;\n\t\tmin-width: 14px;\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tborder-top-right-radius: calc(var(--og-base-radius) * 0.75);\n\t\tborder-bottom-right-radius: calc(var(--og-base-radius) * 0.75);\n\t\tborder: none;\n\t}\n\n\t.caption, .placeholder {\n\t\tcolor: var(--og-text-color-2);\n\t\topacity: 0.7;\n\t}\n\n\t.content {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t.content .itm {\n\t\tmargin-left: 2px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t}\n\n\t.content .itm .lvl:first-of-type {\n\t\tmargin-left: 2px;\n\t}\n\t\n`;\n"]}
|
package/dist/ui/index.d.ts
DELETED
package/dist/ui/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
|
package/dist/ui/index.js
DELETED
package/dist/ui/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC","sourcesContent":["export * from './dropdown';\nexport * from './levels';\nexport * from './search';\nexport * from './tree';\nexport * from './menu';"]}
|
package/dist/ui/levels.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
export declare class LevelSelectEvent extends Event {
|
|
3
|
-
readonly level: number;
|
|
4
|
-
constructor(level: number);
|
|
5
|
-
}
|
|
6
|
-
export default class Levels extends LitElement {
|
|
7
|
-
static styles: import("lit").CSSResult[];
|
|
8
|
-
count: number;
|
|
9
|
-
selection: Map<number, boolean>;
|
|
10
|
-
firstUpdated(): void;
|
|
11
|
-
render: () => import("lit-html").TemplateResult<1>;
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=levels.d.ts.map
|
package/dist/ui/levels.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"levels.d.ts","sourceRoot":"","sources":["../../src/ui/levels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAO5C,qBAAa,gBAAiB,SAAQ,KAAK;aACd,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;CAGzC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAiBV;IAGH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,uBAA8B;IAEvC,YAAY;IAOZ,MAAM,6CAIJ;CACF"}
|
package/dist/ui/levels.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
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 {
|
|
14
|
-
constructor(level) {
|
|
15
|
-
super('levelselect', { bubbles: false, cancelable: true, composed: true });
|
|
16
|
-
this.level = level;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
let Levels = class Levels extends LitElement {
|
|
20
|
-
constructor() {
|
|
21
|
-
super(...arguments);
|
|
22
|
-
this.selection = new Map();
|
|
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>
|
|
26
|
-
`)}
|
|
27
|
-
`;
|
|
28
|
-
}
|
|
29
|
-
firstUpdated() {
|
|
30
|
-
dom.on(this, 'mousedown', '.level', (e, elm) => {
|
|
31
|
-
e.stopPropagation();
|
|
32
|
-
this.dispatchEvent(new LevelSelectEvent(parseInt(elm.dataset.level)));
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
Levels.styles = [css `
|
|
37
|
-
:host {
|
|
38
|
-
display: flex;
|
|
39
|
-
flex-direction: row;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
div {
|
|
43
|
-
width: 15px;
|
|
44
|
-
border: 1px solid var(--og-accent-color);
|
|
45
|
-
text-align: center;
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
div.selected {
|
|
50
|
-
background-color: var(--og-accent-color);
|
|
51
|
-
color: #ffffff;
|
|
52
|
-
}
|
|
53
|
-
`];
|
|
54
|
-
__decorate([
|
|
55
|
-
property({ type: Number })
|
|
56
|
-
], Levels.prototype, "count", void 0);
|
|
57
|
-
__decorate([
|
|
58
|
-
property({ type: Object })
|
|
59
|
-
], Levels.prototype, "selection", void 0);
|
|
60
|
-
Levels = __decorate([
|
|
61
|
-
customElement('og-tree-levels')
|
|
62
|
-
], Levels);
|
|
63
|
-
export default Levels;
|
|
64
|
-
//# sourceMappingURL=levels.js.map
|
package/dist/ui/levels.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;;QAyBd,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;;AA9BM,aAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;EAiBnB,CAAC,AAjBW,CAiBV;AAGH;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCACX;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACc;AAzBnB,MAAM;IAD1B,aAAa,CAAC,gBAAgB,CAAC;GACX,MAAM,CAuC1B;eAvCoB,MAAM","sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { range } from 'lit/directives/range.js';\nimport { map } from 'lit/directives/map.js';\nimport { dom } from \"@omegagrid/core\";\nimport { classMap } from 'lit/directives/class-map.js';\n\nexport class LevelSelectEvent extends Event {\n\tconstructor(public readonly level: number) {\n\t\tsuper('levelselect', {bubbles: false, cancelable: true, composed: true});\n\t}\n}\n\n@customElement('og-tree-levels')\nexport default class Levels extends LitElement {\n\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t}\n\n\t\tdiv {\n\t\t\twidth: 15px;\n\t\t\tborder: 1px solid var(--og-accent-color);\n\t\t\ttext-align: center;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\tdiv.selected {\n\t\t\tbackground-color: var(--og-accent-color);\n\t\t\tcolor: #ffffff;\n\t\t}\n\t`];\n\n\t@property({type: Number})\n\tcount: number;\n\n\t@property({type: Object})\n\tselection = new Map<number, boolean>();\n\n\tfirstUpdated() {\n\t\tdom.on(this, 'mousedown', '.level', (e, elm) => {\n\t\t\te.stopPropagation();\n\t\t\tthis.dispatchEvent(new LevelSelectEvent(parseInt(elm.dataset.level)));\n\t\t});\n\t}\n\n\trender = () => html`\n\t\t${map(range(1, this.count + 1), i => html`\n\t\t\t<div class=\"${classMap({level: true, selected: this.selection.has(i) && this.selection.get(i)})}\" data-level=${i}>${i}</div>\n\t\t`)}\n\t`;\n}"]}
|
package/dist/ui/menu.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MenuPosition } from "@omegagrid/core";
|
|
2
|
-
import { Tree } from "./tree";
|
|
3
|
-
export declare class TreeMenu extends Tree {
|
|
4
|
-
static styles: import("lit").CSSResult[];
|
|
5
|
-
private _autoHide;
|
|
6
|
-
constructor();
|
|
7
|
-
connectedCallback(): void;
|
|
8
|
-
firstUpdated(): Promise<void>;
|
|
9
|
-
updateWidth(): Promise<void>;
|
|
10
|
-
_hideEvent: () => void;
|
|
11
|
-
open(elm: HTMLElement, position?: MenuPosition): Promise<void>;
|
|
12
|
-
openAt(x: number, y: number): Promise<void>;
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=menu.d.ts.map
|
package/dist/ui/menu.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBACa,QAAS,SAAQ,IAAI;IAEjC,MAAM,CAAC,MAAM,4BASV;IAEH,OAAO,CAAC,SAAS,CAAS;;IAM1B,iBAAiB;IAIX,YAAY;IAWZ,WAAW;IAWjB,UAAU,aAKT;IAEK,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,YAAqB;IAgBtD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAYjC"}
|
package/dist/ui/menu.js
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
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 {
|
|
12
|
-
constructor() {
|
|
13
|
-
super();
|
|
14
|
-
this._autoHide = false;
|
|
15
|
-
this._hideEvent = () => {
|
|
16
|
-
if (!this.list.container?.isScrolling) {
|
|
17
|
-
dom.hideElement(this);
|
|
18
|
-
document.body.removeEventListener('mousedown', this._hideEvent);
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
connectedCallback() {
|
|
23
|
-
super.connectedCallback();
|
|
24
|
-
}
|
|
25
|
-
async firstUpdated() {
|
|
26
|
-
super.firstUpdated();
|
|
27
|
-
this.addEventListener('select', () => {
|
|
28
|
-
if (this._autoHide)
|
|
29
|
-
dom.hideElement(this);
|
|
30
|
-
});
|
|
31
|
-
// this.addEventListener('mouseup', (e: MouseEvent) => {
|
|
32
|
-
// e.stopPropagation();
|
|
33
|
-
// });
|
|
34
|
-
}
|
|
35
|
-
async updateWidth() {
|
|
36
|
-
await this.list.updateComplete;
|
|
37
|
-
let maxWidth = 0;
|
|
38
|
-
this.list.items.forEach(item => {
|
|
39
|
-
let w = 0;
|
|
40
|
-
for (const ch of item.children)
|
|
41
|
-
w += ch.offsetWidth;
|
|
42
|
-
maxWidth = Math.max(maxWidth, w, item.offsetWidth);
|
|
43
|
-
});
|
|
44
|
-
dom.setSize(this, { w: maxWidth });
|
|
45
|
-
}
|
|
46
|
-
async open(elm, position = 'left') {
|
|
47
|
-
this._autoHide = true;
|
|
48
|
-
if (this.parentElement != document.body)
|
|
49
|
-
document.body.appendChild(this);
|
|
50
|
-
dom.showElement(this);
|
|
51
|
-
await this.updateWidth();
|
|
52
|
-
const offset = dom.getElementOffset(elm, this.parentElement);
|
|
53
|
-
dom.setPosition(this, {
|
|
54
|
-
t: offset.top + elm.offsetHeight,
|
|
55
|
-
l: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth)
|
|
56
|
-
});
|
|
57
|
-
dom.fixElementPosition(this);
|
|
58
|
-
this.list.select(0);
|
|
59
|
-
this.list.focus();
|
|
60
|
-
document.body.addEventListener('mousedown', this._hideEvent);
|
|
61
|
-
}
|
|
62
|
-
async openAt(x, y) {
|
|
63
|
-
this._autoHide = true;
|
|
64
|
-
if (this.parentElement != document.body)
|
|
65
|
-
document.body.appendChild(this);
|
|
66
|
-
dom.showElement(this);
|
|
67
|
-
await this.updateWidth();
|
|
68
|
-
dom.setPosition(this, { l: x, t: y });
|
|
69
|
-
dom.fixElementPosition(this);
|
|
70
|
-
this.list.select(0);
|
|
71
|
-
this.list.focus();
|
|
72
|
-
document.body.addEventListener('mousedown', this._hideEvent);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
TreeMenu.styles = [css `
|
|
76
|
-
:host {
|
|
77
|
-
font-size: var(--og-font-size);
|
|
78
|
-
font-family: var(--og-font-family);
|
|
79
|
-
display: block;
|
|
80
|
-
border: 1px solid var(--og-accent-color);
|
|
81
|
-
background: var(--og-background-color);
|
|
82
|
-
color: var(--og-text-color);
|
|
83
|
-
}
|
|
84
|
-
`];
|
|
85
|
-
TreeMenu = __decorate([
|
|
86
|
-
customElement('og-tree-menu')
|
|
87
|
-
], TreeMenu);
|
|
88
|
-
export { TreeMenu };
|
|
89
|
-
//# sourceMappingURL=menu.js.map
|
package/dist/ui/menu.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom, MenuPosition } from \"@omegagrid/core\";\nimport { css } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { Tree } from \"./tree\";\n\n@customElement('og-tree-menu')\nexport class TreeMenu extends Tree {\n\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid var(--og-accent-color);\n\t\t\tbackground: var(--og-background-color);\n\t\t\tcolor: var(--og-text-color);\n\t\t}\n\t`];\n\n\tprivate _autoHide = false;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t}\n\n\tasync firstUpdated() {\n\t\tsuper.firstUpdated();\n\t\tthis.addEventListener('select', () => {\n\t\t\tif (this._autoHide) dom.hideElement(this);\n\t\t});\n\n\t\t// this.addEventListener('mouseup', (e: MouseEvent) => {\n\t\t// \te.stopPropagation();\n\t\t// });\n\t}\n\n\tasync updateWidth() {\n\t\tawait this.list.updateComplete;\n\t\tlet maxWidth = 0;\n\t\tthis.list.items.forEach(item => {\n\t\t\tlet w = 0;\n\t\t\tfor (const ch of item.children) w += (ch as HTMLElement).offsetWidth;\n\t\t\tmaxWidth = Math.max(maxWidth, w, item.offsetWidth);\n\t\t});\n\t\tdom.setSize(this, {w: maxWidth});\n\t}\n\n\t_hideEvent = () => {\n\t\tif (!this.list.container?.isScrolling) {\n\t\t\tdom.hideElement(this);\n\t\t\tdocument.body.removeEventListener('mousedown', this._hideEvent);\n\t\t}\n\t}\n\n\tasync open(elm: HTMLElement, position: MenuPosition = 'left') {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tdom.showElement(this);\n\t\tawait this.updateWidth();\n\t\tconst offset = dom.getElementOffset(elm, this.parentElement);\n\t\tdom.setPosition(this, {\n\t\t\tt: offset.top + elm.offsetHeight,\n\t\t\tl: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth)\n\t\t});\n\t\tdom.fixElementPosition(this);\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', this._hideEvent);\n\t}\n\n\tasync openAt(x: number, y: number) {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tdom.showElement(this);\n\t\tawait this.updateWidth();\n\t\tdom.setPosition(this, {l: x, t: y});\n\t\tdom.fixElementPosition(this);\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', this._hideEvent);\n\t}\n\n}"]}
|
package/dist/ui/search.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
import { Tree } from "./tree";
|
|
3
|
-
export declare class TreeSearchEvent extends Event {
|
|
4
|
-
readonly component: Search;
|
|
5
|
-
constructor(type: string, component: Search);
|
|
6
|
-
}
|
|
7
|
-
export default class Search extends LitElement {
|
|
8
|
-
searchInput: HTMLInputElement;
|
|
9
|
-
tree: Tree;
|
|
10
|
-
static styles: import("lit").CSSResult[];
|
|
11
|
-
debounceKeyUp: {
|
|
12
|
-
(this: unknown, ...args: [e: KeyboardEvent] & any[]): Promise<Promise<void>>;
|
|
13
|
-
cancel: (reason?: any) => void;
|
|
14
|
-
};
|
|
15
|
-
_onKeyDown: (e: KeyboardEvent) => void;
|
|
16
|
-
render: () => import("lit-html").TemplateResult<1>;
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=search.d.ts.map
|
package/dist/ui/search.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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,GAAI,GAAG,aAAa,UAgB7B;IAED,MAAM,6CAQJ;CACF"}
|
package/dist/ui/search.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
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 {
|
|
14
|
-
constructor(type, component) {
|
|
15
|
-
super(`${type}`, { bubbles: false, cancelable: true, composed: false });
|
|
16
|
-
this.component = component;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
let Search = class Search extends LitElement {
|
|
20
|
-
constructor() {
|
|
21
|
-
super(...arguments);
|
|
22
|
-
this.debounceKeyUp = debounce(async (e) => {
|
|
23
|
-
if (utils.isControlCharacter(e.key))
|
|
24
|
-
return;
|
|
25
|
-
await this.tree.filter(this.searchInput.value);
|
|
26
|
-
this.dispatchEvent(new TreeSearchEvent('search', this));
|
|
27
|
-
}, constants.SEARCH_DEBOUNCE_DELAY, { isImmediate: false });
|
|
28
|
-
this._onKeyDown = (e) => {
|
|
29
|
-
switch (e.key) {
|
|
30
|
-
case 'ArrowDown':
|
|
31
|
-
e.preventDefault();
|
|
32
|
-
this.tree.list.moveDown();
|
|
33
|
-
break;
|
|
34
|
-
case 'ArrowUp':
|
|
35
|
-
e.preventDefault();
|
|
36
|
-
this.tree.list.moveUp();
|
|
37
|
-
break;
|
|
38
|
-
case 'Enter':
|
|
39
|
-
e.preventDefault();
|
|
40
|
-
this.tree.list.select(this.tree.list.selectedIndex, ListSelectTrigger.Enter);
|
|
41
|
-
setTimeout(() => this.searchInput.focus(), 100);
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
this.render = () => html `
|
|
46
|
-
<input id="searchInput"
|
|
47
|
-
autocomplete="off"
|
|
48
|
-
spellcheck="false"
|
|
49
|
-
type="text"
|
|
50
|
-
placeholder="${msg('Search')}"
|
|
51
|
-
@keydown="${this._onKeyDown}"
|
|
52
|
-
@keyup="${this.debounceKeyUp}">
|
|
53
|
-
`;
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
Search.styles = [css `
|
|
57
|
-
:host {
|
|
58
|
-
display: flex;
|
|
59
|
-
box-sizing: border-box;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
input {
|
|
63
|
-
font-size: var(--og-font-size);
|
|
64
|
-
font-family: var(--og-font-family);
|
|
65
|
-
width: 100%;
|
|
66
|
-
background-color: var(--og-background-color);
|
|
67
|
-
outline: none;
|
|
68
|
-
border: none;
|
|
69
|
-
color: var(--og-text-color);
|
|
70
|
-
}
|
|
71
|
-
`];
|
|
72
|
-
__decorate([
|
|
73
|
-
query('#searchInput')
|
|
74
|
-
], Search.prototype, "searchInput", void 0);
|
|
75
|
-
__decorate([
|
|
76
|
-
property({ type: Object })
|
|
77
|
-
], Search.prototype, "tree", void 0);
|
|
78
|
-
Search = __decorate([
|
|
79
|
-
customElement('og-tree-search')
|
|
80
|
-
], Search);
|
|
81
|
-
export default Search;
|
|
82
|
-
//# sourceMappingURL=search.js.map
|
package/dist/ui/search.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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","sourcesContent":["import { ListSelectTrigger, utils } from \"@omegagrid/core\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { msg } from '@omegagrid/localize';\nimport { debounce } from \"ts-debounce\";\nimport constants from \"../constants\";\nimport { Tree } from \"./tree\";\n\nexport class TreeSearchEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly component: Search,\n\t) {\n\t\tsuper(`${type}`, {bubbles: false, cancelable: true, composed: false});\n\t}\n}\n\n@customElement('og-tree-search')\nexport default class Search extends LitElement {\n\n\t@query('#searchInput')\n\tsearchInput: HTMLInputElement;\n\n\t@property({type: Object})\n\ttree: Tree;\n\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tdisplay: flex;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tinput {\n\t\t\tfont-size: var(--og-font-size);\n\t\t\tfont-family: var(--og-font-family);\n\t\t\twidth: 100%;\n\t\t\tbackground-color: var(--og-background-color);\n\t\t\toutline: none;\n\t\t\tborder: none;\n\t\t\tcolor: var(--og-text-color);\n\t\t}\n\t`];\n\n\tdebounceKeyUp = debounce(async (e: KeyboardEvent) => {\n\t\tif (utils.isControlCharacter(e.key)) return;\n\t\tawait this.tree.filter(this.searchInput.value);\n\t\tthis.dispatchEvent(new TreeSearchEvent('search', this));\n\t}, constants.SEARCH_DEBOUNCE_DELAY, {isImmediate: false});\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tswitch (e.key) {\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.tree.list.moveDown();\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.tree.list.moveUp();\n\t\t\t\tbreak;\n\t\t\tcase 'Enter':\n\t\t\t\te.preventDefault();\n\t\t\t\tthis.tree.list.select(this.tree.list.selectedIndex, ListSelectTrigger.Enter);\n\t\t\t\tsetTimeout(() => this.searchInput.focus(), 100);\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<input id=\"searchInput\"\n\t\t\tautocomplete=\"off\"\n\t\t\tspellcheck=\"false\"\n\t\t\ttype=\"text\"\n\t\t\tplaceholder=\"${msg('Search')}\"\n\t\t\t@keydown=\"${this._onKeyDown}\"\n\t\t\t@keyup=\"${this.debounceKeyUp}\">\n\t`;\n}\n"]}
|
package/dist/ui/tree.d.ts
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { List, log, ListPointerEvent } from '@omegagrid/core';
|
|
2
|
-
import { Options } from '../options';
|
|
3
|
-
import { TreeModel, TreeSource } from '../model/treeModel';
|
|
4
|
-
import { LitElement } from 'lit';
|
|
5
|
-
import Levels, { LevelSelectEvent } from './levels';
|
|
6
|
-
import { TreeSelectionModel, SerializedValue } from '../model/selectionModel';
|
|
7
|
-
import { NodeModel } from '../model/nodeModel';
|
|
8
|
-
import { TreeAdapter } from '../model/treeAdapter';
|
|
9
|
-
import { FilterModel } from '../model/filterModel';
|
|
10
|
-
import Search from './search';
|
|
11
|
-
import { TreeAdapterParams } from '../types';
|
|
12
|
-
export declare class TreeEvent extends Event {
|
|
13
|
-
component: Tree;
|
|
14
|
-
node: NodeModel;
|
|
15
|
-
constructor(type: string, args?: Partial<TreeEvent>);
|
|
16
|
-
}
|
|
17
|
-
export declare class TreePointerEvent extends PointerEvent {
|
|
18
|
-
tree: Tree;
|
|
19
|
-
node: NodeModel;
|
|
20
|
-
constructor(type: string, e: PointerEvent, args?: Partial<TreePointerEvent>);
|
|
21
|
-
}
|
|
22
|
-
export declare class TreeDropEvent extends DragEvent {
|
|
23
|
-
tree: Tree;
|
|
24
|
-
node: NodeModel;
|
|
25
|
-
constructor(type: string, e: DragEvent, args?: Partial<TreeDropEvent>);
|
|
26
|
-
}
|
|
27
|
-
export declare class Tree extends LitElement {
|
|
28
|
-
static styles: import("lit").CSSResult[];
|
|
29
|
-
model: TreeModel;
|
|
30
|
-
adapter: TreeAdapter;
|
|
31
|
-
options: Options;
|
|
32
|
-
selection: TreeSelectionModel;
|
|
33
|
-
logger: log.Logger;
|
|
34
|
-
maxHeight: number;
|
|
35
|
-
itemHeight: number;
|
|
36
|
-
value: SerializedValue[];
|
|
37
|
-
disableAutoload: boolean;
|
|
38
|
-
list: List;
|
|
39
|
-
searchBar: Search;
|
|
40
|
-
globalTreeLevels: Levels;
|
|
41
|
-
loading: boolean;
|
|
42
|
-
noMatches: boolean;
|
|
43
|
-
filtering: FilterModel;
|
|
44
|
-
awaitFilter: boolean;
|
|
45
|
-
currentFilter: string;
|
|
46
|
-
loadingNodes: Set<string>;
|
|
47
|
-
pendingHighlight: string;
|
|
48
|
-
get size(): number;
|
|
49
|
-
get hasGlobalLevels(): boolean;
|
|
50
|
-
_lastDragItem: HTMLElement;
|
|
51
|
-
_onDragover: (e: DragEvent) => void;
|
|
52
|
-
_onDrop: (e: DragEvent) => void;
|
|
53
|
-
_onDragLeave: () => void;
|
|
54
|
-
constructor();
|
|
55
|
-
destroy(): void;
|
|
56
|
-
connectedCallback(): void;
|
|
57
|
-
setSourceData(sourceData: TreeSource, options?: Partial<Options>): void;
|
|
58
|
-
setValue(values: SerializedValue[]): void;
|
|
59
|
-
loadData(params?: TreeAdapterParams): Promise<void>;
|
|
60
|
-
loadMore(parent: NodeModel): Promise<void>;
|
|
61
|
-
refresh(): Promise<void>;
|
|
62
|
-
keyActions: {
|
|
63
|
-
ArrowRight: () => void;
|
|
64
|
-
ArrowLeft: () => void;
|
|
65
|
-
};
|
|
66
|
-
willUpdate(props: Map<PropertyKey, unknown>): void;
|
|
67
|
-
updated(changedProps: Map<PropertyKey, unknown>): void;
|
|
68
|
-
firstUpdated(): Promise<void>;
|
|
69
|
-
_onGlobalLevelSelect: (e: LevelSelectEvent) => Promise<void>;
|
|
70
|
-
_onSearch: () => void;
|
|
71
|
-
toggleNode(node: NodeModel, level: number, dispatchEvent?: boolean): void;
|
|
72
|
-
updateNodeLoadState(node: NodeModel, newNodeCount: number): void;
|
|
73
|
-
toggleNodeCollapse(node: NodeModel, dispatchEvent?: boolean): Promise<void>;
|
|
74
|
-
toggleTreeCollapse(node?: NodeModel, dispatchEvent?: boolean): void;
|
|
75
|
-
_onListRender: () => void;
|
|
76
|
-
_onListMenu: (e: ListPointerEvent) => void;
|
|
77
|
-
get itemStyle(): (string | import("lit").CSSResultOrNative)[];
|
|
78
|
-
render(): Iterable<string | import("lit-html").TemplateResult<1>>;
|
|
79
|
-
highlightNode(key: string): Promise<void>;
|
|
80
|
-
highlightFirstSelectedNode(): void;
|
|
81
|
-
renderItems(all?: boolean): void;
|
|
82
|
-
clearSelection(): void;
|
|
83
|
-
filter(term?: string): Promise<void>;
|
|
84
|
-
clearFilter(): Promise<void>;
|
|
85
|
-
}
|
|
86
|
-
//# sourceMappingURL=tree.d.ts.map
|
package/dist/ui/tree.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/ui/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EACD,IAAI,EAAE,GAAG,EACI,gBAAgB,EAClC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,MAAM,EAAE,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAA+B,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1E,qBAAa,SAAU,SAAQ,KAAK;IAEnC,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;gBAEJ,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;CAInD;AAED,qBAAa,gBAAiB,SAAQ,YAAY;IAEjD,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;gBAEJ,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC;CAI3E;AAED,qBAAa,aAAc,SAAQ,SAAS;IAE3C,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;gBAEJ,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC;CAIrE;AAED,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,SAAS,CAAC;IAGjB,OAAO,EAAE,WAAW,CAAC;IAGrB,OAAO,EAAE,OAAO,CAAiB;IAGjC,SAAS,EAAE,kBAAkB,CAAwC;IAGrE,MAAM,EAAE,GAAG,CAAC,MAAM,CAA2B;IAG7C,SAAS,EAAE,MAAM,CAAQ;IAGzB,UAAU,EAAE,MAAM,CAA8B;IAGhD,KAAK,EAAE,eAAe,EAAE,CAAC;IAGzB,eAAe,UAAS;IAGxB,IAAI,EAAE,IAAI,CAAC;IAGX,SAAS,EAAE,MAAM,CAAC;IAGlB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,OAAO,UAAS;IAGhB,SAAS,UAAS;IAElB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,UAAS;IACpB,aAAa,SAAM;IACnB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IACtC,gBAAgB,EAAE,MAAM,CAAC;IAEzB,IAAI,IAAI,WAEP;IAED,IAAI,eAAe,YAGlB;IAED,aAAa,EAAE,WAAW,CAAC;IAC3B,WAAW,GAAI,GAAG,SAAS,UAW1B;IAED,OAAO,GAAI,GAAG,SAAS,UAMtB;IAED,YAAY,aAGX;;IASD,OAAO;IAIP,iBAAiB;IAMjB,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,GAAE,OAAO,CAAC,OAAO,CAAQ;IAWtE,QAAQ,CAAC,MAAM,EAAE,eAAe,EAAE;IAI5B,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB;IAqBnC,QAAQ,CAAC,MAAM,EAAE,SAAS;IAW1B,OAAO;IAIb,UAAU;;;MAiBT;IAED,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAsB3C,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI;IAQhD,YAAY;IA+DlB,oBAAoB,GAAU,GAAG,gBAAgB,mBAMhD;IAED,SAAS,aAKR;IAED,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,UAAQ;IAShE,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM;IAOnD,kBAAkB,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,UAAO;IAkB9D,kBAAkB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,UAAO;IAYzD,aAAa,aAKZ;IAED,WAAW,GAAI,GAAG,gBAAgB,UAKjC;IAED,IAAI,SAAS,iDAGZ;IAED,MAAM;IAiDA,aAAa,CAAC,GAAG,EAAE,MAAM;IAiB/B,0BAA0B;IAc1B,WAAW,CAAC,GAAG,UAAQ;IAOvB,cAAc;IAKR,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM;IA6BpB,WAAW;CAOjB"}
|