@3t-transform/threeteeui 0.1.41 → 0.1.43

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 (123) hide show
  1. package/dist/cjs/{domsanitiser.options-277161b9.js → domsanitiser.options-975e3317.js} +12 -12
  2. package/dist/cjs/{index-76f14107.js → index-457ca775.js} +88 -2
  3. package/dist/cjs/loader.cjs.js +4 -3
  4. package/dist/cjs/tttx-button.cjs.entry.js +24 -24
  5. package/dist/cjs/tttx-filter.cjs.entry.js +177 -159
  6. package/dist/cjs/tttx-form.cjs.entry.js +458 -456
  7. package/dist/cjs/tttx-icon.cjs.entry.js +11 -11
  8. package/dist/cjs/tttx-keyvalue-block.cjs.entry.js +59 -59
  9. package/dist/cjs/tttx-list.cjs.entry.js +32 -32
  10. package/dist/cjs/tttx-loading-spinner.cjs.entry.js +16 -16
  11. package/dist/cjs/tttx-sorter.cjs.entry.js +102 -102
  12. package/dist/cjs/tttx-standalone-input.cjs.entry.js +79 -79
  13. package/dist/cjs/tttx-toolbar.cjs.entry.js +10 -10
  14. package/dist/cjs/tttx.cjs.js +7 -3
  15. package/dist/collection/collection-manifest.json +2 -2
  16. package/dist/collection/components/atoms/tttx-button/tttx-button.js +110 -110
  17. package/dist/collection/components/atoms/tttx-button/tttx-button.stories.js +14 -14
  18. package/dist/collection/components/atoms/tttx-icon/tttx-icon.js +62 -62
  19. package/dist/collection/components/atoms/tttx-icon/tttx-icon.stories.js +22 -22
  20. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.js +109 -109
  21. package/dist/collection/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.js +38 -38
  22. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.js +67 -67
  23. package/dist/collection/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.js +17 -17
  24. package/dist/collection/components/molecules/tttx-filter/tttx-filter.js +369 -334
  25. package/dist/collection/components/molecules/tttx-filter/tttx-filter.stories.js +73 -62
  26. package/dist/collection/components/molecules/tttx-form/lib/setErrorState.js +37 -37
  27. package/dist/collection/components/molecules/tttx-form/lib/validityCheck.js +61 -61
  28. package/dist/collection/components/molecules/tttx-form/tttx-form.js +479 -477
  29. package/dist/collection/components/molecules/tttx-form/tttx-form.stories.js +272 -272
  30. package/dist/collection/components/molecules/tttx-list/tttx-list.js +105 -105
  31. package/dist/collection/components/molecules/tttx-list/tttx-list.stories.js +43 -43
  32. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.js +224 -224
  33. package/dist/collection/components/molecules/tttx-sorter/tttx-sorter.stories.js +42 -42
  34. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.js +759 -759
  35. package/dist/collection/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.js +172 -172
  36. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.js +44 -44
  37. package/dist/collection/components/molecules/tttx-toolbar/tttx-toolbar.stories.js +14 -14
  38. package/dist/collection/components/palette.stories.js +7 -7
  39. package/dist/collection/docs/gettingstarted-developer.stories.js +5 -5
  40. package/dist/collection/icons.js +2838 -2838
  41. package/dist/collection/index.js +1 -1
  42. package/dist/collection/shared/domsanitiser.options.js +14 -14
  43. package/dist/components/domsanitiser.options.js +12 -12
  44. package/dist/components/index.d.ts +9 -0
  45. package/dist/components/index.js +1 -1
  46. package/dist/components/tttx-button.js +48 -48
  47. package/dist/components/tttx-filter.js +210 -191
  48. package/dist/components/tttx-form.js +475 -473
  49. package/dist/components/tttx-icon2.js +28 -28
  50. package/dist/components/tttx-keyvalue-block.js +76 -76
  51. package/dist/components/tttx-list.js +53 -53
  52. package/dist/components/tttx-loading-spinner.js +33 -33
  53. package/dist/components/tttx-sorter.js +130 -130
  54. package/dist/components/tttx-standalone-input.js +130 -130
  55. package/dist/components/tttx-toolbar.js +26 -26
  56. package/dist/esm/{domsanitiser.options-cc420431.js → domsanitiser.options-3c7ded83.js} +12 -12
  57. package/dist/esm/{index-9cde46a5.js → index-d784fb3e.js} +88 -3
  58. package/dist/esm/loader.js +4 -3
  59. package/dist/esm/polyfills/core-js.js +0 -0
  60. package/dist/esm/polyfills/css-shim.js +1 -1
  61. package/dist/esm/polyfills/dom.js +0 -0
  62. package/dist/esm/polyfills/es5-html-element.js +0 -0
  63. package/dist/esm/polyfills/index.js +0 -0
  64. package/dist/esm/polyfills/system.js +0 -0
  65. package/dist/esm/tttx-button.entry.js +24 -24
  66. package/dist/esm/tttx-filter.entry.js +177 -159
  67. package/dist/esm/tttx-form.entry.js +458 -456
  68. package/dist/esm/tttx-icon.entry.js +11 -11
  69. package/dist/esm/tttx-keyvalue-block.entry.js +59 -59
  70. package/dist/esm/tttx-list.entry.js +32 -32
  71. package/dist/esm/tttx-loading-spinner.entry.js +16 -16
  72. package/dist/esm/tttx-sorter.entry.js +102 -102
  73. package/dist/esm/tttx-standalone-input.entry.js +79 -79
  74. package/dist/esm/tttx-toolbar.entry.js +10 -10
  75. package/dist/esm/tttx.js +4 -3
  76. package/dist/tttx/p-0ebffdfc.js +2 -0
  77. package/dist/tttx/{p-dc2a37b0.entry.js → p-1db3704e.entry.js} +1 -1
  78. package/dist/tttx/p-350ddb03.js +3 -0
  79. package/dist/tttx/{p-561224f5.entry.js → p-563605b2.entry.js} +1 -1
  80. package/dist/tttx/{p-aef96333.entry.js → p-798a098a.entry.js} +1 -1
  81. package/dist/tttx/{p-f885f17a.entry.js → p-92cade7f.entry.js} +1 -1
  82. package/dist/tttx/{p-bd1edaed.entry.js → p-aaf02902.entry.js} +1 -1
  83. package/dist/tttx/{p-e53c7f9d.entry.js → p-ab6ce9f6.entry.js} +1 -1
  84. package/dist/tttx/{p-9f1e9cc1.entry.js → p-b720c4ad.entry.js} +1 -1
  85. package/dist/tttx/{p-d2f1aa8e.entry.js → p-cac26a1b.entry.js} +1 -1
  86. package/dist/tttx/p-ec253eea.entry.js +1 -0
  87. package/dist/tttx/p-f702df4f.entry.js +1 -0
  88. package/dist/tttx/tttx.esm.js +1 -1
  89. package/dist/types/components/atoms/tttx-button/tttx-button.d.ts +10 -10
  90. package/dist/types/components/atoms/tttx-button/tttx-button.stories.d.ts +10 -10
  91. package/dist/types/components/atoms/tttx-icon/tttx-icon.d.ts +5 -5
  92. package/dist/types/components/atoms/tttx-icon/tttx-icon.stories.d.ts +20 -20
  93. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts +7 -7
  94. package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts +9 -9
  95. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts +6 -6
  96. package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts +17 -17
  97. package/dist/types/components/molecules/tttx-filter/tttx-filter.d.ts +41 -39
  98. package/dist/types/components/molecules/tttx-filter/tttx-filter.stories.d.ts +70 -68
  99. package/dist/types/components/molecules/tttx-form/lib/setErrorState.d.ts +13 -13
  100. package/dist/types/components/molecules/tttx-form/lib/validityCheck.d.ts +17 -17
  101. package/dist/types/components/molecules/tttx-form/tttx-form.d.ts +133 -133
  102. package/dist/types/components/molecules/tttx-form/tttx-form.stories.d.ts +278 -278
  103. package/dist/types/components/molecules/tttx-list/tttx-list.d.ts +11 -11
  104. package/dist/types/components/molecules/tttx-list/tttx-list.stories.d.ts +14 -14
  105. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.d.ts +19 -19
  106. package/dist/types/components/molecules/tttx-sorter/tttx-sorter.stories.d.ts +30 -30
  107. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts +69 -69
  108. package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts +143 -143
  109. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.d.ts +4 -4
  110. package/dist/types/components/molecules/tttx-toolbar/tttx-toolbar.stories.d.ts +13 -13
  111. package/dist/types/components/palette.stories.d.ts +6 -6
  112. package/dist/types/components.d.ts +2 -0
  113. package/dist/types/docs/gettingstarted-developer.stories.d.ts +5 -5
  114. package/dist/types/icons.d.ts +2 -2
  115. package/dist/types/index.d.ts +1 -1
  116. package/dist/types/shared/domsanitiser.options.d.ts +10 -10
  117. package/dist/types/stencil-public-runtime.d.ts +59 -3
  118. package/loader/index.d.ts +9 -0
  119. package/package.json +2 -2
  120. package/dist/tttx/p-3b1be372.entry.js +0 -1
  121. package/dist/tttx/p-b4290a5b.js +0 -3
  122. package/dist/tttx/p-d0ff9ad0.entry.js +0 -1
  123. package/dist/tttx/p-db059a69.js +0 -2
