@everymatrix/general-input 1.54.12 → 1.55.0

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