@nuralyui/table 0.0.3 → 0.0.7

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 (89) hide show
  1. package/bundle.js +2351 -0
  2. package/package.json +16 -2
  3. package/react.js +2 -2
  4. package/react.js.map +1 -1
  5. package/table.component.d.ts +112 -12
  6. package/table.component.js +285 -136
  7. package/table.component.js.map +1 -1
  8. package/table.style.js +676 -2
  9. package/table.style.js.map +1 -1
  10. package/table.types.d.ts +60 -4
  11. package/table.types.js +0 -23
  12. package/table.types.js.map +1 -1
  13. package/components/hy-table-actions.d.ts +0 -10
  14. package/components/hy-table-actions.d.ts.map +0 -1
  15. package/components/hy-table-actions.js +0 -39
  16. package/components/hy-table-actions.js.map +0 -1
  17. package/components/hy-table-content.d.ts +0 -25
  18. package/components/hy-table-content.d.ts.map +0 -1
  19. package/components/hy-table-content.js +0 -168
  20. package/components/hy-table-content.js.map +0 -1
  21. package/components/hy-table-filter.d.ts +0 -11
  22. package/components/hy-table-filter.d.ts.map +0 -1
  23. package/components/hy-table-filter.js +0 -59
  24. package/components/hy-table-filter.js.map +0 -1
  25. package/components/hy-table-pagination.d.ts +0 -21
  26. package/components/hy-table-pagination.d.ts.map +0 -1
  27. package/components/hy-table-pagination.js +0 -111
  28. package/components/hy-table-pagination.js.map +0 -1
  29. package/components/table-actions.style.d.ts +0 -2
  30. package/components/table-actions.style.d.ts.map +0 -1
  31. package/components/table-actions.style.js +0 -31
  32. package/components/table-actions.style.js.map +0 -1
  33. package/components/table-actions.variables.d.ts +0 -2
  34. package/components/table-actions.variables.d.ts.map +0 -1
  35. package/components/table-actions.variables.js +0 -13
  36. package/components/table-actions.variables.js.map +0 -1
  37. package/components/table-content.style.d.ts +0 -2
  38. package/components/table-content.style.d.ts.map +0 -1
  39. package/components/table-content.style.js +0 -77
  40. package/components/table-content.style.js.map +0 -1
  41. package/components/table-content.variables.d.ts +0 -2
  42. package/components/table-content.variables.d.ts.map +0 -1
  43. package/components/table-content.variables.js +0 -29
  44. package/components/table-content.variables.js.map +0 -1
  45. package/components/table-filter.style.d.ts +0 -2
  46. package/components/table-filter.style.d.ts.map +0 -1
  47. package/components/table-filter.style.js +0 -39
  48. package/components/table-filter.style.js.map +0 -1
  49. package/components/table-filter.variables.d.ts +0 -2
  50. package/components/table-filter.variables.d.ts.map +0 -1
  51. package/components/table-filter.variables.js +0 -17
  52. package/components/table-filter.variables.js.map +0 -1
  53. package/components/table-pagination.style.d.ts +0 -2
  54. package/components/table-pagination.style.d.ts.map +0 -1
  55. package/components/table-pagination.style.js +0 -102
  56. package/components/table-pagination.style.js.map +0 -1
  57. package/components/table-pagination.variables.d.ts +0 -2
  58. package/components/table-pagination.variables.d.ts.map +0 -1
  59. package/components/table-pagination.variables.js +0 -17
  60. package/components/table-pagination.variables.js.map +0 -1
  61. package/demo/table-demo.d.ts +0 -17
  62. package/demo/table-demo.d.ts.map +0 -1
  63. package/demo/table-demo.js +0 -166
  64. package/demo/table-demo.js.map +0 -1
  65. package/index.d.ts.map +0 -1
  66. package/react.d.ts.map +0 -1
  67. package/table.component.d.ts.map +0 -1
  68. package/table.style.d.ts.map +0 -1
  69. package/table.types.d.ts.map +0 -1
  70. package/test/hy-table-actions_test.d.ts +0 -2
  71. package/test/hy-table-actions_test.d.ts.map +0 -1
  72. package/test/hy-table-actions_test.js +0 -32
  73. package/test/hy-table-actions_test.js.map +0 -1
  74. package/test/hy-table-content_test.d.ts +0 -2
  75. package/test/hy-table-content_test.d.ts.map +0 -1
  76. package/test/hy-table-content_test.js +0 -168
  77. package/test/hy-table-content_test.js.map +0 -1
  78. package/test/hy-table-filter_test.d.ts +0 -2
  79. package/test/hy-table-filter_test.d.ts.map +0 -1
  80. package/test/hy-table-filter_test.js +0 -80
  81. package/test/hy-table-filter_test.js.map +0 -1
  82. package/test/hy-table-pagination_test.d.ts +0 -2
  83. package/test/hy-table-pagination_test.d.ts.map +0 -1
  84. package/test/hy-table-pagination_test.js +0 -114
  85. package/test/hy-table-pagination_test.js.map +0 -1
  86. package/test/hy-table_test.d.ts +0 -2
  87. package/test/hy-table_test.d.ts.map +0 -1
  88. package/test/hy-table_test.js +0 -145
  89. package/test/hy-table_test.js.map +0 -1
