@everymatrix/general-input 1.53.0 → 1.53.10

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 (38) hide show
  1. package/dist/cjs/checkbox-group-input_10.cjs.entry.js +1707 -584
  2. package/dist/cjs/general-input.cjs.entry.js +17 -18
  3. package/dist/cjs/general-input.cjs.js +2 -2
  4. package/dist/cjs/{index-01420a64.js → index-1277658a.js} +171 -76
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/toggle-checkbox-input.cjs.entry.js +12 -16
  7. package/dist/collection/collection-manifest.json +1 -1
  8. package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +33 -17
  9. package/dist/collection/components/checkbox-input/checkbox-input.js +29 -14
  10. package/dist/collection/components/date-input/date-input.js +35 -17
  11. package/dist/collection/components/email-input/email-input.js +29 -16
  12. package/dist/collection/components/general-input/general-input.js +51 -18
  13. package/dist/collection/components/number-input/number-input.js +27 -15
  14. package/dist/collection/components/password-input/password-input.js +34 -19
  15. package/dist/collection/components/radio-input/radio-input.js +24 -14
  16. package/dist/collection/components/select-input/select-input.js +39 -17
  17. package/dist/collection/components/tel-input/tel-input.js +31 -17
  18. package/dist/collection/components/text-input/text-input.js +36 -17
  19. package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +33 -17
  20. package/dist/esm/checkbox-group-input_10.entry.js +1742 -619
  21. package/dist/esm/general-input.entry.js +17 -18
  22. package/dist/esm/general-input.js +3 -3
  23. package/dist/esm/{index-542cff81.js → index-b1fc8a5f.js} +171 -76
  24. package/dist/esm/loader.js +2 -2
  25. package/dist/esm/toggle-checkbox-input.entry.js +12 -16
  26. package/dist/general-input/general-input.esm.js +1 -1
  27. package/dist/general-input/p-09c73744.js +2 -0
  28. package/dist/general-input/p-1922ef4e.entry.js +1 -0
  29. package/dist/general-input/{p-cc4fcb3f.entry.js → p-5b3e1098.entry.js} +1912 -926
  30. package/dist/general-input/p-ab0375f4.entry.js +1 -0
  31. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +2 -0
  32. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +2 -0
  33. package/package.json +1 -1
  34. package/dist/general-input/p-3cab3b95.entry.js +0 -1
  35. package/dist/general-input/p-3ce1e382.js +0 -2
  36. package/dist/general-input/p-e5532cb1.entry.js +0 -1
  37. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +0 -2
  38. package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +0 -2
@@ -5,27 +5,23 @@ import "@vaadin/checkbox";
5
5
  import "@vaadin/checkbox-group";
6
6
  export class CheckboxGroupInput {
7
7
  constructor() {
8
+ /**
9
+ * Default value for the input.
10
+ */
11
+ this.defaultValue = '';
12
+ /**
13
+ * Client custom styling via inline style
14
+ */
15
+ this.clientStyling = '';
16
+ this.limitStylingAppends = false;
17
+ this.showTooltip = false;
18
+ this.selectedValues = [];
8
19
  this.value = null;
9
20
  this.setClientStyling = () => {
10
21
  let sheet = document.createElement('style');
11
22
  sheet.innerHTML = this.clientStyling;
12
23
  this.stylingContainer.prepend(sheet);
13
24
  };
14
- this.name = undefined;
15
- this.displayName = undefined;
16
- this.defaultValue = '';
17
- this.autofilled = undefined;
18
- this.tooltip = undefined;
19
- this.options = undefined;
20
- this.validation = undefined;
21
- this.language = undefined;
22
- this.emitValue = undefined;
23
- this.clientStyling = '';
24
- this.errorMessage = undefined;
25
- this.isValid = undefined;
26
- this.limitStylingAppends = false;
27
- this.showTooltip = false;
28
- this.selectedValues = [];
29
25
  }
30
26
  validityChanged() {
31
27
  this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -134,6 +130,8 @@ export class CheckboxGroupInput {
134
130
  "tags": [],
135
131
  "text": "Name of the input."
136
132
  },
133
+ "getter": false,
134
+ "setter": false,
137
135
  "attribute": "name",
138
136
  "reflect": true
139
137
  },
@@ -151,6 +149,8 @@ export class CheckboxGroupInput {
151
149
  "tags": [],
152
150
  "text": "Name of input to be shown to the user."
153
151
  },
152
+ "getter": false,
153
+ "setter": false,
154
154
  "attribute": "display-name",
155
155
  "reflect": true
156
156
  },
