@operato/data-tree 7.0.53 → 7.0.55

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 (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/src/ox-tree-vertical.d.ts +2 -1
  3. package/dist/src/ox-tree-vertical.js +76 -20
  4. package/dist/src/ox-tree-vertical.js.map +1 -1
  5. package/dist/stories/data-tree-vertical.stories.js +19 -2
  6. package/dist/stories/data-tree-vertical.stories.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +3 -3
  9. package/src/ox-tree-vertical.ts +65 -11
  10. package/stories/data-tree-vertical.stories.ts +19 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ### [7.0.55](https://github.com/hatiolab/operato/compare/v7.0.54...v7.0.55) (2024-08-18)
7
+
8
+
9
+ ### :bug: Bug Fix
10
+
11
+ * refactoring ox-tree-vertical ([ed122e0](https://github.com/hatiolab/operato/commit/ed122e0382b92ea5c0621a3d428e9e8af76314fc))
12
+
13
+
14
+
15
+ ### [7.0.54](https://github.com/hatiolab/operato/compare/v7.0.53...v7.0.54) (2024-08-18)
16
+
17
+
18
+ ### :bug: Bug Fix
19
+
20
+ * style for organization and contact ([4fc4720](https://github.com/hatiolab/operato/commit/4fc4720635a544e0e1ab1170c8d61339a3a8f74c))
21
+
22
+
23
+
6
24
  ### [7.0.53](https://github.com/hatiolab/operato/compare/v7.0.52...v7.0.53) (2024-08-17)
7
25
 
8
26
  **Note:** Version bump only for package @operato/data-tree
package/dist/src/ox-tree-vertical.d.ts CHANGED
@@ -5,12 +5,13 @@ type TreeItem = {
5
5
  [state: string]: boolean | string;
6
6
  };
7
7
  };
8
- export declare class TreeViewPage extends LitElement {
8
+ export declare class TreeViewVertical extends LitElement {
9
9
  static styles: import("lit").CSSResult[];
10
10
  data?: TreeItem;
11
11
  selected?: TreeItem;
12
12
  idProperty: string;
13
13
  labelProperty: string;
14
+ descriptionProperty?: string;
14
15
  childrenProperty: string;
15
16
  render(): TemplateResult<1>;
16
17
  renderItem(item: TreeItem): TemplateResult;
package/dist/src/ox-tree-vertical.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /* Inspired by https://www.cssscript.com/clean-tree-diagram/ */
2
2
  import { __decorate } from "tslib";
3
- import { html, css, LitElement } from 'lit';
3
+ import { html, css, LitElement, nothing } from 'lit';
4
4
  import { customElement, property } from 'lit/decorators.js';
5
- let TreeViewPage = class TreeViewPage extends LitElement {
5
+ let TreeViewVertical = class TreeViewVertical extends LitElement {
6
6
  constructor() {
7
7
  super(...arguments);
8
8
  this.idProperty = 'id';
@@ -26,8 +26,12 @@ let TreeViewPage = class TreeViewPage extends LitElement {
26
26
  const expandable = children && children.length > 0;
27
27
  const selected = id === ((_a = this.selected) === null || _a === void 0 ? void 0 : _a[this.idProperty]);
28
28
  return html `
29
- <li .item=${item} @click=${this.onClickSelect.bind(this)}>
30
- <span ?selected=${selected}>${label}</span>
29
+ <li .item=${item}>
30
+ <span ?selected=${selected} @click=${this.onClickSelect.bind(this)}>
31
+ <div header>${id}</div>
32
+ <div label>${label}</div>
33
+ ${this.descriptionProperty ? html ` <div description>${item[this.descriptionProperty]}&nbsp;</div>` : nothing}
34
+ </span>
31
35
 
32
36
  ${expandable
33
37
  ? html `
@@ -49,7 +53,7 @@ let TreeViewPage = class TreeViewPage extends LitElement {
49
53
  }));
50
54
  }
51
55
  };
52
- TreeViewPage.styles = [
56
+ TreeViewVertical.styles = [
53
57
  css `
54
58
  :host {
55
59
  display: block;
@@ -62,21 +66,30 @@ TreeViewPage.styles = [
62
66
  padding: 0;
63
67
  position: relative;
64
68
  }
69
+
65
70
  ul[root] {
66
71
  margin: 0 0 1em;
67
72
  text-align: center;
68
73
  }
74
+
75
+ ul[root]:before {
76
+ display: none;
77
+ }
78
+
69
79
  ul {
70
80
  display: table;
71
81
  }
82
+
72
83
  ul {
73
84
  width: 100%;
74
85
  }
86
+
75
87
  li {
76
88
  display: table-cell;
77
- padding: 0.5em 0;
89
+ padding: 1em 0;
78
90
  vertical-align: top;
79
91
  }
92
+
80
93
  li:before {
81
94
  outline: solid 1px #666;
82
95
  content: '';
@@ -85,69 +98,112 @@ TreeViewPage.styles = [
85
98
  right: 0;
86
99
  top: 0;
87
100
  }
101
+
88
102
  li:first-child:before {
89
103
  left: 50%;
90
104
  }
105
+
91
106
  li:last-child:before {
92
107
  right: 50%;
93
108
  }
109
+
94
110
  code,
95
111
  span {
96
112
  border: solid 0.1em #666;
97
113
  border-radius: 0.2em;
98
114
  display: inline-block;
99
- margin: 0 0.2em 0.5em;
100
- padding: 0.2em 0.5em;
115
+ margin: 0 0.2em 1em;
101
116
  position: relative;
117
+ min-width: 120px;
102
118
  }
119
+
103
120
  span[selected] {
104
- background-color: red;
121
+ color: var(--md-sys-color-on-tertiary);
122
+ background-color: var(--md-sys-color-tertiary);
105
123
  }
124
+
106
125
  ul:before,
107
126
  code:before,
108
127
  span:before {
109
128
  outline: solid 1px #666;
110
129
  content: '';
111
- height: 0.5em;
130
+ height: 1em;
112
131
  left: 50%;
113
132
  position: absolute;
114
133
  }
134
+
115
135
  ul:before {
116
- top: -0.5em;
136
+ top: -1em;
117
137
  }
138
+
118
139
  code:before,
119
140
  span:before {
120
- top: -0.55em;
141
+ top: -1.1em;
121
142
  }
122
143
 
123
144
  ul[root] > li {
124
145
  margin-top: 0;
125
146
  }
147
+
126
148
  ul[root] > li:before,
127
149
  ul[root] > li:after,
128
150
  ul[root] > li > code:before,
129
151
  ul[root] > li > span:before {
130
152
  outline: none;
131
153
  }
154
+
155
+ span {
156
+ display: inline-block;
157
+ background-color: var(--md-sys-color-surface);
158
+
159
+ div[header] {
160
+ font-weight: bold;
161
+ font-size: 0.8em;
162
+ color: var(--md-sys-color-on-primary, #fff);
163
+ background-color: var(--md-sys-color-primary, #333);
164
+ padding: 0.5em 1em;
165
+ text-align: center;
166
+ width: 100%;
167
+ box-sizing: border-box;
168
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
169
+ }
170
+
171
+ div[label] {
172
+ font-size: 1em;
173
+ background-color: transparent;
174
+ padding: 0.5em;
175
+ text-align: left;
176
+ }
177
+
178
+ div[description] {
179
+ font-size: 0.8em;
180
+ background-color: transparent;
181
+ padding: 0.5em;
182
+ text-align: left;
183
+ }
184
+ }
132
185
  `
133
186
  ];
134
187
  __decorate([
135
188
  property({ type: Object })
136
- ], TreeViewPage.prototype, "data", void 0);
189
+ ], TreeViewVertical.prototype, "data", void 0);
137
190
  __decorate([
138
191
  property({ type: Object })
139
- ], TreeViewPage.prototype, "selected", void 0);
192
+ ], TreeViewVertical.prototype, "selected", void 0);
140
193
  __decorate([
141
194
  property({ type: String, attribute: 'id-property' })
142
- ], TreeViewPage.prototype, "idProperty", void 0);
195
+ ], TreeViewVertical.prototype, "idProperty", void 0);
143
196
  __decorate([
144
197
  property({ type: String, attribute: 'label-property' })
145
- ], TreeViewPage.prototype, "labelProperty", void 0);
198
+ ], TreeViewVertical.prototype, "labelProperty", void 0);
199
+ __decorate([
200
+ property({ type: String, attribute: 'description-property' })
201
+ ], TreeViewVertical.prototype, "descriptionProperty", void 0);
146
202
  __decorate([
147
203
  property({ type: String, attribute: 'children-property' })
148
- ], TreeViewPage.prototype, "childrenProperty", void 0);
149
- TreeViewPage = __decorate([
204
+ ], TreeViewVertical.prototype, "childrenProperty", void 0);
205
+ TreeViewVertical = __decorate([
150
206
  customElement('ox-tree-vertical')
151
- ], TreeViewPage);
152
- export { TreeViewPage };
207
+ ], TreeViewVertical);
208
+ export { TreeViewVertical };
153
209
  //# sourceMappingURL=ox-tree-vertical.js.map
