@omegagrid/tree 0.10.1 → 0.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/search.d.ts.map +1 -1
- package/dist/ui/search.js +10 -0
- package/dist/ui/search.js.map +1 -1
- package/package.json +3 -3
package/dist/ui/search.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAAa,eAAgB,SAAQ,KAAK;aAGxB,SAAS,EAAE,MAAM;gBADjC,IAAI,EAAE,MAAM,EACI,SAAS,EAAE,MAAM;CAIlC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAG7C,WAAW,EAAE,gBAAgB,CAAC;IAG9B,IAAI,EAAE,IAAI,CAAC;IAEX,MAAM,CAAC,MAAM,
|
|
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,4BAuBV;IAEH,aAAa;;uBA/BP,CAAC;MAmCmD;IAE1D,UAAU,GAAI,GAAG,aAAa,UAgB7B;IAED,MAAM,6CAUJ;CACF"}
|
package/dist/ui/search.js
CHANGED
|
@@ -43,6 +43,8 @@ let Search = class Search extends LitElement {
|
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
this.render = () => html `
|
|
46
|
+
<og-icon icon="search"></og-icon>
|
|
47
|
+
|
|
46
48
|
<input id="searchInput"
|
|
47
49
|
autocomplete="off"
|
|
48
50
|
spellcheck="false"
|
|
@@ -56,7 +58,15 @@ let Search = class Search extends LitElement {
|
|
|
56
58
|
Search.styles = [css `
|
|
57
59
|
:host {
|
|
58
60
|
display: flex;
|
|
61
|
+
flex-direction: row;
|
|
59
62
|
box-sizing: border-box;
|
|
63
|
+
align-items: center;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
og-icon {
|
|
67
|
+
height: 100%;
|
|
68
|
+
margin: 0 2px;
|
|
69
|
+
flex: 0;
|
|
60
70
|
}
|
|
61
71
|
|
|
62
72
|
input {
|
package/dist/ui/search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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;;
|
|
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;;QAiCd,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;;;;;;;kBAOF,GAAG,CAAC,QAAQ,CAAC;eAChB,IAAI,CAAC,UAAU;aACjB,IAAI,CAAC,aAAa;EAC7B,CAAC;IACH,CAAC;;AA5DO,aAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;EAuBnB,CAAC,AAvBW,CAuBV;AA5BH;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,CAoE1B;eApEoB,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\tflex-direction: row;\n\t\t\tbox-sizing: border-box;\n\t\t\talign-items: center;\n\t\t}\n\n\t\tog-icon {\n\t\t\theight: 100%;\n\t\t\tmargin: 0 2px;\n\t\t\tflex: 0;\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<og-icon icon=\"search\"></og-icon>\n\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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/tree",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.4",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Universal treeview component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"_prepublish": "yarn test && yarn lint"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@omegagrid/core": "^0.10.
|
|
31
|
-
"@omegagrid/localize": "^0.10.
|
|
30
|
+
"@omegagrid/core": "^0.10.4",
|
|
31
|
+
"@omegagrid/localize": "^0.10.4",
|
|
32
32
|
"date-fns": "^3.2.0",
|
|
33
33
|
"lit": "^3.1.1",
|
|
34
34
|
"lit-html": "^3.1.1",
|