@@ -168,6 +168,8 @@ export class CheckboxGroupInput {
168
168
  "tags": [],
169
169
  "text": "Default value for the input."
170
170
  },
171
+ "getter": false,
172
+ "setter": false,
171
173
  "attribute": "default-value",
172
174
  "reflect": true,
173
175
  "defaultValue": "''"
@@ -186,6 +188,8 @@ export class CheckboxGroupInput {
186
188
  "tags": [],
187
189
  "text": "Boolean. Determines if input should be readonly."
188
190
  },
191
+ "getter": false,
192
+ "setter": false,
189
193
  "attribute": "autofilled",
190
194
  "reflect": true
191
195
  },
@@ -203,6 +207,8 @@ export class CheckboxGroupInput {
203
207
  "tags": [],
204
208
  "text": "Tooltip text."
205
209
  },
210
+ "getter": false,
211
+ "setter": false,
206
212
  "attribute": "tooltip",
207
213
  "reflect": true
208
214
  },
@@ -225,7 +231,9 @@ export class CheckboxGroupInput {
225
231
  "docs": {
226
232
  "tags": [],
227
233
  "text": "Options of the input."
228
- }
234
+ },
235
+ "getter": false,
236
+ "setter": false
229
237
  },
230
238
  "validation": {
231
239
  "type": "unknown",
@@ -246,7 +254,9 @@ export class CheckboxGroupInput {
246
254
  "docs": {
247
255
  "tags": [],
248
256
  "text": "Object of validation rules for the input."
249
- }
257
+ },
258
+ "getter": false,
259
+ "setter": false
250
260
  },
251
261
  "language": {
252
262
  "type": "string",
@@ -262,6 +272,8 @@ export class CheckboxGroupInput {
262
272
  "tags": [],
263
273
  "text": "Currently selected language."
264
274
  },
275
+ "getter": false,
276
+ "setter": false,
265
277
  "attribute": "language",
266
278
  "reflect": true
267
279
  },
@@ -279,6 +291,8 @@ export class CheckboxGroupInput {
279
291
  "tags": [],
280
292
  "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
281
293
  },
294
+ "getter": false,
295
+ "setter": false,
282
296
  "attribute": "emit-value",
283
297
  "reflect": true
284
298
  },
@@ -296,6 +310,8 @@ export class CheckboxGroupInput {
296
310
  "tags": [],
297
311
  "text": "Client custom styling via inline style"
298
312
  },
313
+ "getter": false,
314
+ "setter": false,
299
315
  "attribute": "client-styling",
300
316
  "reflect": true,
301
317
  "defaultValue": "''"
@@ -3,25 +3,22 @@ import { translate } from "../../utils/locale.utils";
3
3
  import tooltipIcon from "../../utils/tooltipIcon.svg";
4
4
  export class CheckboxInput {
5
5
  constructor() {
6
+ /**
7
+ * Default value for the input.
8
+ */
9
+ this.defaultValue = '';
10
+ /**
11
+ * Client custom styling via inline style
12
+ */
13
+ this.clientStyling = '';
14
+ this.limitStylingAppends = false;
15
+ this.showTooltip = false;
6
16
  this.value = '';
7
17
  this.setClientStyling = () => {
8
18
  let sheet = document.createElement('style');
9
19
  sheet.innerHTML = this.clientStyling;
10
20
  this.stylingContainer.prepend(sheet);
11
21
  };
12
- this.name = undefined;
13
- this.displayName = undefined;
14
- this.defaultValue = '';
15
- this.autofilled = undefined;
16
- this.tooltip = undefined;
17
- this.validation = undefined;
18
- this.language = undefined;
19
- this.emitValue = undefined;
20
- this.clientStyling = '';
21
- this.errorMessage = undefined;
22
- this.isValid = undefined;
23
- this.limitStylingAppends = false;
24
- this.showTooltip = false;
25
22
  }
26
23
  validityChanged() {
27
24
  this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -116,6 +113,8 @@ export class CheckboxInput {
116
113
  "tags": [],
117
114
  "text": "Name of the input."
118
115
  },
116
+ "getter": false,
117
+ "setter": false,
119
118
  "attribute": "name",
120
119
  "reflect": true
121
120
  },
@@ -133,6 +132,8 @@ export class CheckboxInput {
133
132
  "tags": [],
134
133
  "text": "Name of input to be shown to the user."
135
134
  },
135
+ "getter": false,
136
+ "setter": false,
136
137
  "attribute": "display-name",
137
138
  "reflect": true
138
139
  },
