@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.
Files changed (85) hide show
  1. package/package.json +3 -3
  2. package/dist/adapters/dateAdapter.d.ts +0 -35
  3. package/dist/adapters/dateAdapter.d.ts.map +0 -1
  4. package/dist/adapters/dateAdapter.js +0 -222
  5. package/dist/adapters/dateAdapter.js.map +0 -1
  6. package/dist/adapters/index.d.ts +0 -2
  7. package/dist/adapters/index.d.ts.map +0 -1
  8. package/dist/adapters/index.js +0 -2
  9. package/dist/adapters/index.js.map +0 -1
  10. package/dist/constants.d.ts +0 -53
  11. package/dist/constants.d.ts.map +0 -1
  12. package/dist/constants.js +0 -11
  13. package/dist/constants.js.map +0 -1
  14. package/dist/index.d.ts +0 -6
  15. package/dist/index.d.ts.map +0 -1
  16. package/dist/index.js +0 -5
  17. package/dist/index.js.map +0 -1
  18. package/dist/model/filterModel.d.ts +0 -17
  19. package/dist/model/filterModel.d.ts.map +0 -1
  20. package/dist/model/filterModel.js +0 -60
  21. package/dist/model/filterModel.js.map +0 -1
  22. package/dist/model/index.d.ts +0 -5
  23. package/dist/model/index.d.ts.map +0 -1
  24. package/dist/model/index.js +0 -5
  25. package/dist/model/index.js.map +0 -1
  26. package/dist/model/nodeModel.d.ts +0 -100
  27. package/dist/model/nodeModel.d.ts.map +0 -1
  28. package/dist/model/nodeModel.js +0 -59
  29. package/dist/model/nodeModel.js.map +0 -1
  30. package/dist/model/selectionModel.d.ts +0 -39
  31. package/dist/model/selectionModel.d.ts.map +0 -1
  32. package/dist/model/selectionModel.js +0 -199
  33. package/dist/model/selectionModel.js.map +0 -1
  34. package/dist/model/treeAdapter.d.ts +0 -10
  35. package/dist/model/treeAdapter.d.ts.map +0 -1
  36. package/dist/model/treeAdapter.js +0 -10
  37. package/dist/model/treeAdapter.js.map +0 -1
  38. package/dist/model/treeModel.d.ts +0 -27
  39. package/dist/model/treeModel.d.ts.map +0 -1
  40. package/dist/model/treeModel.js +0 -97
  41. package/dist/model/treeModel.js.map +0 -1
  42. package/dist/options.d.ts +0 -35
  43. package/dist/options.d.ts.map +0 -1
  44. package/dist/options.js +0 -30
  45. package/dist/options.js.map +0 -1
  46. package/dist/types.d.ts +0 -42
  47. package/dist/types.d.ts.map +0 -1
  48. package/dist/types.js +0 -15
  49. package/dist/types.js.map +0 -1
  50. package/dist/ui/dropdown.d.ts +0 -68
  51. package/dist/ui/dropdown.d.ts.map +0 -1
  52. package/dist/ui/dropdown.js +0 -383
  53. package/dist/ui/dropdown.js.map +0 -1
  54. package/dist/ui/dropdown.style.d.ts +0 -2
  55. package/dist/ui/dropdown.style.d.ts.map +0 -1
  56. package/dist/ui/dropdown.style.js +0 -68
  57. package/dist/ui/dropdown.style.js.map +0 -1
  58. package/dist/ui/index.d.ts +0 -6
  59. package/dist/ui/index.d.ts.map +0 -1
  60. package/dist/ui/index.js +0 -6
  61. package/dist/ui/index.js.map +0 -1
  62. package/dist/ui/levels.d.ts +0 -13
  63. package/dist/ui/levels.d.ts.map +0 -1
  64. package/dist/ui/levels.js +0 -64
  65. package/dist/ui/levels.js.map +0 -1
  66. package/dist/ui/menu.d.ts +0 -14
  67. package/dist/ui/menu.d.ts.map +0 -1
  68. package/dist/ui/menu.js +0 -89
  69. package/dist/ui/menu.js.map +0 -1
  70. package/dist/ui/search.d.ts +0 -18
  71. package/dist/ui/search.d.ts.map +0 -1
  72. package/dist/ui/search.js +0 -82
  73. package/dist/ui/search.js.map +0 -1
  74. package/dist/ui/tree.d.ts +0 -86
  75. package/dist/ui/tree.d.ts.map +0 -1
  76. package/dist/ui/tree.js +0 -482
  77. package/dist/ui/tree.js.map +0 -1
  78. package/dist/ui/tree.renderer.d.ts +0 -7
  79. package/dist/ui/tree.renderer.d.ts.map +0 -1
  80. package/dist/ui/tree.renderer.js +0 -114
  81. package/dist/ui/tree.renderer.js.map +0 -1
  82. package/dist/ui/tree.style.d.ts +0 -3
  83. package/dist/ui/tree.style.d.ts.map +0 -1
  84. package/dist/ui/tree.style.js +0 -147
  85. package/dist/ui/tree.style.js.map +0 -1
@@ -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`&nbsp;`)\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,2 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
2
- //# sourceMappingURL=dropdown.style.d.ts.map
@@ -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"]}
@@ -1,6 +0,0 @@
1
- export * from './dropdown';
2
- export * from './levels';
3
- export * from './search';
4
- export * from './tree';
5
- export * from './menu';
6
- //# sourceMappingURL=index.d.ts.map
@@ -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
@@ -1,6 +0,0 @@
1
- export * from './dropdown';
2
- export * from './levels';
3
- export * from './search';
4
- export * from './tree';
5
- export * from './menu';
6
- //# sourceMappingURL=index.js.map
@@ -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';"]}
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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}"]}
@@ -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
@@ -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
@@ -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
@@ -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"}