package/dist/src/ox-tree-vertical.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ox-tree-vertical.js","sourceRoot":"","sources":["../../src/ox-tree-vertical.ts"],"names":[],"mappings":"AAAA,+DAA+D;;AAE/D,OAAO,EAAkB,IAAI,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAQ3D,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAsFiD,eAAU,GAAW,IAAI,CAAA;QACtB,kBAAa,GAAW,OAAO,CAAA;QAC5B,qBAAgB,GAAW,UAAU,CAAA;IA+CnG,CAAC;IA7CC,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;cAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;SAE/B;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,UAAU,CAAC,IAAc;;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAe,CAAA;QAE1D,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAClD,MAAM,QAAQ,GAAG,EAAE,MAAK,MAAA,IAAI,CAAC,QAAQ,0CAAG,IAAI,CAAC,UAAU,CAAC,CAAA,CAAA;QAExD,OAAO,IAAI,CAAA;kBACG,IAAI,WAAW,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;0BACpC,QAAQ,IAAI,KAAK;;UAEjC,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;kBAEE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;aAElD;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;;KAEb,CAAA;IACH,CAAC;IAED,aAAa,CAAC,CAAa;;QACzB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;QACtC,IAAI,CAAC,QAAQ,GAAG,MAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAS,0CAAE,IAAI,CAAA;QAEnD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB,CAAC,CACH,CAAA;IACH,CAAC;;AArIM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;CACF,AAjFY,CAiFZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAoB;AACO;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;gDAA0B;AACtB;IAAxD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;mDAAgC;AAC5B;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDAAsC;AAxFtF,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CAuIxB","sourcesContent":["/* Inspired by https://www.cssscript.com/clean-tree-diagram/ */\n\nimport { PropertyValues, html, css, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\ntype TreeItem = {\n [key: string]: any\n __status__?: { [state: string]: boolean | string }\n}\n\n@customElement('ox-tree-vertical')\nexport class TreeViewPage extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n ul,\n li {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n ul[root] {\n margin: 0 0 1em;\n text-align: center;\n }\n ul {\n display: table;\n }\n ul {\n width: 100%;\n }\n li {\n display: table-cell;\n padding: 0.5em 0;\n vertical-align: top;\n }\n li:before {\n outline: solid 1px #666;\n content: '';\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n li:first-child:before {\n left: 50%;\n }\n li:last-child:before {\n right: 50%;\n }\n code,\n span {\n border: solid 0.1em #666;\n border-radius: 0.2em;\n display: inline-block;\n margin: 0 0.2em 0.5em;\n padding: 0.2em 0.5em;\n position: relative;\n }\n span[selected] {\n background-color: red;\n }\n ul:before,\n code:before,\n span:before {\n outline: solid 1px #666;\n content: '';\n height: 0.5em;\n left: 50%;\n position: absolute;\n }\n ul:before {\n top: -0.5em;\n }\n code:before,\n span:before {\n top: -0.55em;\n }\n\n ul[root] > li {\n margin-top: 0;\n }\n ul[root] > li:before,\n ul[root] > li:after,\n ul[root] > li > code:before,\n ul[root] > li > span:before {\n outline: none;\n }\n `\n ]\n\n @property({ type: Object }) data?: TreeItem\n @property({ type: Object }) selected?: TreeItem\n @property({ type: String, attribute: 'id-property' }) idProperty: string = 'id'\n @property({ type: String, attribute: 'label-property' }) labelProperty: string = 'label'\n @property({ type: String, attribute: 'children-property' }) childrenProperty: string = 'children'\n\n render() {\n return this.data\n ? html`\n <ul root>\n ${this.renderItem(this.data)}\n </ul>\n `\n : html``\n }\n\n renderItem(item: TreeItem): TemplateResult {\n const id = item[this.idProperty]\n const label = item[this.labelProperty]\n const children = item[this.childrenProperty] as TreeItem[]\n\n const expandable = children && children.length > 0\n const selected = id === this.selected?.[this.idProperty]\n\n return html`\n <li .item=${item} @click=${this.onClickSelect.bind(this)}>\n <span ?selected=${selected}>${label}</span>\n\n ${expandable\n ? html`\n <ul>\n ${children.map(child => this.renderItem(child))}\n </ul>\n `\n : html``}\n </li>\n `\n }\n\n onClickSelect(e: MouseEvent) {\n e.stopPropagation()\n\n const target = e.target as HTMLElement\n this.selected = (target.closest('li') as any)?.item\n\n this.dispatchEvent(\n new CustomEvent('select', {\n detail: this.selected\n })\n )\n }\n}\n"]}
1
+ {"version":3,"file":"ox-tree-vertical.js","sourceRoot":"","sources":["../../src/ox-tree-vertical.ts"],"names":[],"mappings":"AAAA,+DAA+D;;AAE/D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAQ3D,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAuIiD,eAAU,GAAW,IAAI,CAAA;QACtB,kBAAa,GAAW,OAAO,CAAA;QAE5B,qBAAgB,GAAW,UAAU,CAAA;IAmDnG,CAAC;IAjDC,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;cAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;SAE/B;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,UAAU,CAAC,IAAc;;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAe,CAAA;QAE1D,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAClD,MAAM,QAAQ,GAAG,EAAE,MAAK,MAAA,IAAI,CAAC,QAAQ,0CAAG,IAAI,CAAC,UAAU,CAAC,CAAA,CAAA;QAExD,OAAO,IAAI,CAAA;kBACG,IAAI;0BACI,QAAQ,WAAW,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;wBAClD,EAAE;uBACH,KAAK;YAChB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO;;;UAG5G,UAAU;YACV,CAAC,CAAC,IAAI,CAAA;;kBAEE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;aAElD;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;;KAEb,CAAA;IACH,CAAC;IAED,aAAa,CAAC,CAAa;;QACzB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;QACtC,IAAI,CAAC,QAAQ,GAAG,MAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAS,0CAAE,IAAI,CAAA;QAEnD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB,CAAC,CACH,CAAA;IACH,CAAC;;AA3LM,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgIF;CACF,AAlIY,CAkIZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAoB;AACO;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;oDAA0B;AACtB;IAAxD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;uDAAgC;AACzB;IAA9D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;6DAA6B;AAC/B;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;0DAAsC;AA1ItF,gBAAgB;IAD5B,aAAa,CAAC,kBAAkB,CAAC;GACrB,gBAAgB,CA6L5B","sourcesContent":["/* Inspired by https://www.cssscript.com/clean-tree-diagram/ */\n\nimport { html, css, LitElement, TemplateResult, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\ntype TreeItem = {\n [key: string]: any\n __status__?: { [state: string]: boolean | string }\n}\n\n@customElement('ox-tree-vertical')\nexport class TreeViewVertical extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n }\n\n ul,\n li {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n ul[root] {\n margin: 0 0 1em;\n text-align: center;\n }\n\n ul[root]:before {\n display: none;\n }\n\n ul {\n display: table;\n }\n\n ul {\n width: 100%;\n }\n\n li {\n display: table-cell;\n padding: 1em 0;\n vertical-align: top;\n }\n\n li:before {\n outline: solid 1px #666;\n content: '';\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n li:first-child:before {\n left: 50%;\n }\n\n li:last-child:before {\n right: 50%;\n }\n\n code,\n span {\n border: solid 0.1em #666;\n border-radius: 0.2em;\n display: inline-block;\n margin: 0 0.2em 1em;\n position: relative;\n min-width: 120px;\n }\n\n span[selected] {\n color: var(--md-sys-color-on-tertiary);\n background-color: var(--md-sys-color-tertiary);\n }\n\n ul:before,\n code:before,\n span:before {\n outline: solid 1px #666;\n content: '';\n height: 1em;\n left: 50%;\n position: absolute;\n }\n\n ul:before {\n top: -1em;\n }\n\n code:before,\n span:before {\n top: -1.1em;\n }\n\n ul[root] > li {\n margin-top: 0;\n }\n\n ul[root] > li:before,\n ul[root] > li:after,\n ul[root] > li > code:before,\n ul[root] > li > span:before {\n outline: none;\n }\n\n span {\n display: inline-block;\n background-color: var(--md-sys-color-surface);\n\n div[header] {\n font-weight: bold;\n font-size: 0.8em;\n color: var(--md-sys-color-on-primary, #fff);\n background-color: var(--md-sys-color-primary, #333);\n padding: 0.5em 1em;\n text-align: center;\n width: 100%;\n box-sizing: border-box;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n div[label] {\n font-size: 1em;\n background-color: transparent;\n padding: 0.5em;\n text-align: left;\n }\n\n div[description] {\n font-size: 0.8em;\n background-color: transparent;\n padding: 0.5em;\n text-align: left;\n }\n }\n `\n ]\n\n @property({ type: Object }) data?: TreeItem\n @property({ type: Object }) selected?: TreeItem\n @property({ type: String, attribute: 'id-property' }) idProperty: string = 'id'\n @property({ type: String, attribute: 'label-property' }) labelProperty: string = 'label'\n @property({ type: String, attribute: 'description-property' }) descriptionProperty?: string\n @property({ type: String, attribute: 'children-property' }) childrenProperty: string = 'children'\n\n render() {\n return this.data\n ? html`\n <ul root>\n ${this.renderItem(this.data)}\n </ul>\n `\n : html``\n }\n\n renderItem(item: TreeItem): TemplateResult {\n const id = item[this.idProperty]\n const label = item[this.labelProperty]\n const children = item[this.childrenProperty] as TreeItem[]\n\n const expandable = children && children.length > 0\n const selected = id === this.selected?.[this.idProperty]\n\n return html`\n <li .item=${item}>\n <span ?selected=${selected} @click=${this.onClickSelect.bind(this)}>\n <div header>${id}</div>\n <div label>${label}</div>\n ${this.descriptionProperty ? html` <div description>${item[this.descriptionProperty]}&nbsp;</div>` : nothing}\n </span>\n\n ${expandable\n ? html`\n <ul>\n ${children.map(child => this.renderItem(child))}\n </ul>\n `\n : html``}\n </li>\n `\n }\n\n onClickSelect(e: MouseEvent) {\n e.stopPropagation()\n\n const target = e.target as HTMLElement\n this.selected = (target.closest('li') as any)?.item\n\n this.dispatchEvent(\n new CustomEvent('select', {\n detail: this.selected\n })\n )\n }\n}\n"]}
package/dist/stories/data-tree-vertical.stories.js CHANGED
@@ -29,34 +29,43 @@ const Template = ({ data }) => html `
29
29
  <link href="/themes/grist-theme.css" rel="stylesheet" />
30
30
  <link href="/themes/form-theme.css" rel="stylesheet" />
31
31
 
32
- <ox-tree-vertical .data=${data}></ox-tree-vertical>
32
+ <ox-tree-vertical .data=${data} description-property="description"></ox-tree-vertical>
33
33
  `;
34
34
  export const Regular = Template.bind({});
35
35
  Regular.args = {
36
36
  data: {
37
+ id: 'H000',
37
38
  label: 'Home',
38
39
  children: [
39
40
  {
41
+ id: 'H001',
40
42
  label: 'About us',
41
43
  children: [
42
44
  {
45
+ id: 'H101',
43
46
  label: 'Our history',
44
47
  children: [
45
48
  {
46
- label: 'Founder'
49
+ id: 'H111',
50
+ label: 'Founder',
51
+ description: 'long long founder history'
47
52
  }
48
53
  ]
49
54
  },
50
55
  {
56
+ id: 'H102',
51
57
  label: 'Our board',
52
58
  children: [
53
59
  {
60
+ id: 'H121',
54
61
  label: 'Brad Whiteman'
55
62
  },
56
63
  {
64
+ id: 'H122',
57
65
  label: 'Cynthia Tolken'
58
66
  },
59
67
  {
68
+ id: 'H123',
60
69
  label: 'Bobby Founderson'
61
70
  }
62
71
  ]
@@ -64,20 +73,25 @@ Regular.args = {
64
73
  ]
65
74
  },
66
75
  {
76
+ id: 'H002',
67
77
  label: 'Our products',
68
78
  children: [
69
79
  {
80
+ id: 'H201',
70
81
  label: 'The Widget 2000™',
71
82
  children: [
72
83
  {
84
+ id: 'H211',
73
85
  label: 'Order form'
74
86
  }
75
87
  ]
76
88
  },
77
89
  {
90
+ id: 'H202',
78
91
  label: 'The McGuffin V2',
79
92
  children: [
80
93
  {
94
+ id: 'H221',
81
95
  label: 'Order form'
82
96
  }
83
97
  ]
@@ -85,12 +99,15 @@ Regular.args = {
85
99
  ]
86
100
  },
87
101
  {
102
+ id: 'H003',
88
103
  label: 'Contact us',
89
104
  children: [
90
105
  {
106
+ id: 'H301',
91
107
  label: 'Social media',
92
108
  children: [
93
109
  {
110
+ id: 'H311',
94
111
  label: 'Facebook'
95
112
  }
96
113
  ]
package/dist/stories/data-tree-vertical.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data-tree-vertical.stories.js","sourceRoot":"","sources":["../../stories/data-tree-vertical.stories.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;4BAqBlC,IAAI;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,aAAa;wBACpB,QAAQ,EAAE;4BACR;gCACE,KAAK,EAAE,SAAS;6BACjB;yBACF;qBACF;oBACD;wBACE,KAAK,EAAE,WAAW;wBAClB,QAAQ,EAAE;4BACR;gCACE,KAAK,EAAE,eAAe;6BACvB;4BACD;gCACE,KAAK,EAAE,gBAAgB;6BACxB;4BACD;gCACE,KAAK,EAAE,kBAAkB;6BAC1B;yBACF;qBACF;iBACF;aACF;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,kBAAkB;wBACzB,QAAQ,EAAE;4BACR;gCACE,KAAK,EAAE,YAAY;6BACpB;yBACF;qBACF;oBACD;wBACE,KAAK,EAAE,iBAAiB;wBACxB,QAAQ,EAAE;4BACR;gCACE,KAAK,EAAE,YAAY;6BACpB;yBACF;qBACF;iBACF;aACF;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,cAAc;wBACrB,QAAQ,EAAE;4BACR;gCACE,KAAK,EAAE,UAAU;6BAClB;yBACF;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAA","sourcesContent":["import '../src/ox-tree-vertical.js'\nimport '@material/web/icon/icon.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n title: '3 modes in ox-tree-vertical',\n component: 'ox-tree-vertical',\n argTypes: {\n data: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n data: object\n}\n\nconst Template: Story<ArgTypes> = ({ data }: ArgTypes) => html`\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n <link href=\"/themes/grist-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n\n <ox-tree-vertical .data=${data}></ox-tree-vertical>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n data: {\n label: 'Home',\n children: [\n {\n label: 'About us',\n children: [\n {\n label: 'Our history',\n children: [\n {\n label: 'Founder'\n }\n ]\n },\n {\n label: 'Our board',\n children: [\n {\n label: 'Brad Whiteman'\n },\n {\n label: 'Cynthia Tolken'\n },\n {\n label: 'Bobby Founderson'\n }\n ]\n }\n ]\n },\n {\n label: 'Our products',\n children: [\n {\n label: 'The Widget 2000™',\n children: [\n {\n label: 'Order form'\n }\n ]\n },\n {\n label: 'The McGuffin V2',\n children: [\n {\n label: 'Order form'\n }\n ]\n }\n ]\n },\n {\n label: 'Contact us',\n children: [\n {\n label: 'Social media',\n children: [\n {\n label: 'Facebook'\n }\n ]\n }\n ]\n }\n ]\n }\n}\n"]}
1
+ {"version":3,"file":"data-tree-vertical.stories.js","sourceRoot":"","sources":["../../stories/data-tree-vertical.stories.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAA;AAYD,MAAM,QAAQ,GAAoB,CAAC,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;4BAqBlC,IAAI;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE;YACR;gBACE,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,aAAa;wBACpB,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,SAAS;gCAChB,WAAW,EAAE,2BAA2B;6BACzC;yBACF;qBACF;oBACD;wBACE,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,WAAW;wBAClB,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,eAAe;6BACvB;4BACD;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,gBAAgB;6BACxB;4BACD;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,kBAAkB;6BAC1B;yBACF;qBACF;iBACF;aACF;YACD;gBACE,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,cAAc;gBACrB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,kBAAkB;wBACzB,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,YAAY;6BACpB;yBACF;qBACF;oBACD;wBACE,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,iBAAiB;wBACxB,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,YAAY;6BACpB;yBACF;qBACF;iBACF;aACF;YACD;gBACE,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,YAAY;gBACnB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,MAAM;wBACV,KAAK,EAAE,cAAc;wBACrB,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,MAAM;gCACV,KAAK,EAAE,UAAU;6BAClB;yBACF;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAA","sourcesContent":["import '../src/ox-tree-vertical.js'\nimport '@material/web/icon/icon.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n title: '3 modes in ox-tree-vertical',\n component: 'ox-tree-vertical',\n argTypes: {\n data: { control: 'object' }\n }\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n data: object\n}\n\nconst Template: Story<ArgTypes> = ({ data }: ArgTypes) => html`\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n <link href=\"/themes/grist-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n\n <ox-tree-vertical .data=${data} description-property=\"description\"></ox-tree-vertical>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {\n data: {\n id: 'H000',\n label: 'Home',\n children: [\n {\n id: 'H001',\n label: 'About us',\n children: [\n {\n id: 'H101',\n label: 'Our history',\n children: [\n {\n id: 'H111',\n label: 'Founder',\n description: 'long long founder history'\n }\n ]\n },\n {\n id: 'H102',\n label: 'Our board',\n children: [\n {\n id: 'H121',\n label: 'Brad Whiteman'\n },\n {\n id: 'H122',\n label: 'Cynthia Tolken'\n },\n {\n id: 'H123',\n label: 'Bobby Founderson'\n }\n ]\n }\n ]\n },\n {\n id: 'H002',\n label: 'Our products',\n children: [\n {\n id: 'H201',\n label: 'The Widget 2000™',\n children: [\n {\n id: 'H211',\n label: 'Order form'\n }\n ]\n },\n {\n id: 'H202',\n label: 'The McGuffin V2',\n children: [\n {\n id: 'H221',\n label: 'Order form'\n }\n ]\n }\n ]\n },\n {\n id: 'H003',\n label: 'Contact us',\n children: [\n {\n id: 'H301',\n label: 'Social media',\n children: [\n {\n id: 'H311',\n label: 'Facebook'\n }\n ]\n }\n ]\n }\n ]\n }\n}\n"]}
package/dist/tsconfig.tsbuildinfo CHANGED
@@ -1 +1 @@
1
- {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.d.ts","../../../node_modules/lit/decorators.d.ts","../src/ox-tree.ts","../src/ox-tree-vertical.ts","../src/index.ts","../../../node_modules/@material/web/icon/internal/icon.d.ts","../../../node_modules/@material/web/icon/icon.d.ts","../stories/data-tree-vertical.stories.ts","../stories/data-tree.stories.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/retry-handler.d.ts","../../../node_modules/undici-types/retry-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/util.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/eventsource.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/sea.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"44e584d4f6444f58791784f1d530875970993129442a847597db702a073ca68c","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"4af6b0c727b7a2896463d512fafd23634229adf69ac7c00e2ae15a09cb084fad","affectsGlobalScope":true},{"version":"6920e1448680767498a0b77c6a00a8e77d14d62c3da8967b171f1ddffa3c18e4","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true},{"version":"ae37d6ccd1560b0203ab88d46987393adaaa78c919e51acf32fb82c86502e98c","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"5e07ed3809d48205d5b985642a59f2eba47c402374a7cf8006b686f79efadcbd","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"479553e3779be7d4f68e9f40cdb82d038e5ef7592010100410723ceced22a0f7","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"4a882ffbb4ed09d9b7734f784aebb1dfe488d63725c40759165c5d9c657ca029","e056bb30bf82271634daeee81f772f4a7960085f01f6d4d09c8da1ebe5f6a623","5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576",{"version":"86492a546c3308feaf1dde967afd325c321483b5e96f5fa9e9b6e691dc23fa9e","affectsGlobalScope":true},"00cb63103f9670f8094c238a4a7e252c8b4c06ba371fea5c44add7e41b7247e4","15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e","43f58358870effc43ba93c92c040dee2285cbd8685ddfa77658e498780727c4e","9a318e3a8900672b85cd3c8c3a5acf51b88049557a3ae897ccdcf2b85a8f61f9","1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be","cdeae34aca6700620ebf3f27cf7d439c3af97595dd6e2729fa4780483add5680","3ff87ea3471b51beaf4aa8fd8f4422862b11d343fdbb55bf383e0f8cc195a445","1cc188904259bd0985b24d9dc2a160891cb5e94210901466b951716fcdb4ff62","732fb71ecb695d6f36ddcbb72ebfe4ff6b6491d45101a00fa2b75a26b80d640f","039cb05125d7621f8143616c495b8e6b54249c4e64d2754b80ff93867f7f4b01","1b81f1fa82ad30af01ab1cae91ccaddc10c48f5916bbd6d282155e44a65d858d","a0fc7a02a75802678a67000607f20266cf1a49dc0e787967efe514e31b9ed0c3","5ebf098a1d81d400b8af82807cf19893700335cf91a7b9dbd83a5d737af34b11","101cf83ac3f9c5e1a7355a02e4fbe988877ef83c4ebec0ff0f02b2af022254a3","d017e2fcd44b46ca80cd2b592a6314e75f5caab5bda230f0f4a45e964049a43a","a8992b852521a66f63e0cedc6e1f054b28f972232b6fa5ca59771db6a1c8bbea",{"version":"fc6e9e9a80b0525d61eef76ce32508df74fe941040ef934d7c8df623f5f97fff","signature":"650c86d154fd654a23ceacff2cc29052749907b79ee1eec9f7a4001170a97724"},{"version":"e42f13eccb7cd0191133c70f9b4c307db453a4183c88ba012a64a596e560027a","signature":"138e50874aba098fe0d7a0b86a4b1d9d9beef39db3435b4b0e00abafa266e2af"},{"version":"99e447b7f4dd58034015402e19393c664530c72f5669b7430dd11936622eb673","signature":"f76e6bfeb5b730680de14ea12b25c6f7cbd9f8d46d846e3e6c5f281351e77aa1"},"5565deadc1d553f9f1ef370351432c258d2a6f1a5ca47e574e5430db824468c7",{"version":"4ae1ed87c59518f4e0918a21409ec3020e97037a386b57953c6b9fed9cad6949","affectsGlobalScope":true},{"version":"3e15fc85f5ab49ef0c91b7b5eee61a710e3ed716d6914e3cecda5b7e22cfde93","signature":"1913f7661f078cb1d5e9e73d0be7fd2a5dc5e559c95611361f0b3ca265530f30"},{"version":"a8b5b8d4af5a4d4c7743779fb40f2e72c0bf23cc4e7937311e0f4cb832612a88","signature":"b5681b9391f38dc9fae7f4bc611f6a7441cda1517042b76b825004a5835e4a14"},"e142fda89ed689ea53d6f2c93693898464c7d29a0ae71c6dc8cdfe5a1d76c775","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","24bd580b5743dc56402c440dc7f9a4f5d592ad7a419f25414d37a7bfe11e342b","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","34b4f256dd3c591cb7c9e96a763d79d54b69d417709b9015dcec3ac5583eec73","3e4825171442666d31c845aeb47fcd34b62e14041bb353ae2b874285d78482aa","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","1d6e127068ea8e104a912e42fc0a110e2aa5a66a356a917a163e8cf9a65e4a75","e9775e97ac4877aebf963a0289c81abe76d1ec9a2a7778dbe637e5151f25c5f3","57386628c539248e4f428d5308a69f98f4a6a3cd42a053f017d9dd3fd5a43bc5","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","0b8a9268adaf4da35e7fa830c8981cfa22adbbe5b3f6f5ab91f6658899e657a7","11396ed8a44c02ab9798b7dca436009f866e8dae3c9c25e8c1fbc396880bf1bb","ba7bc87d01492633cb5a0e5da8a4a42a1c86270e7b3d2dea5d156828a84e4882","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","3a84b7cb891141824bd00ef8a50b6a44596aded4075da937f180c90e362fe5f6","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","ea0148f897b45a76544ae179784c95af1bd6721b8610af9ffa467a518a086a43","dd3273ead9fbde62a72949c97dbec2247ea08e0c6952e701a483d74ef92d6a17","8b9bf58d580d9b36ab2f23178c88757ce7cc6830ccbdd09e8a76f4cb1bc0fcf7","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","7782678102bd835ef2c54330ee16c31388e51dfd9ca535b47f6fd8f3d6e07993","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","24b8685c62562f5d98615c5a0c1d05f297cf5065f15246edfe99e81ec4c0e011","1a42891defae8cec268a4f8903140dbf0d214c0cf9ed8fdc1eb6c25e5b3e9a5c","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","4732aec92b20fb28c5fe9ad99521fb59974289ed1e45aecb282616202184064f","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","d32275be3546f252e3ad33976caf8c5e842c09cb87d468cb40d5f4cf092d1acc","37e97c64b890352421ccb29cd8ede863774df8f03763416f6a572093f6058284",{"version":"6f73fc82f51bcdf0487fc982f062eeadae02e0251dd2e4c444043edb247a7d3b","affectsGlobalScope":true},"db3ec8993b7596a4ef47f309c7b25ee2505b519c13050424d9c34701e5973315",{"version":"e7f13a977b01cc54adb4408a9265cda9ddf11db878d70f4f3cac64bef00062e6","affectsGlobalScope":true},"af49b066a76ce26673fe49d1885cc6b44153f1071ed2d952f2a90fccba1095c9","f22fd1dc2df53eaf5ce0ff9e0a3326fc66f880d6a652210d50563ae72625455f",{"version":"3ddbdb519e87a7827c4f0c4007013f3628ca0ebb9e2b018cf31e5b2f61c593f1","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"6d498d4fd8036ea02a4edcae10375854a0eb1df0496cf0b9d692577d3c0fd603","affectsGlobalScope":true},"24642567d3729bcc545bacb65ee7c0db423400c7f1ef757cab25d05650064f98","fd09b892597ab93e7f79745ce725a3aaf6dd005e8db20f0c63a5d10984cba328","a3be878ff1e1964ab2dc8e0a3b67087cf838731c7f3d8f603337e7b712fdd558","5433f7f77cd1fd53f45bd82445a4e437b2f6a72a32070e907530a4fea56c30c8","9be74296ee565af0c12d7071541fdd23260f53c3da7731fb6361f61150a791f6",{"version":"ee1ee365d88c4c6c0c0a5a5701d66ebc27ccd0bcfcfaa482c6e2e7fe7b98edf7","affectsGlobalScope":true},{"version":"f501a53b94ba382d9ba396a5c486969a3abc68309828fa67f916035f5d37fe2b","affectsGlobalScope":true},"1ee6224fcd037010a846f0222f8d607171aed9fa486b038b285dd49936911735","9cb2378b2c1aaed8b097615b1103e92844f933dfd0bfd8d9ed9c5b045ffb143e","bcfcff784a59db3f323c25cea5ae99a903ca9292c060f2c7e470ea73aaf71b44","672ad3045f329e94002256f8ed460cfd06173a50c92cde41edaadfacffd16808","64da4965d1e0559e134d9c1621ae400279a216f87ed00c4cce4f2c7c78021712","ddbf3aac94f85dbb8e4d0360782e60020da75a0becfc0d3c69e437c645feb30f",{"version":"0166fce1204d520fdfd6b5febb3cda3deee438bcbf8ce9ffeb2b1bcde7155346","affectsGlobalScope":true},"d8b13eab85b532285031b06a971fa051bf0175d8fff68065a24a6da9c1c986cf","50c382ba1827988c59aa9cc9d046e386d55d70f762e9e352e95ee8cb7337cdb8","2178ab4b68402d1de2dda199d3e4a55f7200e3334f5a9727fbd9d16975cdf75f",{"version":"e686bec498fbde620cc6069cc60c968981edd7591db7ca7e4614e77417eb41f2","affectsGlobalScope":true},{"version":"9e523e73ee7dd119d99072fd855404efc33938c168063771528bd1deb6df56d2","affectsGlobalScope":true},"a215554477f7629e3dcbc8cde104bec036b78673650272f5ffdc5a2cee399a0a","c3497fc242aabfedcd430b5932412f94f157b5906568e737f6a18cc77b36a954","cdc1de3b672f9ef03ff15c443aa1b631edca35b6ae6970a7da6400647ff74d95","139ad1dc93a503da85b7a0d5f615bddbae61ad796bc68fedd049150db67a1e26","bf01fdd3b93cf633b3f7420718457af19c57ab8cbfea49268df60bae2e84d627","15c5e91b5f08be34a78e3d976179bf5b7a9cc28dc0ef1ffebffeb3c7812a2dca","65b39cc6b610a4a4aecc321f6efb436f10c0509d686124795b4c36a5e915b89e","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","3c1f19c7abcda6b3a4cf9438a15c7307a080bd3b51dfd56b198d9f86baf19447","d3edb86744e2c19f2c1503849ac7594a5e06024f2451bacae032390f2e20314a",{"version":"7d55ea964fcefff729f78a9e9e0a7fbb5be4603b496b9b82571e2555e72057b4","affectsGlobalScope":true},{"version":"8a3e61347b8f80aa5af532094498bceb0c0b257b25a6aa8ab4880fd6ed57c95a","affectsGlobalScope":true},"98e00f3613402504bc2a2c9a621800ab48e0a463d1eed062208a4ae98ad8f84c","4301becc26a79eb5f4552f7bee356c2534466d3b5cd68b71523e1929d543de89","5475df7cfc493a08483c9d7aa61cc04791aecba9d0a2efc213f23c4006d4d3cd","000720870b275764c65e9f28ac97cc9e4d9e4a36942d4750ca8603e416e9c57c",{"version":"54412c70bacb9ed547ed6caae8836f712a83ccf58d94466f3387447ec4e82dc3","affectsGlobalScope":true},{"version":"1d274b8bb8ca011148f87e128392bfcd17a12713b6a4e843f0fa9f3f6b45e2b1","affectsGlobalScope":true},"4c48e931a72f6971b5add7fdb1136be1d617f124594e94595f7114af749395e0","478eb5c32250678a906d91e0529c70243fc4d75477a08f3da408e2615396f558","e686a88c9ee004c8ba12ffc9d674ca3192a4c50ed0ca6bd5b2825c289e2b2bfe",{"version":"98d547613610452ac9323fb9ec4eafc89acab77644d6e23105b3c94913f712b3","affectsGlobalScope":true},"3c1fa648ff7a62e4054bc057f7d392cb96dd019130c71d13894337add491d9f3",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"a42be67ed1ddaec743582f41fc219db96a1b69719fccac6d1464321178d610fc",{"version":"90ebf5865e27d8966ef44b073e6e83b0ddd45058bab1d58b1e4b5a47d36396c4","affectsGlobalScope":true}],"root":[[68,70],73,74],"options":{"allowJs":true,"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[57],[50,57],[50,57,65],[59],[48,49],[56,71],[53,56],[75],[115],[116,121,150],[117,122,128,129,136,147,158],[117,118,128,136],[119,159],[120,121,129,137],[121,147,155],[122,124,128,136],[115,123],[124,125],[128],[126,128],[115,128],[128,129,130,147,158],[128,129,130,143,147,150],[113,116,163],[124,128,131,136,147,158],[128,129,131,132,136,147,155,158],[131,133,147,155,158],[75,76,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165],[128,134],[135,158,163],[124,128,136,147],[137],[138],[115,139],[136,137,140,157,163],[141],[142],[128,143,144],[143,145,159,161],[116,128,147,148,149,150],[116,147,149],[147,148],[150],[151],[147],[128,153,154],[153,154],[121,136,147,155],[156],[136,157],[116,131,142,158],[121,159],[147,160],[135,161],[162],[116,121,128,130,139,147,158,161,163],[147,164],[50,53],[53],[51,52],[58,59,60,61,62,63,64,65,66],[50,53,54,55],[86,90,158],[86,147,158],[81],[83,86,155,158],[136,155],[166],[81,166],[83,86,136,158],[78,79,82,85,116,128,147,158],[78,84],[105,106],[82,86,116,150,158,166],[116,166],[105,116,166],[80,81,166],[86],[80,81,82,83,84,85,86,87,88,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,106,107,108,109,110,111,112],[86,93,94],[84,86,94,95],[85],[78,81,86],[86,90,94,95],[90],[84,86,89,158],[78,83,86,93],[116,147],[78,83,86,93,100],[81,86,105,116,163,166],[47,68,69],[47,56,67],[47,56,69,72],[47,56,68,72]],"referencedMap":[[58,1],[61,2],[59,2],[63,2],[66,3],[65,2],[64,2],[62,2],[60,4],[50,5],[72,6],[71,7],[75,8],[76,8],[115,9],[116,10],[117,11],[118,12],[119,13],[120,14],[121,15],[122,16],[123,17],[124,18],[125,18],[127,19],[126,20],[128,21],[129,22],[130,23],[114,24],[131,25],[132,26],[133,27],[166,28],[134,29],[135,30],[136,31],[137,32],[138,33],[139,34],[140,35],[141,36],[142,37],[143,38],[144,38],[145,39],[147,40],[149,41],[148,42],[150,43],[151,44],[152,45],[153,46],[154,47],[155,48],[156,49],[157,50],[158,51],[159,52],[160,53],[161,54],[162,55],[163,56],[164,57],[54,58],[51,59],[53,60],[67,61],[56,62],[93,63],[102,64],[92,63],[111,65],[84,66],[83,67],[110,68],[104,69],[109,70],[86,71],[85,72],[107,73],[81,74],[80,75],[108,76],[82,77],[87,78],[91,78],[113,79],[112,78],[95,80],[96,81],[98,82],[94,83],[97,84],[105,68],[89,85],[90,86],[99,87],[79,88],[101,89],[100,78],[106,90],[70,91],[69,92],[68,92],[73,93],[74,94]]},"version":"5.5.4"}
1
+ {"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.date.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../node_modules/tslib/tslib.d.ts","../../../node_modules/@lit/reactive-element/css-tag.d.ts","../../../node_modules/@lit/reactive-element/reactive-controller.d.ts","../../../node_modules/@lit/reactive-element/reactive-element.d.ts","../../../node_modules/lit-html/directive.d.ts","../../../node_modules/@types/trusted-types/lib/index.d.ts","../../../node_modules/lit-html/lit-html.d.ts","../../../node_modules/lit-element/lit-element.d.ts","../../../node_modules/lit-html/is-server.d.ts","../../../node_modules/lit/index.d.ts","../../../node_modules/@lit/reactive-element/decorators/base.d.ts","../../../node_modules/@lit/reactive-element/decorators/custom-element.d.ts","../../../node_modules/@lit/reactive-element/decorators/property.d.ts","../../../node_modules/@lit/reactive-element/decorators/state.d.ts","../../../node_modules/@lit/reactive-element/decorators/event-options.d.ts","../../../node_modules/@lit/reactive-element/decorators/query.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-all.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-async.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-nodes.d.ts","../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.d.ts","../../../node_modules/lit/decorators.d.ts","../src/ox-tree.ts","../src/ox-tree-vertical.ts","../src/index.ts","../../../node_modules/@material/web/icon/internal/icon.d.ts","../../../node_modules/@material/web/icon/icon.d.ts","../stories/data-tree-vertical.stories.ts","../stories/data-tree.stories.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/buffer/index.d.ts","../../../node_modules/undici-types/header.d.ts","../../../node_modules/undici-types/readable.d.ts","../../../node_modules/undici-types/file.d.ts","../../../node_modules/undici-types/fetch.d.ts","../../../node_modules/undici-types/formdata.d.ts","../../../node_modules/undici-types/connector.d.ts","../../../node_modules/undici-types/client.d.ts","../../../node_modules/undici-types/errors.d.ts","../../../node_modules/undici-types/dispatcher.d.ts","../../../node_modules/undici-types/global-dispatcher.d.ts","../../../node_modules/undici-types/global-origin.d.ts","../../../node_modules/undici-types/pool-stats.d.ts","../../../node_modules/undici-types/pool.d.ts","../../../node_modules/undici-types/handlers.d.ts","../../../node_modules/undici-types/balanced-pool.d.ts","../../../node_modules/undici-types/agent.d.ts","../../../node_modules/undici-types/mock-interceptor.d.ts","../../../node_modules/undici-types/mock-agent.d.ts","../../../node_modules/undici-types/mock-client.d.ts","../../../node_modules/undici-types/mock-pool.d.ts","../../../node_modules/undici-types/mock-errors.d.ts","../../../node_modules/undici-types/proxy-agent.d.ts","../../../node_modules/undici-types/retry-handler.d.ts","../../../node_modules/undici-types/retry-agent.d.ts","../../../node_modules/undici-types/api.d.ts","../../../node_modules/undici-types/util.d.ts","../../../node_modules/undici-types/cookies.d.ts","../../../node_modules/undici-types/patch.d.ts","../../../node_modules/undici-types/websocket.d.ts","../../../node_modules/undici-types/eventsource.d.ts","../../../node_modules/undici-types/filereader.d.ts","../../../node_modules/undici-types/diagnostics-channel.d.ts","../../../node_modules/undici-types/content-type.d.ts","../../../node_modules/undici-types/cache.d.ts","../../../node_modules/undici-types/interceptors.d.ts","../../../node_modules/undici-types/index.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/sea.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/@types/mocha/index.d.ts"],"fileInfos":[{"version":"44e584d4f6444f58791784f1d530875970993129442a847597db702a073ca68c","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","9a68c0c07ae2fa71b44384a839b7b8d81662a236d4b9ac30916718f7510b1b2d","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"4af6b0c727b7a2896463d512fafd23634229adf69ac7c00e2ae15a09cb084fad","affectsGlobalScope":true},{"version":"6920e1448680767498a0b77c6a00a8e77d14d62c3da8967b171f1ddffa3c18e4","affectsGlobalScope":true},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"bc47685641087c015972a3f072480889f0d6c65515f12bd85222f49a98952ed7","affectsGlobalScope":true},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true},{"version":"93495ff27b8746f55d19fcbcdbaccc99fd95f19d057aed1bd2c0cafe1335fbf0","affectsGlobalScope":true},{"version":"6fc23bb8c3965964be8c597310a2878b53a0306edb71d4b5a4dfe760186bcc01","affectsGlobalScope":true},{"version":"ea011c76963fb15ef1cdd7ce6a6808b46322c527de2077b6cfdf23ae6f5f9ec7","affectsGlobalScope":true},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true},{"version":"bb42a7797d996412ecdc5b2787720de477103a0b2e53058569069a0e2bae6c7e","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"b541a838a13f9234aba650a825393ffc2292dc0fc87681a5d81ef0c96d281e7a","affectsGlobalScope":true},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true},{"version":"ae37d6ccd1560b0203ab88d46987393adaaa78c919e51acf32fb82c86502e98c","affectsGlobalScope":true},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"5e07ed3809d48205d5b985642a59f2eba47c402374a7cf8006b686f79efadcbd","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"479553e3779be7d4f68e9f40cdb82d038e5ef7592010100410723ceced22a0f7","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"811c71eee4aa0ac5f7adf713323a5c41b0cf6c4e17367a34fbce379e12bbf0a4","affectsGlobalScope":true},{"version":"33358442698bb565130f52ba79bfd3d4d484ac85fe33f3cb1759c54d18201393","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"4a882ffbb4ed09d9b7734f784aebb1dfe488d63725c40759165c5d9c657ca029","e056bb30bf82271634daeee81f772f4a7960085f01f6d4d09c8da1ebe5f6a623","5e30131b6a5587fe666926ad1d9807e733c0a597ed12d682669fcaa331aea576",{"version":"86492a546c3308feaf1dde967afd325c321483b5e96f5fa9e9b6e691dc23fa9e","affectsGlobalScope":true},"00cb63103f9670f8094c238a4a7e252c8b4c06ba371fea5c44add7e41b7247e4","15fe687c59d62741b4494d5e623d497d55eb38966ecf5bea7f36e48fc3fbe15e","43f58358870effc43ba93c92c040dee2285cbd8685ddfa77658e498780727c4e","9a318e3a8900672b85cd3c8c3a5acf51b88049557a3ae897ccdcf2b85a8f61f9","1bcd560deed90a43c51b08aa18f7f55229f2e30974ab5ed1b7bb5721be379013","dc08fe04e50bc24d1baded4f33e942222bbdd5d77d6341a93cfe6e4e4586a3be","cdeae34aca6700620ebf3f27cf7d439c3af97595dd6e2729fa4780483add5680","3ff87ea3471b51beaf4aa8fd8f4422862b11d343fdbb55bf383e0f8cc195a445","1cc188904259bd0985b24d9dc2a160891cb5e94210901466b951716fcdb4ff62","732fb71ecb695d6f36ddcbb72ebfe4ff6b6491d45101a00fa2b75a26b80d640f","039cb05125d7621f8143616c495b8e6b54249c4e64d2754b80ff93867f7f4b01","1b81f1fa82ad30af01ab1cae91ccaddc10c48f5916bbd6d282155e44a65d858d","a0fc7a02a75802678a67000607f20266cf1a49dc0e787967efe514e31b9ed0c3","5ebf098a1d81d400b8af82807cf19893700335cf91a7b9dbd83a5d737af34b11","101cf83ac3f9c5e1a7355a02e4fbe988877ef83c4ebec0ff0f02b2af022254a3","d017e2fcd44b46ca80cd2b592a6314e75f5caab5bda230f0f4a45e964049a43a","a8992b852521a66f63e0cedc6e1f054b28f972232b6fa5ca59771db6a1c8bbea",{"version":"fc6e9e9a80b0525d61eef76ce32508df74fe941040ef934d7c8df623f5f97fff","signature":"650c86d154fd654a23ceacff2cc29052749907b79ee1eec9f7a4001170a97724"},{"version":"c3feaa4463934a0c064eaf952ab64fa897f424e9d63356fe2ecc58755b5ed561","signature":"528409b32535bc6c14734d103033a978e2268f8a81fc1be365167a90b0cc522d"},{"version":"99e447b7f4dd58034015402e19393c664530c72f5669b7430dd11936622eb673","signature":"f76e6bfeb5b730680de14ea12b25c6f7cbd9f8d46d846e3e6c5f281351e77aa1"},"5565deadc1d553f9f1ef370351432c258d2a6f1a5ca47e574e5430db824468c7",{"version":"4ae1ed87c59518f4e0918a21409ec3020e97037a386b57953c6b9fed9cad6949","affectsGlobalScope":true},{"version":"b0bd9e2120a40bde3fb8a6bc50dba2f1f37c7870d27557b1ed13157253f5cdf6","signature":"1913f7661f078cb1d5e9e73d0be7fd2a5dc5e559c95611361f0b3ca265530f30"},{"version":"a8b5b8d4af5a4d4c7743779fb40f2e72c0bf23cc4e7937311e0f4cb832612a88","signature":"b5681b9391f38dc9fae7f4bc611f6a7441cda1517042b76b825004a5835e4a14"},"e142fda89ed689ea53d6f2c93693898464c7d29a0ae71c6dc8cdfe5a1d76c775","7394959e5a741b185456e1ef5d64599c36c60a323207450991e7a42e08911419","8e9c23ba78aabc2e0a27033f18737a6df754067731e69dc5f52823957d60a4b6","5929864ce17fba74232584d90cb721a89b7ad277220627cc97054ba15a98ea8f","24bd580b5743dc56402c440dc7f9a4f5d592ad7a419f25414d37a7bfe11e342b","25c8056edf4314820382a5fdb4bb7816999acdcb929c8f75e3f39473b87e85bc","34b4f256dd3c591cb7c9e96a763d79d54b69d417709b9015dcec3ac5583eec73","3e4825171442666d31c845aeb47fcd34b62e14041bb353ae2b874285d78482aa","c6fd2c5a395f2432786c9cb8deb870b9b0e8ff7e22c029954fabdd692bff6195","1d6e127068ea8e104a912e42fc0a110e2aa5a66a356a917a163e8cf9a65e4a75","e9775e97ac4877aebf963a0289c81abe76d1ec9a2a7778dbe637e5151f25c5f3","57386628c539248e4f428d5308a69f98f4a6a3cd42a053f017d9dd3fd5a43bc5","cadc8aced301244057c4e7e73fbcae534b0f5b12a37b150d80e5a45aa4bebcbd","385aab901643aa54e1c36f5ef3107913b10d1b5bb8cbcd933d4263b80a0d7f20","9670d44354bab9d9982eca21945686b5c24a3f893db73c0dae0fd74217a4c219","0b8a9268adaf4da35e7fa830c8981cfa22adbbe5b3f6f5ab91f6658899e657a7","11396ed8a44c02ab9798b7dca436009f866e8dae3c9c25e8c1fbc396880bf1bb","ba7bc87d01492633cb5a0e5da8a4a42a1c86270e7b3d2dea5d156828a84e4882","4893a895ea92c85345017a04ed427cbd6a1710453338df26881a6019432febdd","3a84b7cb891141824bd00ef8a50b6a44596aded4075da937f180c90e362fe5f6","13f6f39e12b1518c6650bbb220c8985999020fe0f21d818e28f512b7771d00f9","9b5369969f6e7175740bf51223112ff209f94ba43ecd3bb09eefff9fd675624a","4fe9e626e7164748e8769bbf74b538e09607f07ed17c2f20af8d680ee49fc1da","24515859bc0b836719105bb6cc3d68255042a9f02a6022b3187948b204946bd2","ea0148f897b45a76544ae179784c95af1bd6721b8610af9ffa467a518a086a43","dd3273ead9fbde62a72949c97dbec2247ea08e0c6952e701a483d74ef92d6a17","8b9bf58d580d9b36ab2f23178c88757ce7cc6830ccbdd09e8a76f4cb1bc0fcf7","0db18c6e78ea846316c012478888f33c11ffadab9efd1cc8bcc12daded7a60b6","7782678102bd835ef2c54330ee16c31388e51dfd9ca535b47f6fd8f3d6e07993","89167d696a849fce5ca508032aabfe901c0868f833a8625d5a9c6e861ef935d2","e53a3c2a9f624d90f24bf4588aacd223e7bec1b9d0d479b68d2f4a9e6011147f","24b8685c62562f5d98615c5a0c1d05f297cf5065f15246edfe99e81ec4c0e011","1a42891defae8cec268a4f8903140dbf0d214c0cf9ed8fdc1eb6c25e5b3e9a5c","339dc5265ee5ed92e536a93a04c4ebbc2128f45eeec6ed29f379e0085283542c","4732aec92b20fb28c5fe9ad99521fb59974289ed1e45aecb282616202184064f","2e85db9e6fd73cfa3d7f28e0ab6b55417ea18931423bd47b409a96e4a169e8e6","c46e079fe54c76f95c67fb89081b3e399da2c7d109e7dca8e4b58d83e332e605","d32275be3546f252e3ad33976caf8c5e842c09cb87d468cb40d5f4cf092d1acc","37e97c64b890352421ccb29cd8ede863774df8f03763416f6a572093f6058284",{"version":"6f73fc82f51bcdf0487fc982f062eeadae02e0251dd2e4c444043edb247a7d3b","affectsGlobalScope":true},"db3ec8993b7596a4ef47f309c7b25ee2505b519c13050424d9c34701e5973315",{"version":"e7f13a977b01cc54adb4408a9265cda9ddf11db878d70f4f3cac64bef00062e6","affectsGlobalScope":true},"af49b066a76ce26673fe49d1885cc6b44153f1071ed2d952f2a90fccba1095c9","f22fd1dc2df53eaf5ce0ff9e0a3326fc66f880d6a652210d50563ae72625455f",{"version":"3ddbdb519e87a7827c4f0c4007013f3628ca0ebb9e2b018cf31e5b2f61c593f1","affectsGlobalScope":true},"a40826e8476694e90da94aa008283a7de50d1dafd37beada623863f1901cb7fb",{"version":"6d498d4fd8036ea02a4edcae10375854a0eb1df0496cf0b9d692577d3c0fd603","affectsGlobalScope":true},"24642567d3729bcc545bacb65ee7c0db423400c7f1ef757cab25d05650064f98","fd09b892597ab93e7f79745ce725a3aaf6dd005e8db20f0c63a5d10984cba328","a3be878ff1e1964ab2dc8e0a3b67087cf838731c7f3d8f603337e7b712fdd558","5433f7f77cd1fd53f45bd82445a4e437b2f6a72a32070e907530a4fea56c30c8","9be74296ee565af0c12d7071541fdd23260f53c3da7731fb6361f61150a791f6",{"version":"ee1ee365d88c4c6c0c0a5a5701d66ebc27ccd0bcfcfaa482c6e2e7fe7b98edf7","affectsGlobalScope":true},{"version":"f501a53b94ba382d9ba396a5c486969a3abc68309828fa67f916035f5d37fe2b","affectsGlobalScope":true},"1ee6224fcd037010a846f0222f8d607171aed9fa486b038b285dd49936911735","9cb2378b2c1aaed8b097615b1103e92844f933dfd0bfd8d9ed9c5b045ffb143e","bcfcff784a59db3f323c25cea5ae99a903ca9292c060f2c7e470ea73aaf71b44","672ad3045f329e94002256f8ed460cfd06173a50c92cde41edaadfacffd16808","64da4965d1e0559e134d9c1621ae400279a216f87ed00c4cce4f2c7c78021712","ddbf3aac94f85dbb8e4d0360782e60020da75a0becfc0d3c69e437c645feb30f",{"version":"0166fce1204d520fdfd6b5febb3cda3deee438bcbf8ce9ffeb2b1bcde7155346","affectsGlobalScope":true},"d8b13eab85b532285031b06a971fa051bf0175d8fff68065a24a6da9c1c986cf","50c382ba1827988c59aa9cc9d046e386d55d70f762e9e352e95ee8cb7337cdb8","2178ab4b68402d1de2dda199d3e4a55f7200e3334f5a9727fbd9d16975cdf75f",{"version":"e686bec498fbde620cc6069cc60c968981edd7591db7ca7e4614e77417eb41f2","affectsGlobalScope":true},{"version":"9e523e73ee7dd119d99072fd855404efc33938c168063771528bd1deb6df56d2","affectsGlobalScope":true},"a215554477f7629e3dcbc8cde104bec036b78673650272f5ffdc5a2cee399a0a","c3497fc242aabfedcd430b5932412f94f157b5906568e737f6a18cc77b36a954","cdc1de3b672f9ef03ff15c443aa1b631edca35b6ae6970a7da6400647ff74d95","139ad1dc93a503da85b7a0d5f615bddbae61ad796bc68fedd049150db67a1e26","bf01fdd3b93cf633b3f7420718457af19c57ab8cbfea49268df60bae2e84d627","15c5e91b5f08be34a78e3d976179bf5b7a9cc28dc0ef1ffebffeb3c7812a2dca","65b39cc6b610a4a4aecc321f6efb436f10c0509d686124795b4c36a5e915b89e","269929a24b2816343a178008ac9ae9248304d92a8ba8e233055e0ed6dbe6ef71","93452d394fdd1dc551ec62f5042366f011a00d342d36d50793b3529bfc9bd633","3c1f19c7abcda6b3a4cf9438a15c7307a080bd3b51dfd56b198d9f86baf19447","d3edb86744e2c19f2c1503849ac7594a5e06024f2451bacae032390f2e20314a",{"version":"7d55ea964fcefff729f78a9e9e0a7fbb5be4603b496b9b82571e2555e72057b4","affectsGlobalScope":true},{"version":"8a3e61347b8f80aa5af532094498bceb0c0b257b25a6aa8ab4880fd6ed57c95a","affectsGlobalScope":true},"98e00f3613402504bc2a2c9a621800ab48e0a463d1eed062208a4ae98ad8f84c","4301becc26a79eb5f4552f7bee356c2534466d3b5cd68b71523e1929d543de89","5475df7cfc493a08483c9d7aa61cc04791aecba9d0a2efc213f23c4006d4d3cd","000720870b275764c65e9f28ac97cc9e4d9e4a36942d4750ca8603e416e9c57c",{"version":"54412c70bacb9ed547ed6caae8836f712a83ccf58d94466f3387447ec4e82dc3","affectsGlobalScope":true},{"version":"1d274b8bb8ca011148f87e128392bfcd17a12713b6a4e843f0fa9f3f6b45e2b1","affectsGlobalScope":true},"4c48e931a72f6971b5add7fdb1136be1d617f124594e94595f7114af749395e0","478eb5c32250678a906d91e0529c70243fc4d75477a08f3da408e2615396f558","e686a88c9ee004c8ba12ffc9d674ca3192a4c50ed0ca6bd5b2825c289e2b2bfe",{"version":"98d547613610452ac9323fb9ec4eafc89acab77644d6e23105b3c94913f712b3","affectsGlobalScope":true},"3c1fa648ff7a62e4054bc057f7d392cb96dd019130c71d13894337add491d9f3",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"a42be67ed1ddaec743582f41fc219db96a1b69719fccac6d1464321178d610fc",{"version":"90ebf5865e27d8966ef44b073e6e83b0ddd45058bab1d58b1e4b5a47d36396c4","affectsGlobalScope":true}],"root":[[68,70],73,74],"options":{"allowJs":true,"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":true,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./","rootDir":"..","sourceMap":true,"strict":true,"target":5,"useDefineForClassFields":false},"fileIdsList":[[57],[50,57],[50,57,65],[59],[48,49],[56,71],[53,56],[75],[115],[116,121,150],[117,122,128,129,136,147,158],[117,118,128,136],[119,159],[120,121,129,137],[121,147,155],[122,124,128,136],[115,123],[124,125],[128],[126,128],[115,128],[128,129,130,147,158],[128,129,130,143,147,150],[113,116,163],[124,128,131,136,147,158],[128,129,131,132,136,147,155,158],[131,133,147,155,158],[75,76,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165],[128,134],[135,158,163],[124,128,136,147],[137],[138],[115,139],[136,137,140,157,163],[141],[142],[128,143,144],[143,145,159,161],[116,128,147,148,149,150],[116,147,149],[147,148],[150],[151],[147],[128,153,154],[153,154],[121,136,147,155],[156],[136,157],[116,131,142,158],[121,159],[147,160],[135,161],[162],[116,121,128,130,139,147,158,161,163],[147,164],[50,53],[53],[51,52],[58,59,60,61,62,63,64,65,66],[50,53,54,55],[86,90,158],[86,147,158],[81],[83,86,155,158],[136,155],[166],[81,166],[83,86,136,158],[78,79,82,85,116,128,147,158],[78,84],[105,106],[82,86,116,150,158,166],[116,166],[105,116,166],[80,81,166],[86],[80,81,82,83,84,85,86,87,88,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,106,107,108,109,110,111,112],[86,93,94],[84,86,94,95],[85],[78,81,86],[86,90,94,95],[90],[84,86,89,158],[78,83,86,93],[116,147],[78,83,86,93,100],[81,86,105,116,163,166],[47,68,69],[47,56,67],[47,56,69,72],[47,56,68,72]],"referencedMap":[[58,1],[61,2],[59,2],[63,2],[66,3],[65,2],[64,2],[62,2],[60,4],[50,5],[72,6],[71,7],[75,8],[76,8],[115,9],[116,10],[117,11],[118,12],[119,13],[120,14],[121,15],[122,16],[123,17],[124,18],[125,18],[127,19],[126,20],[128,21],[129,22],[130,23],[114,24],[131,25],[132,26],[133,27],[166,28],[134,29],[135,30],[136,31],[137,32],[138,33],[139,34],[140,35],[141,36],[142,37],[143,38],[144,38],[145,39],[147,40],[149,41],[148,42],[150,43],[151,44],[152,45],[153,46],[154,47],[155,48],[156,49],[157,50],[158,51],[159,52],[160,53],[161,54],[162,55],[163,56],[164,57],[54,58],[51,59],[53,60],[67,61],[56,62],[93,63],[102,64],[92,63],[111,65],[84,66],[83,67],[110,68],[104,69],[109,70],[86,71],[85,72],[107,73],[81,74],[80,75],[108,76],[82,77],[87,78],[91,78],[113,79],[112,78],[95,80],[96,81],[98,82],[94,83],[97,84],[105,68],[89,85],[90,86],[99,87],[79,88],[101,89],[100,78],[106,90],[70,91],[69,92],[68,92],[73,93],[74,94]]},"version":"5.5.4"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@operato/data-tree",
3
- "version": "7.0.53",
3
+ "version": "7.0.55",
4
4
  "description": "User interface for tree structure data",
5
5
  "author": "heartyoh",
6
6
  "main": "dist/index.js",
@@ -42,7 +42,7 @@
42
42
  "storybook:build": "tsc && build-storybook"
43
43
  },
44
44
  "dependencies": {
45
- "@operato/styles": "^7.0.53",
45
+ "@operato/styles": "^7.0.54",
46
46
  "i18next": "^23.11.5",
47
47
  "lit": "^3.1.2",
48
48
  "lodash-es": "^4.17.21"
@@ -80,5 +80,5 @@
80
80
  "prettier --write"
81
81
  ]
82
82
  },
83
- "gitHead": "1b56b8daa9f91c79055a41fccd9a072358fee823"
83
+ "gitHead": "19ccc6c81dd77d58227140c6f8d1b3a6656e63c8"
84
84
  }
package/src/ox-tree-vertical.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Inspired by https://www.cssscript.com/clean-tree-diagram/ */
2
2
 
3
- import { PropertyValues, html, css, LitElement, TemplateResult } from 'lit'
3
+ import { html, css, LitElement, TemplateResult, nothing } from 'lit'
4
4
  import { customElement, property, state } from 'lit/decorators.js'
5
5
 
6
6
  type TreeItem = {
@@ -9,7 +9,7 @@ type TreeItem = {
9
9
  }
10
10
 
11
11
  @customElement('ox-tree-vertical')
12
- export class TreeViewPage extends LitElement {
12
+ export class TreeViewVertical extends LitElement {
13
13
  static styles = [
14
14
  css`
15
15
  :host {
@@ -23,21 +23,30 @@ export class TreeViewPage extends LitElement {
23
23
  padding: 0;
24
24
  position: relative;
25
25
  }
26
+
26
27
  ul[root] {
27
28
  margin: 0 0 1em;
28
29
  text-align: center;
29
30
  }
31
+
32
+ ul[root]:before {
33
+ display: none;
34
+ }
35
+
30
36
  ul {
31
37
  display: table;
32
38
  }
39
+
33
40
  ul {
34
41
  width: 100%;
35
42
  }
43
+
36
44
  li {
37
45
  display: table-cell;
38
- padding: 0.5em 0;
46
+ padding: 1em 0;
39
47
  vertical-align: top;
40
48
  }
49
+
41
50
  li:before {
42
51
  outline: solid 1px #666;
43
52
  content: '';
@@ -46,50 +55,90 @@ export class TreeViewPage extends LitElement {
46
55
  right: 0;
47
56
  top: 0;
48
57
  }
58
+
49
59
  li:first-child:before {
50
60
  left: 50%;
51
61
  }
62
+
52
63
  li:last-child:before {
53
64
  right: 50%;
54
65
  }
66
+
55
67
  code,
56
68
  span {
57
69
  border: solid 0.1em #666;
58
70
  border-radius: 0.2em;
59
71
  display: inline-block;
60
- margin: 0 0.2em 0.5em;
61
- padding: 0.2em 0.5em;
72
+ margin: 0 0.2em 1em;
62
73
  position: relative;
74
+ min-width: 120px;
63
75
  }
76
+
64
77
  span[selected] {
65
- background-color: red;
78
+ color: var(--md-sys-color-on-tertiary);
79
+ background-color: var(--md-sys-color-tertiary);
66
80
  }
81
+
67
82
  ul:before,
68
83
  code:before,
69
84
  span:before {
70
85
  outline: solid 1px #666;
71
86
  content: '';
72
- height: 0.5em;
87
+ height: 1em;
73
88
  left: 50%;
74
89
  position: absolute;
75
90
  }
91
+
76
92
  ul:before {
77
- top: -0.5em;
93
+ top: -1em;
78
94
  }
95
+
79
96
  code:before,
80
97
  span:before {
81
- top: -0.55em;
98
+ top: -1.1em;
82
99
  }
83
100
 
84
101
  ul[root] > li {
85
102
  margin-top: 0;
86
103
  }
104
+
87
105
  ul[root] > li:before,
88
106
  ul[root] > li:after,
89
107
  ul[root] > li > code:before,
90
108
  ul[root] > li > span:before {
91
109
  outline: none;
92
110
  }
111
+
112
+ span {
113
+ display: inline-block;
114
+ background-color: var(--md-sys-color-surface);
115
+
116
+ div[header] {
117
+ font-weight: bold;
118
+ font-size: 0.8em;
119
+ color: var(--md-sys-color-on-primary, #fff);
120
+ background-color: var(--md-sys-color-primary, #333);
121
+ padding: 0.5em 1em;
122
+ text-align: center;
123
+ width: 100%;
124
+ box-sizing: border-box;
125
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
126
+ }
127
+
128
+ div[label] {
129
+ font-size: 1em;
130
+ background-color: transparent;
131
+ padding: 0.5em;
132
+ text-align: left;
133
+ }
134
+
135
+ div[description] {
136
+ font-size: 0.8em;
137
+ background-color: transparent;
138
+ padding: 0.5em;
139
+ text-align: left;
140
+ }
141
+ }
93
142
  `
94
143
  ]
95
144
 
@@ -97,6 +146,7 @@ export class TreeViewPage extends LitElement {
97
146
  @property({ type: Object }) selected?: TreeItem
98
147
  @property({ type: String, attribute: 'id-property' }) idProperty: string = 'id'
99
148
  @property({ type: String, attribute: 'label-property' }) labelProperty: string = 'label'
149
+ @property({ type: String, attribute: 'description-property' }) descriptionProperty?: string
100
150
  @property({ type: String, attribute: 'children-property' }) childrenProperty: string = 'children'
101
151
 
102
152
  render() {
@@ -118,8 +168,12 @@ export class TreeViewPage extends LitElement {
118
168
  const selected = id === this.selected?.[this.idProperty]
119
169
 
120
170
  return html`
121
- <li .item=${item} @click=${this.onClickSelect.bind(this)}>
122
- <span ?selected=${selected}>${label}</span>
171
+ <li .item=${item}>
172
+ <span ?selected=${selected} @click=${this.onClickSelect.bind(this)}>
173
+ <div header>${id}</div>
174
+ <div label>${label}</div>
175
+ ${this.descriptionProperty ? html` <div description>${item[this.descriptionProperty]}&nbsp;</div>` : nothing}
176
+ </span>
123
177
 
124
178
  ${expandable
125
179
  ? html`
package/stories/data-tree-vertical.stories.ts CHANGED
@@ -42,35 +42,44 @@ const Template: Story<ArgTypes> = ({ data }: ArgTypes) => html`
42
42
  <link href="/themes/grist-theme.css" rel="stylesheet" />
43
43
  <link href="/themes/form-theme.css" rel="stylesheet" />
44
44
 
45
- <ox-tree-vertical .data=${data}></ox-tree-vertical>
45
+ <ox-tree-vertical .data=${data} description-property="description"></ox-tree-vertical>
46
46
  `
47
47
 
48
48
  export const Regular = Template.bind({})
49
49
  Regular.args = {
50
50
  data: {
51
+ id: 'H000',
51
52
  label: 'Home',
52
53
  children: [
53
54
  {
55
+ id: 'H001',
54
56
  label: 'About us',
55
57
  children: [
56
58
  {
59
+ id: 'H101',
57
60
  label: 'Our history',
58
61
  children: [
59
62
  {
60
- label: 'Founder'
63
+ id: 'H111',
64
+ label: 'Founder',
65
+ description: 'long long founder history'
61
66
  }
62
67
  ]
63
68
  },
64
69
  {
70
+ id: 'H102',
65
71
  label: 'Our board',
66
72
  children: [
67
73
  {
74
+ id: 'H121',
68
75
  label: 'Brad Whiteman'
69
76
  },
70
77
  {
78
+ id: 'H122',
71
79
  label: 'Cynthia Tolken'
72
80
  },
73
81
  {
82
+ id: 'H123',
74
83
  label: 'Bobby Founderson'
75
84
  }
76
85
  ]
@@ -78,20 +87,25 @@ Regular.args = {
78
87
  ]
79
88
  },
80
89
  {
90
+ id: 'H002',
81
91
  label: 'Our products',
82
92
  children: [
83
93
  {
94
+ id: 'H201',
84
95
  label: 'The Widget 2000™',
85
96
  children: [
86
97
  {
98
+ id: 'H211',
87
99
  label: 'Order form'
88
100
  }
89
101
  ]
90
102
  },
91
103
  {
104
+ id: 'H202',
92
105
  label: 'The McGuffin V2',
93
106
  children: [
94
107
  {
108
+ id: 'H221',
95
109
  label: 'Order form'
96
110
  }
97
111
  ]
@@ -99,12 +113,15 @@ Regular.args = {
99
113
  ]
100
114
  },
101
115
  {
116
+ id: 'H003',
102
117
  label: 'Contact us',
103
118
  children: [
104
119
  {
120
+ id: 'H301',
105
121
  label: 'Social media',
106
122
  children: [
107
123
  {
124
+ id: 'H311',
108
125
  label: 'Facebook'
109
126
  }
110
127
  ]