@@ -150,6 +151,8 @@ export class CheckboxInput {
150
151
  "tags": [],
151
152
  "text": "Default value for the input."
152
153
  },
154
+ "getter": false,
155
+ "setter": false,
153
156
  "attribute": "default-value",
154
157
  "reflect": true,
155
158
  "defaultValue": "''"
@@ -168,6 +171,8 @@ export class CheckboxInput {
168
171
  "tags": [],
169
172
  "text": "Boolean. Determines if input should be readonly."
170
173
  },
174
+ "getter": false,
175
+ "setter": false,
171
176
  "attribute": "autofilled",
172
177
  "reflect": true
173
178
  },
@@ -185,6 +190,8 @@ export class CheckboxInput {
185
190
  "tags": [],
186
191
  "text": "Tooltip text."
187
192
  },
193
+ "getter": false,
194
+ "setter": false,
188
195
  "attribute": "tooltip",
189
196
  "reflect": true
190
197
  },
@@ -207,7 +214,9 @@ export class CheckboxInput {
207
214
  "docs": {
208
215
  "tags": [],
209
216
  "text": "Object of validation rules for the input."
210
- }
217
+ },
218
+ "getter": false,
219
+ "setter": false
211
220
  },
212
221
  "language": {
213
222
  "type": "string",
@@ -223,6 +232,8 @@ export class CheckboxInput {
223
232
  "tags": [],
224
233
  "text": "Currently selected language."
225
234
  },
235
+ "getter": false,
236
+ "setter": false,
226
237
  "attribute": "language",
227
238
  "reflect": true
228
239
  },
@@ -240,6 +251,8 @@ export class CheckboxInput {
240
251
  "tags": [],
241
252
  "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
242
253
  },
254
+ "getter": false,
255
+ "setter": false,
243
256
  "attribute": "emit-value",
244
257
  "reflect": true
245
258
  },
@@ -257,6 +270,8 @@ export class CheckboxInput {
257
270
  "tags": [],
258
271
  "text": "Client custom styling via inline style"
259
272
  },
273
+ "getter": false,
274
+ "setter": false,
260
275
  "attribute": "client-styling",
261
276
  "reflect": true,
262
277
  "defaultValue": "''"
@@ -7,6 +7,16 @@ import dateFnsParse from "date-fns/parse";
7
7
  import { isBefore, isAfter } from "date-fns";
8
8
  export class DateInput {
9
9
  constructor() {
10
+ /**
11
+ * Client custom styling via inline style
12
+ */
13
+ this.clientStyling = '';
14
+ /**
15
+ * Emit event on click
16
+ */
17
+ this.emitOnClick = false;
18
+ this.limitStylingAppends = false;
19
+ this.showTooltip = false;
10
20
  this.touched = false;
11
21
  this.formatDate = (dateParts) => {
12
22
  const { year, month, day } = dateParts;
@@ -27,22 +37,6 @@ export class DateInput {
27
37
  sheet.innerHTML = this.clientStyling;
28
38
  this.stylingContainer.prepend(sheet);
29
39
  };
30
- this.name = undefined;
31
- this.displayName = undefined;
32
- this.placeholder = undefined;
33
- this.validation = undefined;
34
- this.defaultValue = undefined;
35
- this.autofilled = undefined;
36
- this.tooltip = undefined;
37
- this.language = undefined;
38
- this.emitValue = undefined;
39
- this.clientStyling = '';
40
- this.dateFormat = undefined;
41
- this.emitOnClick = false;
42
- this.errorMessage = undefined;
43
- this.isValid = undefined;
44
- this.limitStylingAppends = false;
45
- this.showTooltip = false;
46
40
  }
47
41
  validityChanged() {
48
42
  this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -171,6 +165,8 @@ export class DateInput {
171
165
  "tags": [],
172
166
  "text": "Name of the input."
173
167
  },
168
+ "getter": false,
169
+ "setter": false,
174
170
  "attribute": "name",
175
171
  "reflect": true
176
172
  },
@@ -188,6 +184,8 @@ export class DateInput {
188
184
  "tags": [],
189
185
  "text": "Name of input to be shown to the user."
190
186
  },
187
+ "getter": false,
188
+ "setter": false,
191
189
  "attribute": "display-name",
192
190
  "reflect": true
193
191
  },
@@ -205,6 +203,8 @@ export class DateInput {
205
203
  "tags": [],
206
204
  "text": "Placeholder text to be shown."
207
205
  },
206
+ "getter": false,
207
+ "setter": false,
208
208
  "attribute": "placeholder",
209
209
  "reflect": true
210
210
  },