@@ -1,166 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { LitElement, css, html } from 'lit';
8
- import { state } from 'lit/decorators.js';
9
- export class TableDemo extends LitElement {
10
- constructor() {
11
- super(...arguments);
12
- this.headers = [
13
- {
14
- name: 'Id',
15
- key: 'id',
16
- },
17
- {
18
- name: 'Status',
19
- key: 'status',
20
- },
21
- {
22
- name: 'Priority',
23
- key: 'priority',
24
- },
25
- {
26
- name: 'Title',
27
- key: 'title',
28
- },
29
- {
30
- name: 'Assignee',
31
- key: 'assignee',
32
- },
33
- ];
34
- this.rows = [
35
- {
36
- id: 1,
37
- status: 'Open',
38
- priority: 'Normal',
39
- title: 'Product Details Page - Variant Component (1)',
40
- assignee: 'William Jones',
41
- },
42
- {
43
- id: 2,
44
- status: 'Open',
45
- priority: 'High',
46
- title: 'Product Details Page - Variant Component (2)',
47
- assignee: 'Natalia Hayward',
48
- },
49
- {
50
- id: 3,
51
- status: 'Closed',
52
- priority: 'Normal',
53
- title: 'Product Details Page - Variant Component (3)',
54
- assignee: 'Jess Plant',
55
- },
56
- {
57
- id: 4,
58
- status: 'Open',
59
- priority: 'Normal',
60
- title: 'Product Details Page - Variant Component (4)',
61
- assignee: 'William Jones',
62
- },
63
- {
64
- id: 5,
65
- status: 'Open',
66
- priority: 'Normal',
67
- title: 'Product Details Page - Variant Component (5)',
68
- assignee: 'Kathleen Knowles',
69
- },
70
- {
71
- id: 6,
72
- status: 'Open',
73
- priority: 'High',
74
- title: 'Product Details Page - Variant Component (6)',
75
- assignee: 'Mel Young',
76
- },
77
- {
78
- id: 7,
79
- status: 'Closed',
80
- priority: 'Normal',
81
- title: 'Product Details Page - Variant Component (7)',
82
- assignee: 'Zahid Allison',
83
- },
84
- {
85
- id: 8,
86
- status: 'Closed',
87
- priority: 'High',
88
- title: 'Product Details Page - Variant Component (8)',
89
- assignee: 'William Jones',
90
- },
91
- ];
92
- }
93
- render() {
94
- return html `
95
- <h1>With selection</h1>
96
- <h3>Multiple selection</h3>
97
- <hy-table
98
- @onSelect=${(e) => {
99
- console.log('selected', e.detail.value);
100
- }}
101
- @onPaginate=${(e) => {
102
- console.log('page ', e.detail.value);
103
- }}
104
- @onSort=${(e) => {
105
- console.log('sorted ', e.detail.value);
106
- }}
107
- .headers="${this.headers}" .rows="${this.rows}" .selectionMode=${'multiple'}></hy-table>
108
- <h3>Single selection</h3>
109
- <hy-table .headers="${this.headers}" .rows="${this.rows}" .selectionMode=${'single'}></hy-table>
110
- <h1>With Expandable attribute (title)</h1>
111
- <hy-table .headers="${this.headers}" .rows="${this.rows}" .expandable=${'title'}></hy-table>
112
- <h1>With filter: search</h1>
113
- <hy-table .headers="${this.headers}" .rows="${this.rows}" .withFilter=${true}></hy-table>
114
- <h3>filter + expandable attribute (priority)</h3>
115
- <hy-table
116
- .headers="${this.headers}"
117
- .rows="${this.rows}"
118
- .withFilter=${true}
119
- .expandable=${'priority'}
120
- @onSelect=${(e) => {
121
- console.log('selected', e.detail.value);
122
- }}
123
- @onSearch=${(e) => {
124
- console.log('searched ', e.detail.value);
125
- }}
126
- @onSort=${(e) => {
127
- console.log('sorted ', e.detail.value);
128
- }}
129
- ></hy-table>
130
-
131
- <h1>Sizes</h1>
132
- <h3>Small size with selection</h3>
133
- <hy-table
134
- .headers="${this.headers}"
135
- .rows="${this.rows}"
136
- .size=${'small'}
137
- .selectionMode=${'multiple'}
138
- ></hy-table>
139
- <h3>Large size</h3>
140
- <hy-table .headers="${this.headers}" .rows="${this.rows}" .size=${'large'}></hy-table>
141
- <h3>Large size with multiple selection</h3>
142
- <hy-table
143
- .headers="${this.headers}"
144
- .rows="${this.rows}"
145
- .size=${'large'}
146
- .selectionMode=${'multiple'}
147
- ></hy-table>
148
- `;
149
- }
150
- }
151
- TableDemo.styles = [
152
- css `
153
- :host {
154
- display: block;
155
- width: 90%;
156
- }
157
- `,
158
- ];
159
- __decorate([
160
- state()
161
- ], TableDemo.prototype, "headers", void 0);
162
- __decorate([
163
- state()
164
- ], TableDemo.prototype, "rows", void 0);
165
- customElements.define('hy-table-demo', TableDemo);
166
- //# sourceMappingURL=table-demo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-demo.js","sourceRoot":"","sources":["../../../../src/components/table/demo/table-demo.ts"],"names":[],"mappings":"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","sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {state} from 'lit/decorators.js';\n\nexport class TableDemo extends LitElement {\n @state()\n headers = [\n {\n name: 'Id',\n key: 'id',\n },\n {\n name: 'Status',\n key: 'status',\n },\n {\n name: 'Priority',\n key: 'priority',\n },\n {\n name: 'Title',\n key: 'title',\n },\n {\n name: 'Assignee',\n key: 'assignee',\n },\n ];\n\n @state()\n rows = [\n {\n id: 1,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (1)',\n assignee: 'William Jones',\n },\n {\n id: 2,\n status: 'Open',\n priority: 'High',\n title: 'Product Details Page - Variant Component (2)',\n assignee: 'Natalia Hayward',\n },\n {\n id: 3,\n status: 'Closed',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (3)',\n assignee: 'Jess Plant',\n },\n {\n id: 4,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (4)',\n assignee: 'William Jones',\n },\n {\n id: 5,\n status: 'Open',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (5)',\n assignee: 'Kathleen Knowles',\n },\n {\n id: 6,\n status: 'Open',\n priority: 'High',\n title: 'Product Details Page - Variant Component (6)',\n assignee: 'Mel Young',\n },\n {\n id: 7,\n status: 'Closed',\n priority: 'Normal',\n title: 'Product Details Page - Variant Component (7)',\n assignee: 'Zahid Allison',\n },\n {\n id: 8,\n status: 'Closed',\n priority: 'High',\n title: 'Product Details Page - Variant Component (8)',\n assignee: 'William Jones',\n },\n ];\n static override styles = [\n css`\n :host {\n display: block;\n width: 90%;\n }\n `,\n ];\n override render() {\n return html`\n <h1>With selection</h1>\n <h3>Multiple selection</h3>\n <hy-table \n @onSelect=${(e:CustomEvent)=>{\n console.log('selected', e.detail.value)\n }} \n @onPaginate=${(e:CustomEvent)=>{\n console.log('page ',e.detail.value)\n }}\n @onSort=${(e:CustomEvent)=>{\n console.log('sorted ', e.detail.value)\n }}\n .headers=\"${this.headers}\" .rows=\"${this.rows}\" .selectionMode=${'multiple'}></hy-table>\n <h3>Single selection</h3>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .selectionMode=${'single'}></hy-table>\n <h1>With Expandable attribute (title)</h1>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .expandable=${'title'}></hy-table>\n <h1>With filter: search</h1>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .withFilter=${true}></hy-table>\n <h3>filter + expandable attribute (priority)</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .withFilter=${true}\n .expandable=${'priority'}\n @onSelect=${(e:CustomEvent)=>{\n console.log('selected', e.detail.value)\n }}\n @onSearch=${(e:CustomEvent)=>{\n console.log('searched ',e.detail.value)\n }}\n @onSort=${(e:CustomEvent)=>{\n console.log('sorted ', e.detail.value)\n }}\n ></hy-table>\n\n <h1>Sizes</h1>\n <h3>Small size with selection</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .size=${'small'}\n .selectionMode=${'multiple'}\n ></hy-table>\n <h3>Large size</h3>\n <hy-table .headers=\"${this.headers}\" .rows=\"${this.rows}\" .size=${'large'}></hy-table>\n <h3>Large size with multiple selection</h3>\n <hy-table\n .headers=\"${this.headers}\"\n .rows=\"${this.rows}\"\n .size=${'large'}\n .selectionMode=${'multiple'}\n ></hy-table>\n `;\n }\n}\ncustomElements.define('hy-table-demo', TableDemo);\n"]}
package/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
package/react.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/table/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,eAAO,MAAM,gBAAgB;;;;EAS3B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.component.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAgB,MAAM,KAAK,CAAC;AAEhE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iCAAiC,CAAC;AACzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAuB,MAAM,kBAAkB,CAAC;AAEpG,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAU;IAEP,OAAO,EAAG,OAAO,EAAE,CAAC;IACpB,IAAI,EAAE,EAAE,CAAM;IAC3B,IAAI,QAAgB;IACL,UAAU,UAAS;IACpB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IAE5C,WAAW,WAAmB;IAC9B,mBAAmB,SAAuB;IAC1C,aAAa,UAAM;IACnB,aAAa,EAAE,OAAO,EAAE,CAAM;IAC9B,WAAW,EAAG,MAAM,CAAC;IACrB,QAAQ,EAAE,EAAE,CAAM;IAClB,YAAY,UAAS;IACrB,aAAa,EAAE,aAAa,CAAyC;IAErE,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB9D,cAAc;IAGd,eAAe;IASf,kBAAkB,CAAC,gBAAgB,EAAE,WAAW;IAKhD,iBAAiB,CAAC,eAAe,EAAE,WAAW;IAU9C,eAAe,CAAC,aAAa,EAAE,WAAW;IAM1C,eAAe,CAAC,aAAa,EAAE,WAAW;IAM1C,gBAAgB,CAAC,cAAc,EAAE,WAAW;IAY5C,sBAAsB;IAKtB,aAAa,CAAC,WAAW,EAAE,WAAW;IAgBtC,gBAAgB,CAAC,cAAc,EAAE,WAAW;IAa5C,KAAK;IAkBL,UAAU;IAeD,MAAM;CAwChB"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.style.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.style.ts"],"names":[],"mappings":";AAEA,wBAWE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AACD,oBAAY,SAAS;IACnB,OAAO,IAAI;IACX,SAAS,IAAI;IACb,UAAU,KAAK;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,KAAK,CAAC"}
@@ -1,2 +0,0 @@
1
- import '../components/hy-table-actions';
2
- //# sourceMappingURL=hy-table-actions_test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-actions_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}
@@ -1,32 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import { html, fixture, expect } from '@open-wc/testing';
11
- import '../components/hy-table-actions';
12
- suite('HyTableActions', () => {
13
- test('init table actions', () => __awaiter(void 0, void 0, void 0, function* () {
14
- const selectedItems = 1;
15
- const el = yield fixture(html `<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`);
16
- const textContainer = el.shadowRoot.querySelector('span');
17
- expect(el.selectedItems).to.equal(selectedItems);
18
- expect(textContainer.textContent).to.equal(`${selectedItems} selected`);
19
- }));
20
- test('cancel selection', () => __awaiter(void 0, void 0, void 0, function* () {
21
- var _a;
22
- const el = yield fixture(html `<hy-table-actions></hy-table-actions>`);
23
- const cancelBtn = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
24
- let cancelSelectionDispatched = false;
25
- el.addEventListener('cancel-selection', () => {
26
- cancelSelectionDispatched = true;
27
- });
28
- cancelBtn === null || cancelBtn === void 0 ? void 0 : cancelBtn.click();
29
- expect(cancelSelectionDispatched).to.be.true;
30
- }));
31
- });
32
- //# sourceMappingURL=hy-table-actions_test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-actions_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-actions_test.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAGxC,KAAK,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,oBAAoB,EAAE,GAAS,EAAE;QACpC,MAAM,aAAa,GAAG,CAAC,CAAC;QACxB,MAAM,EAAE,GAAmB,MAAM,OAAO,CACtC,IAAI,CAAA,oCAAoC,aAAa,sBAAsB,CAC5E,CAAC;QACF,MAAM,aAAa,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC;QAC5D,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAAa,WAAW,CAAC,CAAC;IAC1E,CAAC,CAAA,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,EAAE,GAAS,EAAE;;QAClC,MAAM,EAAE,GAAmB,MAAM,OAAO,CAAC,IAAI,CAAA,uCAAuC,CAAC,CAAC;QACtF,MAAM,SAAS,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,yBAAyB,GAAG,KAAK,CAAC;QACtC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;YAC3C,yBAAyB,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;QACnB,MAAM,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-actions';\nimport {HyTableActions} from '../components/hy-table-actions';\n\nsuite('HyTableActions', () => {\n test('init table actions', async () => {\n const selectedItems = 1;\n const el: HyTableActions = await fixture(\n html`<hy-table-actions .selectedItems=${selectedItems}></hy-table-actions>`\n );\n const textContainer = el.shadowRoot!.querySelector('span')!;\n expect(el.selectedItems).to.equal(selectedItems);\n expect(textContainer.textContent).to.equal(`${selectedItems} selected`);\n });\n\n test('cancel selection', async () => {\n const el: HyTableActions = await fixture(html`<hy-table-actions></hy-table-actions>`);\n const cancelBtn = el.shadowRoot?.querySelector('button');\n let cancelSelectionDispatched = false;\n el.addEventListener('cancel-selection', () => {\n cancelSelectionDispatched = true;\n });\n cancelBtn?.click();\n expect(cancelSelectionDispatched).to.be.true;\n });\n});\n"]}
@@ -1,2 +0,0 @@
1
- import '../components/hy-table-content';
2
- //# sourceMappingURL=hy-table-content_test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-content_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC"}
@@ -1,168 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import { html, fixture, expect } from '@open-wc/testing';
11
- import '../components/hy-table-content';
12
- import { SelectionMode, SortOrder } from '../table.types';
13
- suite('HyTableContent', () => {
14
- const headers = [
15
- { key: 'name', name: 'Name' },
16
- { key: 'age', name: 'Age' },
17
- ];
18
- const rows = [
19
- { name: 'John', age: 30 },
20
- { name: 'Doe', age: 25 },
21
- ];
22
- test('init table content', () => __awaiter(void 0, void 0, void 0, function* () {
23
- const el = yield fixture(html `<hy-table-content
24
- .headers=${headers}
25
- .rows=${rows}
26
- .sortAttribute=${{ index: -1, order: SortOrder.Default }}
27
- ></hy-table-content>`);
28
- const headerElements = el.shadowRoot.querySelectorAll('th span');
29
- expect(headerElements.length).to.equal(headers.length);
30
- }));
31
- test('Specify selected items', () => __awaiter(void 0, void 0, void 0, function* () {
32
- const selectedItems = [true, false];
33
- const currentPage = 1;
34
- const itemPerPage = 2;
35
- const el = yield fixture(html `<hy-table-content
36
- .headers=${headers}
37
- .rows=${rows}
38
- .selectionMode=${SelectionMode.Multiple}
39
- .selectedItems=${selectedItems}
40
- .currentPage=${currentPage}
41
- .itemPerPage=${itemPerPage}
42
- .sortAttribute=${{ index: -1, order: SortOrder.Default }}
43
- ></hy-table-content>`);
44
- const checkboxes = el.shadowRoot.querySelectorAll('input[type="checkbox"]');
45
- expect(checkboxes.length).to.equal(3);
46
- expect(checkboxes[1].checked).to.be.true;
47
- expect(checkboxes[2].checked).to.be.false;
48
- }));
49
- test('expand row attribute on click', () => __awaiter(void 0, void 0, void 0, function* () {
50
- const headers = [
51
- { key: 'name', name: 'Name' },
52
- { key: 'age', name: 'Age' },
53
- { key: 'details', name: 'Details' },
54
- ];
55
- const rows = [
56
- { name: 'John', age: 30, details: 'John details' },
57
- { name: 'Doe', age: 25, details: 'Doe details' },
58
- ];
59
- const el = yield fixture(html `<hy-table-content
60
- .headers=${headers}
61
- .rows=${rows}
62
- expandable="details"
63
- .sortAttribute=${{ index: -1, order: SortOrder.Default }}
64
- ></hy-table-content>`);
65
- const expandIcons = el.shadowRoot.querySelectorAll('.expand-icon');
66
- expect(expandIcons.length).to.equal(rows.length);
67
- expect(el.expand[0]).to.be.false;
68
- expect(el.expand[1]).to.be.false;
69
- expandIcons[0].click();
70
- expect(el.expand[0]).to.be.true;
71
- expect(el.expand[1]).to.be.false;
72
- }));
73
- test('dispatch check-all element event', () => __awaiter(void 0, void 0, void 0, function* () {
74
- const el = yield fixture(html `<hy-table-content
75
- .headers=${headers}
76
- .rows=${rows}
77
- .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
78
- .selectionMode=${SelectionMode.Multiple}
79
- ></hy-table-content>`);
80
- const globalCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[0];
81
- let dispatchCheckAllItem = false;
82
- el.addEventListener('check-all', () => {
83
- dispatchCheckAllItem = true;
84
- });
85
- globalCheckBox.dispatchEvent(new Event('change'));
86
- expect(dispatchCheckAllItem).to.be.true;
87
- }));
88
- test('dispatch check one item event', () => __awaiter(void 0, void 0, void 0, function* () {
89
- const el = yield fixture(html `<hy-table-content
90
- .headers=${headers}
91
- .rows=${rows}
92
- .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
93
- .selectionMode=${SelectionMode.Multiple}
94
- ></hy-table-content>`);
95
- const firstItemCheckBox = el.shadowRoot.querySelectorAll('input[type="checkbox"]')[1];
96
- let dispatchCheckItem = false;
97
- el.addEventListener('check-one', () => {
98
- dispatchCheckItem = true;
99
- });
100
- firstItemCheckBox.dispatchEvent(new Event('change'));
101
- expect(dispatchCheckItem).to.be.true;
102
- }));
103
- test('dispatch select one event ', () => __awaiter(void 0, void 0, void 0, function* () {
104
- const el = yield fixture(html `<hy-table-content
105
- .headers=${headers}
106
- .rows=${rows}
107
- .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
108
- .selectionMode=${SelectionMode.Single}
109
- ></hy-table-content>`);
110
- const firstItemRadio = el.shadowRoot.querySelector('input[type="radio"]');
111
- let dispatchSelectItem = false;
112
- el.addEventListener('select-one', () => {
113
- dispatchSelectItem = true;
114
- });
115
- firstItemRadio.dispatchEvent(new Event('change'));
116
- expect(dispatchSelectItem).to.be.true;
117
- }));
118
- test('dispatch update sort order event', () => __awaiter(void 0, void 0, void 0, function* () {
119
- var _a;
120
- const el = yield fixture(html `<hy-table-content
121
- .headers=${headers}
122
- .rows=${rows}
123
- .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
124
- ></hy-table-content>`);
125
- const th = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('th');
126
- let dispatchUpdateSortOrder = false;
127
- el.addEventListener('update-sort', () => {
128
- dispatchUpdateSortOrder = true;
129
- });
130
- expect(dispatchUpdateSortOrder).to.be.false;
131
- th === null || th === void 0 ? void 0 : th.click();
132
- yield el.updateComplete;
133
- expect(dispatchUpdateSortOrder).to.be.true;
134
- }));
135
- suite('display sorting icon', () => {
136
- test('ascending icon', () => __awaiter(void 0, void 0, void 0, function* () {
137
- const el = yield fixture(html `<hy-table-content
138
- .headers=${headers}
139
- .rows=${rows}
140
- .sortAttribute=${{ index: 0, order: SortOrder.Ascending }}
141
- ></hy-table-content>`);
142
- const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
143
- expect(sortIcon).to.exist;
144
- expect(sortIcon).to.have.attribute('name', 'long-arrow-up');
145
- }));
146
- test('descending icon', () => __awaiter(void 0, void 0, void 0, function* () {
147
- const el = yield fixture(html `<hy-table-content
148
- .headers=${headers}
149
- .rows=${rows}
150
- .sortAttribute=${{ index: 0, order: SortOrder.Descending }}
151
- ></hy-table-content>`);
152
- const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
153
- expect(sortIcon).to.exist;
154
- expect(sortIcon).to.have.attribute('name', 'long-arrow-down');
155
- }));
156
- test('default icon', () => __awaiter(void 0, void 0, void 0, function* () {
157
- const el = yield fixture(html `<hy-table-content
158
- .headers=${headers}
159
- .rows=${rows}
160
- .sortAttribute=${{ index: 0, order: SortOrder.Default }}
161
- ></hy-table-content>`);
162
- const sortIcon = el.shadowRoot.querySelector('th span hy-icon');
163
- expect(sortIcon).to.exist;
164
- expect(sortIcon).to.have.attribute('name', 'arrows-v');
165
- }));
166
- });
167
- });
168
- //# sourceMappingURL=hy-table-content_test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-content_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-content_test.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, fixture, expect} from '@open-wc/testing';\nimport '../components/hy-table-content';\nimport {HyTableContent} from '../components/hy-table-content';\nimport {SelectionMode, SortOrder} from '../table.types';\n\nsuite('HyTableContent', () => {\n const headers = [\n {key: 'name', name: 'Name'},\n {key: 'age', name: 'Age'},\n ];\n const rows = [\n {name: 'John', age: 30},\n {name: 'Doe', age: 25},\n ];\n test('init table content', async () => {\n const el: HyTableContent = await fixture(\n html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`\n );\n\n const headerElements = el.shadowRoot!.querySelectorAll('th span');\n expect(headerElements.length).to.equal(headers.length);\n });\n\n test('Specify selected items', async () => {\n const selectedItems = [true, false];\n const currentPage = 1;\n const itemPerPage = 2;\n\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .selectionMode=${SelectionMode.Multiple}\n .selectedItems=${selectedItems}\n .currentPage=${currentPage}\n .itemPerPage=${itemPerPage}\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`);\n\n const checkboxes: NodeListOf<HTMLInputElement> = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]');\n expect(checkboxes.length).to.equal(3);\n expect(checkboxes[1].checked).to.be.true;\n expect(checkboxes[2].checked).to.be.false;\n });\n\n test('expand row attribute on click', async () => {\n const headers = [\n {key: 'name', name: 'Name'},\n {key: 'age', name: 'Age'},\n {key: 'details', name: 'Details'},\n ];\n const rows = [\n {name: 'John', age: 30, details: 'John details'},\n {name: 'Doe', age: 25, details: 'Doe details'},\n ];\n\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n expandable=\"details\"\n .sortAttribute=${{index: -1, order: SortOrder.Default}}\n ></hy-table-content>`);\n\n const expandIcons: NodeListOf<HTMLElement> = el.shadowRoot!.querySelectorAll('.expand-icon');\n expect(expandIcons.length).to.equal(rows.length);\n\n expect(el.expand[0]).to.be.false;\n expect(el.expand[1]).to.be.false;\n expandIcons[0].click();\n expect(el.expand[0]).to.be.true;\n expect(el.expand[1]).to.be.false;\n });\n\n test('dispatch check-all element event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Multiple}\n ></hy-table-content>`);\n const globalCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[0];\n let dispatchCheckAllItem = false;\n el.addEventListener('check-all', () => {\n dispatchCheckAllItem = true;\n });\n globalCheckBox.dispatchEvent(new Event('change'));\n expect(dispatchCheckAllItem).to.be.true;\n });\n test('dispatch check one item event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Multiple}\n ></hy-table-content>`);\n const firstItemCheckBox: Element = el.shadowRoot!.querySelectorAll('input[type=\"checkbox\"]')[1];\n let dispatchCheckItem = false;\n el.addEventListener('check-one', () => {\n dispatchCheckItem = true;\n });\n firstItemCheckBox.dispatchEvent(new Event('change'));\n expect(dispatchCheckItem).to.be.true;\n });\n test('dispatch select one event ', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n .selectionMode=${SelectionMode.Single}\n ></hy-table-content>`);\n const firstItemRadio: Element = el.shadowRoot!.querySelector('input[type=\"radio\"]')!;\n let dispatchSelectItem = false;\n el.addEventListener('select-one', () => {\n dispatchSelectItem = true;\n });\n firstItemRadio.dispatchEvent(new Event('change'));\n expect(dispatchSelectItem).to.be.true;\n });\n\n test('dispatch update sort order event', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n ></hy-table-content>`);\n const th = el.shadowRoot?.querySelector('th');\n let dispatchUpdateSortOrder = false;\n el.addEventListener('update-sort', () => {\n dispatchUpdateSortOrder = true;\n });\n expect(dispatchUpdateSortOrder).to.be.false;\n th?.click();\n await el.updateComplete;\n expect(dispatchUpdateSortOrder).to.be.true;\n });\n suite('display sorting icon', () => {\n test('ascending icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Ascending}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'long-arrow-up');\n });\n test('descending icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Descending}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'long-arrow-down');\n });\n test('default icon', async () => {\n const el: HyTableContent = await fixture(html`<hy-table-content\n .headers=${headers}\n .rows=${rows}\n .sortAttribute=${{index: 0, order: SortOrder.Default}}\n ></hy-table-content>`);\n const sortIcon = el.shadowRoot!.querySelector('th span hy-icon')!;\n expect(sortIcon).to.exist;\n expect(sortIcon).to.have.attribute('name', 'arrows-v');\n });\n });\n});\n"]}
@@ -1,2 +0,0 @@
1
- import '../components/hy-table-filter';
2
- //# sourceMappingURL=hy-table-filter_test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-filter_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-filter_test.ts"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC"}
@@ -1,80 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- import '../components/hy-table-filter';
11
- import { fixture, html, expect } from '@open-wc/testing';
12
- suite('HyTableFilterComponent', () => {
13
- test('init input filter', () => __awaiter(void 0, void 0, void 0, function* () {
14
- var _a;
15
- const el = yield fixture(html `<hy-table-filter></hy-table-filter>`);
16
- const input = el.shadowRoot.querySelector('input');
17
- const iconContainer = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.icon-container');
18
- expect(el.showInput).to.be.false;
19
- expect(el.value).to.be.empty;
20
- expect(input).to.not.exist;
21
- expect(iconContainer).to.exist;
22
- }));
23
- test('show input filter and hide icon on click icon', () => __awaiter(void 0, void 0, void 0, function* () {
24
- const el = yield fixture(html `<hy-table-filter></hy-table-filter>`);
25
- let input = el.shadowRoot.querySelector('input');
26
- let iconContainer = el.shadowRoot.querySelector('.icon-container');
27
- expect(el.showInput).to.be.false;
28
- expect(input).to.not.exist;
29
- expect(iconContainer).to.exist;
30
- iconContainer.click();
31
- yield el.updateComplete;
32
- input = el.shadowRoot.querySelector('input');
33
- iconContainer = el.shadowRoot.querySelector('.icon-container');
34
- expect(el.showInput).to.be.true;
35
- expect(input).to.exist;
36
- expect(iconContainer).to.not.exist;
37
- }));
38
- test('dispatch value change', () => __awaiter(void 0, void 0, void 0, function* () {
39
- const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
40
- const input = el.shadowRoot.querySelector('input');
41
- let valueChangeDispatched = false;
42
- el.addEventListener('value-change', () => {
43
- valueChangeDispatched = true;
44
- });
45
- input.dispatchEvent(new Event('input'));
46
- expect(valueChangeDispatched).to.be.true;
47
- }));
48
- suite('on blur input', () => {
49
- test('show icon and hide input when input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
50
- const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
51
- const iconContainer = el.shadowRoot.querySelector('.icon-container');
52
- let input = el.shadowRoot.querySelector('input');
53
- expect(el.showInput).to.be.true;
54
- expect(input).to.exist;
55
- expect(iconContainer).to.not.exist;
56
- input.blur();
57
- yield el.updateComplete;
58
- input = el.shadowRoot.querySelector('input');
59
- expect(el.showInput).to.be.false;
60
- expect(input).to.not.exist;
61
- }));
62
- test('expose input and hide icon when input is filled', () => __awaiter(void 0, void 0, void 0, function* () {
63
- const el = yield fixture(html `<hy-table-filter .showInput=${true}></hy-table-filter>`);
64
- const iconContainer = el.shadowRoot.querySelector('.icon-container');
65
- let input = el.shadowRoot.querySelector('input');
66
- expect(input).to.exist;
67
- expect(iconContainer).to.not.exist;
68
- input.value = 'hey';
69
- input.dispatchEvent(new Event('input'));
70
- yield el.updateComplete;
71
- input.blur();
72
- yield el.updateComplete;
73
- input = el.shadowRoot.querySelector('input');
74
- expect(el.showInput).to.be.true;
75
- expect(input).to.exist;
76
- expect(iconContainer).to.not.exist;
77
- }));
78
- });
79
- });
80
- //# sourceMappingURL=hy-table-filter_test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-filter_test.js","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-filter_test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../components/hy-table-filter';\nimport {HyTableFilter} from '../components/hy-table-filter';\nimport {fixture, html, expect} from '@open-wc/testing';\nsuite('HyTableFilterComponent', () => {\n test('init input filter', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter></hy-table-filter>`);\n const input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n const iconContainer = el.shadowRoot?.querySelector('.icon-container');\n expect(el.showInput).to.be.false;\n expect(el.value).to.be.empty;\n expect(input).to.not.exist;\n expect(iconContainer).to.exist;\n });\n\n test('show input filter and hide icon on click icon', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter></hy-table-filter>`);\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n let iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n expect(el.showInput).to.be.false;\n expect(input).to.not.exist;\n expect(iconContainer).to.exist;\n iconContainer.click();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n iconContainer = el.shadowRoot!.querySelector('.icon-container')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n });\n test('dispatch value change', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n\n let valueChangeDispatched = false;\n el.addEventListener('value-change', () => {\n valueChangeDispatched = true;\n });\n input.dispatchEvent(new Event('input'));\n expect(valueChangeDispatched).to.be.true;\n });\n\n suite('on blur input', () => {\n test('show icon and hide input when input is empty', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n input.blur();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.false;\n expect(input).to.not.exist;\n });\n test('expose input and hide icon when input is filled', async () => {\n const el: HyTableFilter = await fixture(html`<hy-table-filter .showInput=${true}></hy-table-filter>`);\n const iconContainer: HTMLElement = el.shadowRoot!.querySelector('.icon-container')!;\n let input: HTMLInputElement = el.shadowRoot!.querySelector('input')!;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n input.value = 'hey';\n input.dispatchEvent(new Event('input'));\n await el.updateComplete;\n input.blur();\n await el.updateComplete;\n input = el.shadowRoot!.querySelector('input')!;\n expect(el.showInput).to.be.true;\n expect(input).to.exist;\n expect(iconContainer).to.not.exist;\n });\n });\n});\n"]}
@@ -1,2 +0,0 @@
1
- import '../components/hy-table-pagination';
2
- //# sourceMappingURL=hy-table-pagination_test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hy-table-pagination_test.d.ts","sourceRoot":"","sources":["../../../../src/components/table/test/hy-table-pagination_test.ts"],"names":[],"mappings":"AACA,OAAO,mCAAmC,CAAC"}