@trendyol/baklava 2.0.0-beta.10 → 2.0.0-beta.11
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.
- package/dist/baklava.js +1 -1
- package/dist/{chunk-X4LRPXVB.js → chunk-4HNYTGGI.js} +15 -20
- package/dist/chunk-4HNYTGGI.js.map +7 -0
- package/dist/chunk-DGA6AHIJ.js +31 -0
- package/dist/chunk-DGA6AHIJ.js.map +7 -0
- package/dist/chunk-EOV5UNUT.js +7 -0
- package/dist/chunk-EOV5UNUT.js.map +7 -0
- package/dist/{chunk-CGZOADFQ.js → chunk-HNGCDZW6.js} +2 -2
- package/dist/{chunk-CGZOADFQ.js.map → chunk-HNGCDZW6.js.map} +1 -1
- package/dist/chunk-KXC4PRYS.js +185 -0
- package/dist/chunk-KXC4PRYS.js.map +7 -0
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/input/bl-input.js +2 -0
- package/dist/components/input/bl-input.js.map +7 -0
- package/dist/custom-elements.json +826 -0
- package/dist/themes/default.css +1 -1
- package/dist/themes/default.css.map +2 -2
- package/package.json +23 -35
- package/dist/chunk-LZZFV4ZE.js +0 -31
- package/dist/chunk-LZZFV4ZE.js.map +0 -7
- package/dist/chunk-X4LRPXVB.js.map +0 -7
|
@@ -0,0 +1,826 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/components/badge/bl-badge.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "",
|
|
12
|
+
"name": "BlBadge",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Sets the background color of badge. Default value is '--bl-color-accent-primary-background'",
|
|
16
|
+
"name": "--bl-badge-bg-color"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"description": "Sets the color of badge. Default value is '--bl-color-primary'",
|
|
20
|
+
"name": "--bl-badge-color"
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
"members": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "field",
|
|
26
|
+
"name": "size",
|
|
27
|
+
"type": {
|
|
28
|
+
"text": "string"
|
|
29
|
+
},
|
|
30
|
+
"default": "'medium'",
|
|
31
|
+
"description": "Sets the badge size",
|
|
32
|
+
"attribute": "size",
|
|
33
|
+
"reflects": true
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"kind": "field",
|
|
37
|
+
"name": "icon",
|
|
38
|
+
"type": {
|
|
39
|
+
"text": "string"
|
|
40
|
+
},
|
|
41
|
+
"description": "Sets the name of the icon",
|
|
42
|
+
"attribute": "icon"
|
|
43
|
+
}
|
|
44
|
+
],
|
|
45
|
+
"attributes": [
|
|
46
|
+
{
|
|
47
|
+
"name": "size",
|
|
48
|
+
"type": {
|
|
49
|
+
"text": "string"
|
|
50
|
+
},
|
|
51
|
+
"default": "'medium'",
|
|
52
|
+
"description": "Sets the badge size",
|
|
53
|
+
"fieldName": "size"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"name": "icon",
|
|
57
|
+
"type": {
|
|
58
|
+
"text": "string"
|
|
59
|
+
},
|
|
60
|
+
"description": "Sets the name of the icon",
|
|
61
|
+
"fieldName": "icon"
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"superclass": {
|
|
65
|
+
"name": "LitElement",
|
|
66
|
+
"package": "lit"
|
|
67
|
+
},
|
|
68
|
+
"tagName": "bl-badge",
|
|
69
|
+
"summary": "Baklava Badge component",
|
|
70
|
+
"customElement": true
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"exports": [
|
|
74
|
+
{
|
|
75
|
+
"kind": "js",
|
|
76
|
+
"name": "default",
|
|
77
|
+
"declaration": {
|
|
78
|
+
"name": "BlBadge",
|
|
79
|
+
"module": "src/components/badge/bl-badge.ts"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"kind": "custom-element-definition",
|
|
84
|
+
"name": "bl-badge",
|
|
85
|
+
"declaration": {
|
|
86
|
+
"name": "BlBadge",
|
|
87
|
+
"module": "src/components/badge/bl-badge.ts"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"kind": "javascript-module",
|
|
94
|
+
"path": "src/components/button/bl-button.ts",
|
|
95
|
+
"declarations": [
|
|
96
|
+
{
|
|
97
|
+
"kind": "class",
|
|
98
|
+
"description": "",
|
|
99
|
+
"name": "BlButton",
|
|
100
|
+
"cssProperties": [
|
|
101
|
+
{
|
|
102
|
+
"description": "Sets the display property of button. Default value is 'inline-block'.",
|
|
103
|
+
"name": "--bl-button-display"
|
|
104
|
+
}
|
|
105
|
+
],
|
|
106
|
+
"members": [
|
|
107
|
+
{
|
|
108
|
+
"kind": "field",
|
|
109
|
+
"name": "primary",
|
|
110
|
+
"type": {
|
|
111
|
+
"text": "boolean"
|
|
112
|
+
},
|
|
113
|
+
"default": "false",
|
|
114
|
+
"description": "Sets variant to primary",
|
|
115
|
+
"attribute": "primary",
|
|
116
|
+
"reflects": true
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"kind": "field",
|
|
120
|
+
"name": "secondary",
|
|
121
|
+
"type": {
|
|
122
|
+
"text": "boolean"
|
|
123
|
+
},
|
|
124
|
+
"default": "false",
|
|
125
|
+
"description": "Sets variant to secondary",
|
|
126
|
+
"attribute": "secondary",
|
|
127
|
+
"reflects": true
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"kind": "field",
|
|
131
|
+
"name": "success",
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "boolean"
|
|
134
|
+
},
|
|
135
|
+
"default": "false",
|
|
136
|
+
"description": "Sets variant to success",
|
|
137
|
+
"attribute": "success",
|
|
138
|
+
"reflects": true
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"kind": "field",
|
|
142
|
+
"name": "danger",
|
|
143
|
+
"type": {
|
|
144
|
+
"text": "boolean"
|
|
145
|
+
},
|
|
146
|
+
"default": "false",
|
|
147
|
+
"description": "Sets variant to danger",
|
|
148
|
+
"attribute": "danger",
|
|
149
|
+
"reflects": true
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"kind": "field",
|
|
153
|
+
"name": "outline",
|
|
154
|
+
"type": {
|
|
155
|
+
"text": "boolean"
|
|
156
|
+
},
|
|
157
|
+
"default": "false",
|
|
158
|
+
"description": "Sets button version to outline",
|
|
159
|
+
"attribute": "outline",
|
|
160
|
+
"reflects": true
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"kind": "field",
|
|
164
|
+
"name": "plain",
|
|
165
|
+
"type": {
|
|
166
|
+
"text": "boolean"
|
|
167
|
+
},
|
|
168
|
+
"default": "false",
|
|
169
|
+
"description": "Sets the button plain text style",
|
|
170
|
+
"attribute": "plain",
|
|
171
|
+
"reflects": true
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"kind": "field",
|
|
175
|
+
"name": "size",
|
|
176
|
+
"type": {
|
|
177
|
+
"text": "string"
|
|
178
|
+
},
|
|
179
|
+
"default": "'medium'",
|
|
180
|
+
"description": "Sets the button size",
|
|
181
|
+
"attribute": "size",
|
|
182
|
+
"reflects": true
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"kind": "field",
|
|
186
|
+
"name": "label",
|
|
187
|
+
"type": {
|
|
188
|
+
"text": "string"
|
|
189
|
+
},
|
|
190
|
+
"description": "Sets the accessibility text for the button. Use it with icon-only buttons.",
|
|
191
|
+
"attribute": "label"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"kind": "field",
|
|
195
|
+
"name": "disabled",
|
|
196
|
+
"type": {
|
|
197
|
+
"text": "boolean"
|
|
198
|
+
},
|
|
199
|
+
"default": "false",
|
|
200
|
+
"description": "Disables the button",
|
|
201
|
+
"attribute": "disabled",
|
|
202
|
+
"reflects": true
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "field",
|
|
206
|
+
"name": "href",
|
|
207
|
+
"type": {
|
|
208
|
+
"text": "string"
|
|
209
|
+
},
|
|
210
|
+
"description": "Sets link of the button",
|
|
211
|
+
"attribute": "href"
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"kind": "field",
|
|
215
|
+
"name": "icon",
|
|
216
|
+
"type": {
|
|
217
|
+
"text": "string"
|
|
218
|
+
},
|
|
219
|
+
"description": "Sets the name of the icon",
|
|
220
|
+
"attribute": "icon"
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"kind": "field",
|
|
224
|
+
"name": "target",
|
|
225
|
+
"type": {
|
|
226
|
+
"text": "string"
|
|
227
|
+
},
|
|
228
|
+
"default": "'_self'",
|
|
229
|
+
"description": "Sets button target (should be defined with href)",
|
|
230
|
+
"attribute": "target"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"kind": "field",
|
|
234
|
+
"name": "_hasIconSlot"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"kind": "field",
|
|
238
|
+
"name": "_hasDefaultSlot"
|
|
239
|
+
}
|
|
240
|
+
],
|
|
241
|
+
"events": [
|
|
242
|
+
{
|
|
243
|
+
"name": "name",
|
|
244
|
+
"type": {
|
|
245
|
+
"text": "CustomEvent"
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"type": {
|
|
250
|
+
"text": "CustomEvent"
|
|
251
|
+
},
|
|
252
|
+
"name": "bl-click"
|
|
253
|
+
}
|
|
254
|
+
],
|
|
255
|
+
"attributes": [
|
|
256
|
+
{
|
|
257
|
+
"name": "primary",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "boolean"
|
|
260
|
+
},
|
|
261
|
+
"default": "false",
|
|
262
|
+
"description": "Sets variant to primary",
|
|
263
|
+
"fieldName": "primary"
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"name": "secondary",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "boolean"
|
|
269
|
+
},
|
|
270
|
+
"default": "false",
|
|
271
|
+
"description": "Sets variant to secondary",
|
|
272
|
+
"fieldName": "secondary"
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"name": "success",
|
|
276
|
+
"type": {
|
|
277
|
+
"text": "boolean"
|
|
278
|
+
},
|
|
279
|
+
"default": "false",
|
|
280
|
+
"description": "Sets variant to success",
|
|
281
|
+
"fieldName": "success"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"name": "danger",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "boolean"
|
|
287
|
+
},
|
|
288
|
+
"default": "false",
|
|
289
|
+
"description": "Sets variant to danger",
|
|
290
|
+
"fieldName": "danger"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"name": "outline",
|
|
294
|
+
"type": {
|
|
295
|
+
"text": "boolean"
|
|
296
|
+
},
|
|
297
|
+
"default": "false",
|
|
298
|
+
"description": "Sets button version to outline",
|
|
299
|
+
"fieldName": "outline"
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"name": "plain",
|
|
303
|
+
"type": {
|
|
304
|
+
"text": "boolean"
|
|
305
|
+
},
|
|
306
|
+
"default": "false",
|
|
307
|
+
"description": "Sets the button plain text style",
|
|
308
|
+
"fieldName": "plain"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "size",
|
|
312
|
+
"type": {
|
|
313
|
+
"text": "string"
|
|
314
|
+
},
|
|
315
|
+
"default": "'medium'",
|
|
316
|
+
"description": "Sets the button size",
|
|
317
|
+
"fieldName": "size"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"name": "label",
|
|
321
|
+
"type": {
|
|
322
|
+
"text": "string"
|
|
323
|
+
},
|
|
324
|
+
"description": "Sets the accessibility text for the button. Use it with icon-only buttons.",
|
|
325
|
+
"fieldName": "label"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "disabled",
|
|
329
|
+
"type": {
|
|
330
|
+
"text": "boolean"
|
|
331
|
+
},
|
|
332
|
+
"default": "false",
|
|
333
|
+
"description": "Disables the button",
|
|
334
|
+
"fieldName": "disabled"
|
|
335
|
+
},
|
|
336
|
+
{
|
|
337
|
+
"name": "href",
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "string"
|
|
340
|
+
},
|
|
341
|
+
"description": "Sets link of the button",
|
|
342
|
+
"fieldName": "href"
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"name": "icon",
|
|
346
|
+
"type": {
|
|
347
|
+
"text": "string"
|
|
348
|
+
},
|
|
349
|
+
"description": "Sets the name of the icon",
|
|
350
|
+
"fieldName": "icon"
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"name": "target",
|
|
354
|
+
"type": {
|
|
355
|
+
"text": "string"
|
|
356
|
+
},
|
|
357
|
+
"default": "'_self'",
|
|
358
|
+
"description": "Sets button target (should be defined with href)",
|
|
359
|
+
"fieldName": "target"
|
|
360
|
+
}
|
|
361
|
+
],
|
|
362
|
+
"superclass": {
|
|
363
|
+
"name": "LitElement",
|
|
364
|
+
"package": "lit"
|
|
365
|
+
},
|
|
366
|
+
"tagName": "bl-button",
|
|
367
|
+
"summary": "Baklava Button component",
|
|
368
|
+
"customElement": true
|
|
369
|
+
}
|
|
370
|
+
],
|
|
371
|
+
"exports": [
|
|
372
|
+
{
|
|
373
|
+
"kind": "js",
|
|
374
|
+
"name": "default",
|
|
375
|
+
"declaration": {
|
|
376
|
+
"name": "BlButton",
|
|
377
|
+
"module": "src/components/button/bl-button.ts"
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
{
|
|
381
|
+
"kind": "custom-element-definition",
|
|
382
|
+
"name": "bl-button",
|
|
383
|
+
"declaration": {
|
|
384
|
+
"name": "BlButton",
|
|
385
|
+
"module": "src/components/button/bl-button.ts"
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
]
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"kind": "javascript-module",
|
|
392
|
+
"path": "src/components/icon/bl-icon.ts",
|
|
393
|
+
"declarations": [
|
|
394
|
+
{
|
|
395
|
+
"kind": "class",
|
|
396
|
+
"description": "",
|
|
397
|
+
"name": "BlIcon",
|
|
398
|
+
"cssProperties": [
|
|
399
|
+
{
|
|
400
|
+
"description": "Setting size of icon. Default is current font size in DOM place",
|
|
401
|
+
"name": "font-size"
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"description": "Setting color of icon. Default is `currentColor`",
|
|
405
|
+
"name": "color"
|
|
406
|
+
}
|
|
407
|
+
],
|
|
408
|
+
"members": [
|
|
409
|
+
{
|
|
410
|
+
"kind": "field",
|
|
411
|
+
"name": "name",
|
|
412
|
+
"type": {
|
|
413
|
+
"text": "string"
|
|
414
|
+
},
|
|
415
|
+
"description": "Name of the icon to show",
|
|
416
|
+
"attribute": "name"
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"kind": "method",
|
|
420
|
+
"name": "load"
|
|
421
|
+
}
|
|
422
|
+
],
|
|
423
|
+
"events": [
|
|
424
|
+
{
|
|
425
|
+
"name": "name",
|
|
426
|
+
"type": {
|
|
427
|
+
"text": "CustomEvent"
|
|
428
|
+
}
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"type": {
|
|
432
|
+
"text": "CustomEvent"
|
|
433
|
+
},
|
|
434
|
+
"description": "Fires when SVG icon loaded",
|
|
435
|
+
"name": "bl-load"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"type": {
|
|
439
|
+
"text": "CustomEvent"
|
|
440
|
+
},
|
|
441
|
+
"description": "Fires when SVG icon failed to load",
|
|
442
|
+
"name": "bl-error"
|
|
443
|
+
}
|
|
444
|
+
],
|
|
445
|
+
"attributes": [
|
|
446
|
+
{
|
|
447
|
+
"name": "name",
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "string"
|
|
450
|
+
},
|
|
451
|
+
"description": "Name of the icon to show",
|
|
452
|
+
"fieldName": "name"
|
|
453
|
+
}
|
|
454
|
+
],
|
|
455
|
+
"superclass": {
|
|
456
|
+
"name": "LitElement",
|
|
457
|
+
"package": "lit"
|
|
458
|
+
},
|
|
459
|
+
"tagName": "bl-icon",
|
|
460
|
+
"summary": "Baklava Icon component",
|
|
461
|
+
"customElement": true
|
|
462
|
+
}
|
|
463
|
+
],
|
|
464
|
+
"exports": [
|
|
465
|
+
{
|
|
466
|
+
"kind": "js",
|
|
467
|
+
"name": "default",
|
|
468
|
+
"declaration": {
|
|
469
|
+
"name": "BlIcon",
|
|
470
|
+
"module": "src/components/icon/bl-icon.ts"
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"kind": "custom-element-definition",
|
|
475
|
+
"name": "bl-icon",
|
|
476
|
+
"declaration": {
|
|
477
|
+
"name": "BlIcon",
|
|
478
|
+
"module": "src/components/icon/bl-icon.ts"
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
]
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"kind": "javascript-module",
|
|
485
|
+
"path": "src/components/input/bl-input.ts",
|
|
486
|
+
"declarations": [
|
|
487
|
+
{
|
|
488
|
+
"kind": "class",
|
|
489
|
+
"description": "",
|
|
490
|
+
"name": "BlInput",
|
|
491
|
+
"members": [
|
|
492
|
+
{
|
|
493
|
+
"kind": "field",
|
|
494
|
+
"name": "type",
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "'text' | 'number'"
|
|
497
|
+
},
|
|
498
|
+
"default": "'text'",
|
|
499
|
+
"description": "Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.",
|
|
500
|
+
"attribute": "type"
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"kind": "field",
|
|
504
|
+
"name": "label",
|
|
505
|
+
"type": {
|
|
506
|
+
"text": "string | undefined"
|
|
507
|
+
},
|
|
508
|
+
"description": "Sets label of the input",
|
|
509
|
+
"attribute": "label"
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
"kind": "field",
|
|
513
|
+
"name": "placeholder",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "string | undefined"
|
|
516
|
+
},
|
|
517
|
+
"description": "Sets placeholder of the input",
|
|
518
|
+
"attribute": "placeholder"
|
|
519
|
+
},
|
|
520
|
+
{
|
|
521
|
+
"kind": "field",
|
|
522
|
+
"name": "value",
|
|
523
|
+
"type": {
|
|
524
|
+
"text": "string | undefined"
|
|
525
|
+
},
|
|
526
|
+
"description": "Sets initial value of the input",
|
|
527
|
+
"attribute": "value"
|
|
528
|
+
},
|
|
529
|
+
{
|
|
530
|
+
"kind": "field",
|
|
531
|
+
"name": "required",
|
|
532
|
+
"type": {
|
|
533
|
+
"text": "boolean"
|
|
534
|
+
},
|
|
535
|
+
"default": "false",
|
|
536
|
+
"description": "Makes input a mandatory field",
|
|
537
|
+
"attribute": "required"
|
|
538
|
+
},
|
|
539
|
+
{
|
|
540
|
+
"kind": "field",
|
|
541
|
+
"name": "minlength",
|
|
542
|
+
"type": {
|
|
543
|
+
"text": "number | undefined"
|
|
544
|
+
},
|
|
545
|
+
"description": "Sets minimum length of the input",
|
|
546
|
+
"attribute": "minlength"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"kind": "field",
|
|
550
|
+
"name": "maxlength",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "number | undefined"
|
|
553
|
+
},
|
|
554
|
+
"description": "Sets maximum length of the input",
|
|
555
|
+
"attribute": "maxlength"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"kind": "field",
|
|
559
|
+
"name": "min",
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "number | undefined"
|
|
562
|
+
},
|
|
563
|
+
"description": "Sets the smallest number can be entered to a `number` input",
|
|
564
|
+
"attribute": "min"
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"kind": "field",
|
|
568
|
+
"name": "max",
|
|
569
|
+
"type": {
|
|
570
|
+
"text": "number | undefined"
|
|
571
|
+
},
|
|
572
|
+
"description": "Sets the biggest number can be entered to a `number` input",
|
|
573
|
+
"attribute": "max"
|
|
574
|
+
},
|
|
575
|
+
{
|
|
576
|
+
"kind": "field",
|
|
577
|
+
"name": "icon",
|
|
578
|
+
"type": {
|
|
579
|
+
"text": "string | undefined"
|
|
580
|
+
},
|
|
581
|
+
"description": "Sets the custom icon name. `bl-icon` component is used to show an icon",
|
|
582
|
+
"attribute": "icon"
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"kind": "field",
|
|
586
|
+
"name": "size",
|
|
587
|
+
"type": {
|
|
588
|
+
"text": "InputSize | undefined"
|
|
589
|
+
},
|
|
590
|
+
"default": "'medium'",
|
|
591
|
+
"description": "Sets input size.",
|
|
592
|
+
"attribute": "size",
|
|
593
|
+
"reflects": true
|
|
594
|
+
},
|
|
595
|
+
{
|
|
596
|
+
"kind": "field",
|
|
597
|
+
"name": "disabled",
|
|
598
|
+
"type": {
|
|
599
|
+
"text": "boolean"
|
|
600
|
+
},
|
|
601
|
+
"default": "false",
|
|
602
|
+
"description": "Disables the input",
|
|
603
|
+
"attribute": "disabled",
|
|
604
|
+
"reflects": true
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"kind": "field",
|
|
608
|
+
"name": "labelFixed",
|
|
609
|
+
"type": {
|
|
610
|
+
"text": "boolean"
|
|
611
|
+
},
|
|
612
|
+
"default": "false",
|
|
613
|
+
"description": "Makes label as fixed positioned",
|
|
614
|
+
"attribute": "label-fixed"
|
|
615
|
+
},
|
|
616
|
+
{
|
|
617
|
+
"kind": "field",
|
|
618
|
+
"name": "customInvalidText",
|
|
619
|
+
"type": {
|
|
620
|
+
"text": "string | undefined"
|
|
621
|
+
},
|
|
622
|
+
"description": "Set custom error message",
|
|
623
|
+
"attribute": "invalid-text"
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"kind": "field",
|
|
627
|
+
"name": "helpText",
|
|
628
|
+
"type": {
|
|
629
|
+
"text": "string | undefined"
|
|
630
|
+
},
|
|
631
|
+
"description": "Adds help text",
|
|
632
|
+
"attribute": "help-text"
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"kind": "field",
|
|
636
|
+
"name": "validity",
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "ValidityState"
|
|
639
|
+
},
|
|
640
|
+
"description": "Current validity state of input"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"kind": "method",
|
|
644
|
+
"name": "reportValidity",
|
|
645
|
+
"description": "Runs input validation"
|
|
646
|
+
}
|
|
647
|
+
],
|
|
648
|
+
"events": [
|
|
649
|
+
{
|
|
650
|
+
"name": "name",
|
|
651
|
+
"type": {
|
|
652
|
+
"text": "CustomEvent"
|
|
653
|
+
}
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"type": {
|
|
657
|
+
"text": "CustomEvent"
|
|
658
|
+
},
|
|
659
|
+
"description": "Fires when the value of an input element has been changed.",
|
|
660
|
+
"name": "bl-input"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"type": {
|
|
664
|
+
"text": "CustomEvent"
|
|
665
|
+
},
|
|
666
|
+
"description": "Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
|
|
667
|
+
"name": "bl-change"
|
|
668
|
+
}
|
|
669
|
+
],
|
|
670
|
+
"attributes": [
|
|
671
|
+
{
|
|
672
|
+
"name": "type",
|
|
673
|
+
"type": {
|
|
674
|
+
"text": "'text' | 'number'"
|
|
675
|
+
},
|
|
676
|
+
"default": "'text'",
|
|
677
|
+
"description": "Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.",
|
|
678
|
+
"fieldName": "type"
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"name": "label",
|
|
682
|
+
"type": {
|
|
683
|
+
"text": "string | undefined"
|
|
684
|
+
},
|
|
685
|
+
"description": "Sets label of the input",
|
|
686
|
+
"fieldName": "label"
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"name": "placeholder",
|
|
690
|
+
"type": {
|
|
691
|
+
"text": "string | undefined"
|
|
692
|
+
},
|
|
693
|
+
"description": "Sets placeholder of the input",
|
|
694
|
+
"fieldName": "placeholder"
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"name": "value",
|
|
698
|
+
"type": {
|
|
699
|
+
"text": "string | undefined"
|
|
700
|
+
},
|
|
701
|
+
"description": "Sets initial value of the input",
|
|
702
|
+
"fieldName": "value"
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"name": "required",
|
|
706
|
+
"type": {
|
|
707
|
+
"text": "boolean"
|
|
708
|
+
},
|
|
709
|
+
"default": "false",
|
|
710
|
+
"description": "Makes input a mandatory field",
|
|
711
|
+
"fieldName": "required"
|
|
712
|
+
},
|
|
713
|
+
{
|
|
714
|
+
"name": "minlength",
|
|
715
|
+
"type": {
|
|
716
|
+
"text": "number | undefined"
|
|
717
|
+
},
|
|
718
|
+
"description": "Sets minimum length of the input",
|
|
719
|
+
"fieldName": "minlength"
|
|
720
|
+
},
|
|
721
|
+
{
|
|
722
|
+
"name": "maxlength",
|
|
723
|
+
"type": {
|
|
724
|
+
"text": "number | undefined"
|
|
725
|
+
},
|
|
726
|
+
"description": "Sets maximum length of the input",
|
|
727
|
+
"fieldName": "maxlength"
|
|
728
|
+
},
|
|
729
|
+
{
|
|
730
|
+
"name": "min",
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "number | undefined"
|
|
733
|
+
},
|
|
734
|
+
"description": "Sets the smallest number can be entered to a `number` input",
|
|
735
|
+
"fieldName": "min"
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"name": "max",
|
|
739
|
+
"type": {
|
|
740
|
+
"text": "number | undefined"
|
|
741
|
+
},
|
|
742
|
+
"description": "Sets the biggest number can be entered to a `number` input",
|
|
743
|
+
"fieldName": "max"
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"name": "icon",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "string | undefined"
|
|
749
|
+
},
|
|
750
|
+
"description": "Sets the custom icon name. `bl-icon` component is used to show an icon",
|
|
751
|
+
"fieldName": "icon"
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"name": "size",
|
|
755
|
+
"type": {
|
|
756
|
+
"text": "InputSize | undefined"
|
|
757
|
+
},
|
|
758
|
+
"default": "'medium'",
|
|
759
|
+
"description": "Sets input size.",
|
|
760
|
+
"fieldName": "size"
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"name": "disabled",
|
|
764
|
+
"type": {
|
|
765
|
+
"text": "boolean"
|
|
766
|
+
},
|
|
767
|
+
"default": "false",
|
|
768
|
+
"description": "Disables the input",
|
|
769
|
+
"fieldName": "disabled"
|
|
770
|
+
},
|
|
771
|
+
{
|
|
772
|
+
"name": "label-fixed",
|
|
773
|
+
"type": {
|
|
774
|
+
"text": "boolean"
|
|
775
|
+
},
|
|
776
|
+
"default": "false",
|
|
777
|
+
"description": "Makes label as fixed positioned",
|
|
778
|
+
"fieldName": "labelFixed"
|
|
779
|
+
},
|
|
780
|
+
{
|
|
781
|
+
"name": "invalid-text",
|
|
782
|
+
"type": {
|
|
783
|
+
"text": "string | undefined"
|
|
784
|
+
},
|
|
785
|
+
"description": "Set custom error message",
|
|
786
|
+
"fieldName": "customInvalidText"
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"name": "help-text",
|
|
790
|
+
"type": {
|
|
791
|
+
"text": "string | undefined"
|
|
792
|
+
},
|
|
793
|
+
"description": "Adds help text",
|
|
794
|
+
"fieldName": "helpText"
|
|
795
|
+
}
|
|
796
|
+
],
|
|
797
|
+
"superclass": {
|
|
798
|
+
"name": "LitElement",
|
|
799
|
+
"package": "lit"
|
|
800
|
+
},
|
|
801
|
+
"tagName": "bl-input",
|
|
802
|
+
"summary": "Baklava Input component",
|
|
803
|
+
"customElement": true
|
|
804
|
+
}
|
|
805
|
+
],
|
|
806
|
+
"exports": [
|
|
807
|
+
{
|
|
808
|
+
"kind": "js",
|
|
809
|
+
"name": "default",
|
|
810
|
+
"declaration": {
|
|
811
|
+
"name": "BlInput",
|
|
812
|
+
"module": "src/components/input/bl-input.ts"
|
|
813
|
+
}
|
|
814
|
+
},
|
|
815
|
+
{
|
|
816
|
+
"kind": "custom-element-definition",
|
|
817
|
+
"name": "bl-input",
|
|
818
|
+
"declaration": {
|
|
819
|
+
"name": "BlInput",
|
|
820
|
+
"module": "src/components/input/bl-input.ts"
|
|
821
|
+
}
|
|
822
|
+
}
|
|
823
|
+
]
|
|
824
|
+
}
|
|
825
|
+
]
|
|
826
|
+
}
|