@@ -227,7 +227,9 @@ export class DateInput {
227
227
  "docs": {
228
228
  "tags": [],
229
229
  "text": "Object of validation rules for the input."
230
- }
230
+ },
231
+ "getter": false,
232
+ "setter": false
231
233
  },
232
234
  "defaultValue": {
233
235
  "type": "string",
@@ -243,6 +245,8 @@ export class DateInput {
243
245
  "tags": [],
244
246
  "text": "Default value for the input."
245
247
  },
248
+ "getter": false,
249
+ "setter": false,
246
250
  "attribute": "default-value",
247
251
  "reflect": true
248
252
  },
@@ -260,6 +264,8 @@ export class DateInput {
260
264
  "tags": [],
261
265
  "text": "Boolean. Determines if input should be readonly."
262
266
  },
267
+ "getter": false,
268
+ "setter": false,
263
269
  "attribute": "autofilled",
264
270
  "reflect": true
265
271
  },
@@ -277,6 +283,8 @@ export class DateInput {
277
283
  "tags": [],
278
284
  "text": "Tooltip text."
279
285
  },
286
+ "getter": false,
287
+ "setter": false,
280
288
  "attribute": "tooltip",
281
289
  "reflect": true
282
290
  },
@@ -294,6 +302,8 @@ export class DateInput {
294
302
  "tags": [],
295
303
  "text": "Currently selected language."
296
304
  },
305
+ "getter": false,
306
+ "setter": false,
297
307
  "attribute": "language",
298
308
  "reflect": true
299
309
  },
@@ -311,6 +321,8 @@ export class DateInput {
311
321
  "tags": [],
312
322
  "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
313
323
  },
324
+ "getter": false,
325
+ "setter": false,
314
326
  "attribute": "emit-value",
315
327
  "reflect": true
316
328
  },
@@ -328,6 +340,8 @@ export class DateInput {
328
340
  "tags": [],
329
341
  "text": "Client custom styling via inline style"
330
342
  },
343
+ "getter": false,
344
+ "setter": false,
331
345
  "attribute": "client-styling",
332
346
  "reflect": true,
333
347
  "defaultValue": "''"
@@ -346,6 +360,8 @@ export class DateInput {
346
360
  "tags": [],
347
361
  "text": "Date format for date picker."
348
362
  },
363
+ "getter": false,
364
+ "setter": false,
349
365
  "attribute": "date-format",
350
366
  "reflect": true
351
367
  },
@@ -363,6 +379,8 @@ export class DateInput {
363
379
  "tags": [],
364
380
  "text": "Emit event on click"
365
381
  },
382
+ "getter": false,
383
+ "setter": false,
366
384
  "attribute": "emit-on-click",
367
385
  "reflect": true,
368
386
  "defaultValue": "false"
@@ -3,6 +3,12 @@ import { translate } from "../../utils/locale.utils";
3
3
  import tooltipIcon from "../../utils/tooltipIcon.svg";