@@ -1,278 +1,278 @@
1
- declare const _default: {
2
- title: string;
3
- component: string;
4
- parameters: {
5
- actions: {
6
- handles: string[];
7
- };
8
- };
9
- decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
10
- };
11
- export default _default;
12
- export declare const SingleFormItem: {
13
- (args: any): string;
14
- args: {
15
- formSchema: {
16
- properties: {
17
- input: {
18
- type: string;
19
- format: string;
20
- form: {
21
- type: string;
22
- label: string;
23
- validation: {
24
- required: {
25
- message: string;
26
- };
27
- };
28
- };
29
- };
30
- };
31
- };
32
- };
33
- };
34
- export declare const ExampleFormFromJSON: {
35
- (args: any): string;
36
- args: {
37
- formSchema: {
38
- properties: {
39
- title: {
40
- type: string;
41
- format: string;
42
- form: {
43
- type: string;
44
- placeholder: string;
45
- label: string;
46
- };
47
- };
48
- forename: {
49
- type: string;
50
- format: string;
51
- form: {
52
- type: string;
53
- placeholder: string;
54
- label: string;
55
- validation: {
56
- required: {
57
- message: string;
58
- };
59
- };
60
- };
61
- };
62
- surname: {
63
- type: string;
64
- format: string;
65
- form: {
66
- type: string;
67
- placeholder: string;
68
- label: string;
69
- validation: {
70
- required: {
71
- message: string;
72
- };
73
- };
74
- };
75
- };
76
- postcode: {
77
- type: string;
78
- format: string;
79
- form: {
80
- type: string;
81
- placeholder: string;
82
- label: string;
83
- validation: {
84
- required: {
85
- message: string;
86
- };
87
- pattern: {
88
- pattern: string;
89
- message: string;
90
- };
91
- maxlength: number;
92
- };
93
- };
94
- };
95
- age: {
96
- type: string;
97
- format: string;
98
- form: {
99
- type: string;
100
- placeholder: string;
101
- label: string;
102
- validation: {
103
- required: {
104
- message: string;
105
- };
106
- badInput: {
107
- message: string;
108
- };
109
- };
110
- };
111
- };
112
- dob: {
113
- type: string;
114
- format: string;
115
- form: {
116
- type: string;
117
- placeholder: string;
118
- label: string;
119
- validation: {
120
- required: {
121
- message: string;
122
- };
123
- minmax: {
124
- min: string;
125
- max: string;
126
- message: string;
127
- };
128
- };
129
- };
130
- };
131
- dropdown: {
132
- form: {
133
- type: string;
134
- blankDefault: boolean;
135
- label: string;
136
- options: ({
137
- label: string;
138
- value: string;
139
- placeholder: boolean;
140
- } | {
141
- label: string;
142
- value: string;
143
- placeholder?: undefined;
144
- })[];
145
- validation: {
146
- required: {
147
- message: string;
148
- };
149
- };
150
- };
151
- };
152
- permissions: {
153
- form: {
154
- type: string;
155
- label: string;
156
- inlineLabel: string;
157
- validation: {
158
- required: {
159
- message: string;
160
- };
161
- };
162
- };
163
- };
164
- };
165
- };
166
- };
167
- };
168
- export declare const PrePopulateForm: {
169
- (args: any): string;
170
- args: {
171
- data: {
172
- title: string;
173
- forename: string;
174
- surname: string;
175
- postcode: string;
176
- age: string;
177
- dob: string;
178
- };
179
- formSchema: {
180
- properties: {
181
- title: {
182
- type: string;
183
- format: string;
184
- form: {
185
- type: string;
186
- placeholder: string;
187
- label: string;
188
- };
189
- };
190
- forename: {
191
- type: string;
192
- format: string;
193
- form: {
194
- type: string;
195
- placeholder: string;
196
- label: string;
197
- validation: {
198
- required: {
199
- message: string;
200
- };
201
- };
202
- };
203
- };
204
- surname: {
205
- type: string;
206
- format: string;
207
- form: {
208
- type: string;
209
- placeholder: string;
210
- label: string;
211
- validation: {
212
- required: {
213
- message: string;
214
- };
215
- };
216
- };
217
- };
218
- postcode: {
219
- type: string;
220
- format: string;
221
- form: {
222
- type: string;
223
- placeholder: string;
224
- label: string;
225
- validation: {
226
- required: {
227
- message: string;
228
- };
229
- pattern: {
230
- pattern: string;
231
- message: string;
232
- };
233
- maxlength: number;
234
- };
235
- };
236
- };
237
- age: {
238
- type: string;
239
- format: string;
240
- form: {
241
- type: string;
242
- placeholder: string;
243
- label: string;
244
- readonly: boolean;
245
- validation: {
246
- required: {
247
- message: string;
248
- };
249
- badInput: {
250
- message: string;
251
- };
252
- };
253
- };
254
- };
255
- dob: {
256
- type: string;
257
- format: string;
258
- form: {
259
- type: string;
260
- placeholder: string;
261
- label: string;
262
- readonly: boolean;
263
- validation: {
264
- required: {
265
- message: string;
266
- };
267
- minmax: {
268
- min: string;
269
- max: string;
270
- message: string;
271
- };
272
- };
273
- };
274
- };
275
- };
276
- };
277
- };
278
- };
1
+ declare const _default: {
2
+ title: string;
3
+ component: string;
4
+ parameters: {
5
+ actions: {
6
+ handles: string[];
7
+ };
8
+ };
9
+ decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
10
+ };
11
+ export default _default;
12
+ export declare const SingleFormItem: {
13
+ (args: any): string;
14
+ args: {
15
+ formSchema: {
16
+ properties: {
17
+ input: {
18
+ type: string;
19
+ format: string;
20
+ form: {
21
+ type: string;
22
+ label: string;
23
+ validation: {
24
+ required: {
25
+ message: string;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ };
31
+ };
32
+ };
33
+ };
34
+ export declare const ExampleFormFromJSON: {
35
+ (args: any): string;
36
+ args: {
37
+ formSchema: {
38
+ properties: {
39
+ title: {
40
+ type: string;
41
+ format: string;
42
+ form: {
43
+ type: string;
44
+ placeholder: string;
45
+ label: string;
46
+ };
47
+ };
48
+ forename: {
49
+ type: string;
50
+ format: string;
51
+ form: {
52
+ type: string;
53
+ placeholder: string;
54
+ label: string;
55
+ validation: {
56
+ required: {
57
+ message: string;
58
+ };
59
+ };
60
+ };
61
+ };
62
+ surname: {
63
+ type: string;
64
+ format: string;
65
+ form: {
66
+ type: string;
67
+ placeholder: string;
68
+ label: string;
69
+ validation: {
70
+ required: {
71
+ message: string;
72
+ };
73
+ };
74
+ };
75
+ };
76
+ postcode: {
77
+ type: string;
78
+ format: string;
79
+ form: {
80
+ type: string;
81
+ placeholder: string;
82
+ label: string;
83
+ validation: {
84
+ required: {
85
+ message: string;
86
+ };
87
+ pattern: {
88
+ pattern: string;
89
+ message: string;
90
+ };
91
+ maxlength: number;
92
+ };
93
+ };
94
+ };
95
+ age: {
96
+ type: string;
97
+ format: string;
98
+ form: {
99
+ type: string;
100
+ placeholder: string;
101
+ label: string;
102
+ validation: {
103
+ required: {
104
+ message: string;
105
+ };
106
+ badInput: {
107
+ message: string;
108
+ };
109
+ };
110
+ };
111
+ };
112
+ dob: {
113
+ type: string;
114
+ format: string;
115
+ form: {
116
+ type: string;
117
+ placeholder: string;
118
+ label: string;
119
+ validation: {
120
+ required: {
121
+ message: string;
122
+ };
123
+ minmax: {
124
+ min: string;
125
+ max: string;
126
+ message: string;
127
+ };
128
+ };
129
+ };
130
+ };
131
+ dropdown: {
132
+ form: {
133
+ type: string;
134
+ blankDefault: boolean;
135
+ label: string;
136
+ options: ({
137
+ label: string;
138
+ value: string;
139
+ placeholder: boolean;
140
+ } | {
141
+ label: string;
142
+ value: string;
143
+ placeholder?: undefined;
144
+ })[];
145
+ validation: {
146
+ required: {
147
+ message: string;
148
+ };
149
+ };
150
+ };
151
+ };
152
+ permissions: {
153
+ form: {
154
+ type: string;
155
+ label: string;
156
+ inlineLabel: string;
157
+ validation: {
158
+ required: {
159
+ message: string;
160
+ };
161
+ };
162
+ };
163
+ };
164
+ };
165
+ };
166
+ };
167
+ };
168
+ export declare const PrePopulateForm: {
169
+ (args: any): string;
170
+ args: {
171
+ data: {
172
+ title: string;
173
+ forename: string;
174
+ surname: string;
175
+ postcode: string;
176
+ age: string;
177
+ dob: string;
178
+ };
179
+ formSchema: {
180
+ properties: {
181
+ title: {
182
+ type: string;
183
+ format: string;
184
+ form: {
185
+ type: string;
186
+ placeholder: string;
187
+ label: string;
188
+ };
189
+ };
190
+ forename: {
191
+ type: string;
192
+ format: string;
193
+ form: {
194
+ type: string;
195
+ placeholder: string;
196
+ label: string;
197
+ validation: {
198
+ required: {
199
+ message: string;
200
+ };
201
+ };
202
+ };
203
+ };
204
+ surname: {
205
+ type: string;
206
+ format: string;
207
+ form: {
208
+ type: string;
209
+ placeholder: string;
210
+ label: string;
211
+ validation: {
212
+ required: {
213
+ message: string;
214
+ };
215
+ };
216
+ };
217
+ };
218
+ postcode: {
219
+ type: string;
220
+ format: string;
221
+ form: {
222
+ type: string;
223
+ placeholder: string;
224
+ label: string;
225
+ validation: {
226
+ required: {
227
+ message: string;
228
+ };
229
+ pattern: {
230
+ pattern: string;
231
+ message: string;
232
+ };
233
+ maxlength: number;
234
+ };
235
+ };
236
+ };
237
+ age: {
238
+ type: string;
239
+ format: string;
240
+ form: {
241
+ type: string;
242
+ placeholder: string;
243
+ label: string;
244
+ readonly: boolean;
245
+ validation: {
246
+ required: {
247
+ message: string;
248
+ };
249
+ badInput: {
250
+ message: string;
251
+ };
252
+ };
253
+ };
254
+ };
255
+ dob: {
256
+ type: string;
257
+ format: string;
258
+ form: {
259
+ type: string;
260
+ placeholder: string;
261
+ label: string;
262
+ readonly: boolean;
263
+ validation: {
264
+ required: {
265
+ message: string;
266
+ };
267
+ minmax: {
268
+ min: string;
269
+ max: string;
270
+ message: string;
271
+ };
272
+ };
273
+ };
274
+ };
275
+ };
276
+ };
277
+ };
278
+ };
@@ -1,11 +1,11 @@
1
- import { EventEmitter } from '../../../stencil-public-runtime';
2
- import { ListItem } from './interfaces';
3
- export declare class TttxList {
4
- data: string | ListItem[];
5
- name: string;
6
- rowClick: EventEmitter;
7
- private _data;
8
- onRowClickHandler(item: ListItem): void;
9
- renderListItem(item: ListItem): any;
10
- render(): any;
11
- }
1
+ import { EventEmitter } from '../../../stencil-public-runtime';
2
+ import { ListItem } from './interfaces';
3
+ export declare class TttxList {
4
+ data: string | ListItem[];
5
+ name: string;
6
+ rowClick: EventEmitter;
7
+ private _data;
8
+ onRowClickHandler(item: ListItem): void;
9
+ renderListItem(item: ListItem): any;
10
+ render(): any;
11
+ }
@@ -1,14 +1,14 @@
1
- declare const _default: {
2
- title: string;
3
- component: string;
4
- parameters: {
5
- actions: {
6
- handles: string[];
7
- };
8
- };
9
- decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
10
- };
11
- export default _default;
12
- export declare const BasicStringList: any;
13
- export declare const BasicObjectList: any;
14
- export declare const BasicClickableList: any;
1
+ declare const _default: {
2
+ title: string;
3
+ component: string;
4
+ parameters: {
5
+ actions: {
6
+ handles: string[];
7
+ };
8
+ };
9
+ decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
10
+ };
11
+ export default _default;
12
+ export declare const BasicStringList: any;
13
+ export declare const BasicObjectList: any;
14
+ export declare const BasicClickableList: any;
@@ -1,19 +1,19 @@
1
- import { EventEmitter } from '../../../stencil-public-runtime';
2
- import { SorterData, SorterChangeEvent } from './interfaces';
3
- export declare class TttxSorter {
4
- sorterKey: string;
5
- defaultSortDirection: 'ascending' | 'descending';
6
- fieldOptionsData: string | SorterData;
7
- defaultOption: string;
8
- selectedField: string;
9
- sortDirection: 'ascending' | 'descending';
10
- dropdownExpand: boolean;
11
- dropdownOptions: HTMLElement[];
12
- sorterChangeEvent: EventEmitter<SorterChangeEvent>;
13
- el: any;
14
- emitSortEvent(): void;
15
- onSortToggleClick(event: Event): void;
16
- onDropdownClicked(): void;
17
- onDropdownSelected(event: Event): void;
18
- render(): any;
19
- }
1
+ import { EventEmitter } from '../../../stencil-public-runtime';
2
+ import { SorterData, SorterChangeEvent } from './interfaces';
3
+ export declare class TttxSorter {
4
+ sorterKey: string;
5
+ defaultSortDirection: 'ascending' | 'descending';
6
+ fieldOptionsData: string | SorterData;
7
+ defaultOption: string;
8
+ selectedField: string;
9
+ sortDirection: 'ascending' | 'descending';
10
+ dropdownExpand: boolean;
11
+ dropdownOptions: HTMLElement[];
12
+ sorterChangeEvent: EventEmitter<SorterChangeEvent>;
13
+ el: any;
14
+ emitSortEvent(): void;
15
+ onSortToggleClick(event: Event): void;
16
+ onDropdownClicked(): void;
17
+ onDropdownSelected(event: Event): void;
18
+ render(): any;
19
+ }