4
4
  export class EmailInput {
5
5
  constructor() {
6
+ /**
7
+ * Client custom styling via inline style
8
+ */
9
+ this.clientStyling = '';
10
+ this.limitStylingAppends = false;
11
+ this.showTooltip = false;
6
12
  this.validationPattern = '';
7
13
  this.touched = false;
8
14
  this.handleInput = (event) => {
@@ -27,21 +33,6 @@ export class EmailInput {
27
33
  sheet.innerHTML = this.clientStyling;
28
34
  this.stylingContainer.prepend(sheet);
29
35
  };
30
- this.name = undefined;
31
- this.displayName = undefined;
32
- this.placeholder = undefined;
33
- this.validation = undefined;
34
- this.defaultValue = undefined;
35
- this.autofilled = undefined;
36
- this.tooltip = undefined;
37
- this.language = undefined;
38
- this.emitValue = undefined;
39
- this.isDuplicateInput = undefined;
40
- this.clientStyling = '';
41
- this.errorMessage = undefined;
42
- this.isValid = undefined;
43
- this.limitStylingAppends = false;
44
- this.showTooltip = false;
45
36
  }
46
37
  validityChanged() {
47
38
  this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -162,6 +153,8 @@ export class EmailInput {
162
153
  "tags": [],
163
154
  "text": "Name of the input."
164
155
  },
156
+ "getter": false,
157
+ "setter": false,
165
158
  "attribute": "name",
166
159
  "reflect": true
167
160
  },
@@ -179,6 +172,8 @@ export class EmailInput {
179
172
  "tags": [],
180
173
  "text": "Name of input to be shown to the user."
181
174
  },
175
+ "getter": false,
176
+ "setter": false,
182
177
  "attribute": "display-name",
183
178
  "reflect": true
184
179
  },
@@ -196,6 +191,8 @@ export class EmailInput {
196
191
  "tags": [],
197
192
  "text": "Placeholder text to be shown."
198
193
  },
194
+ "getter": false,
195
+ "setter": false,
199
196
  "attribute": "placeholder",
200
197
  "reflect": true
201
198
  },
@@ -218,7 +215,9 @@ export class EmailInput {
218
215
  "docs": {
219
216
  "tags": [],
220
217
  "text": "Object of validation rules for the input."
221
- }
218
+ },
219
+ "getter": false,
220
+ "setter": false
222
221
  },
223
222
  "defaultValue": {
224
223
  "type": "string",
@@ -234,6 +233,8 @@ export class EmailInput {
234
233
  "tags": [],
235
234
  "text": "Default value for the input."
236
235
  },
236
+ "getter": false,
237
+ "setter": false,
237
238
  "attribute": "default-value",
238
239
  "reflect": true
239
240
  },
@@ -251,6 +252,8 @@ export class EmailInput {
251
252
  "tags": [],
252
253
  "text": "Boolean. Determines if input should be readonly."
253
254
  },
255
+ "getter": false,
256
+ "setter": false,
254
257
  "attribute": "autofilled",
255
258
  "reflect": true
256
259
  },
@@ -268,6 +271,8 @@ export class EmailInput {
268
271
  "tags": [],
269
272
  "text": "Tooltip text."
270
273
  },
274
+ "getter": false,
275
+ "setter": false,
271
276
  "attribute": "tooltip",
272
277
  "reflect": true
273
278
  },
@@ -285,6 +290,8 @@ export class EmailInput {
285
290
  "tags": [],
286
291
  "text": "Currently selected language."
287
292
  },
293
+ "getter": false,
294
+ "setter": false,
288
295
  "attribute": "language",
289
296
  "reflect": true
290
297
  },
@@ -302,6 +309,8 @@ export class EmailInput {
302
309
  "tags": [],
303
310
  "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
304
311
  },
312
+ "getter": false,
313
+ "setter": false,
305
314
  "attribute": "emit-value",
306
315
  "reflect": true
307
316
  },
@@ -319,6 +328,8 @@ export class EmailInput {
319
328
  "tags": [],
320
329
  "text": "Flag for duplicate inputs, it sets up the input for certain validation rules."
321
330
  },
331
+ "getter": false,
332
+ "setter": false,
322
333
  "attribute": "is-duplicate-input",
323
334
  "reflect": true
324
335
  },
@@ -336,6 +347,8 @@ export class EmailInput {
336
347
  "tags": [],
337
348
  "text": "Client custom styling via inline style"
338
349
  },
350
+ "getter": false,
351
+ "setter": false,
339
352
  "attribute": "client-styling",
340
353
  "reflect": true,
341
354
  "defaultValue": "''"