@trendyol/baklava 2.0.0-beta.12 → 2.0.0-beta.13

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 (21) hide show
  1. package/dist/baklava.js +1 -1
  2. package/dist/{chunk-EOV5UNUT.js → chunk-DHVCDAR2.js} +2 -2
  3. package/dist/{chunk-EOV5UNUT.js.map → chunk-DHVCDAR2.js.map} +2 -2
  4. package/dist/{chunk-HNGCDZW6.js → chunk-LJVEBQTA.js} +2 -2
  5. package/dist/{chunk-HNGCDZW6.js.map → chunk-LJVEBQTA.js.map} +3 -3
  6. package/dist/{chunk-T7GSZTD6.js → chunk-NA2LJ7AF.js} +7 -7
  7. package/dist/chunk-NA2LJ7AF.js.map +7 -0
  8. package/dist/{chunk-KXC4PRYS.js → chunk-OQVMZFLV.js} +12 -12
  9. package/dist/chunk-OQVMZFLV.js.map +7 -0
  10. package/dist/chunk-ZXOB5CCG.js +31 -0
  11. package/dist/{chunk-DGA6AHIJ.js.map → chunk-ZXOB5CCG.js.map} +4 -4
  12. package/dist/components/badge/bl-badge.js +1 -1
  13. package/dist/components/button/bl-button.js +1 -1
  14. package/dist/components/icon/bl-icon.js +1 -1
  15. package/dist/components/icon/icon-list.js.map +2 -2
  16. package/dist/components/input/bl-input.js +1 -1
  17. package/dist/custom-elements.json +13 -359
  18. package/package.json +11 -11
  19. package/dist/chunk-DGA6AHIJ.js +0 -31
  20. package/dist/chunk-KXC4PRYS.js.map +0 -7
  21. package/dist/chunk-T7GSZTD6.js.map +0 -7
package/dist/components/badge/bl-badge.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-HNGCDZW6.js";import"../../chunk-DGA6AHIJ.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
1
+ import{a}from"../../chunk-LJVEBQTA.js";import"../../chunk-ZXOB5CCG.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
2
2
  //# sourceMappingURL=bl-badge.js.map
package/dist/components/button/bl-button.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-T7GSZTD6.js";import"../../chunk-EOV5UNUT.js";import"../../chunk-DGA6AHIJ.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
1
+ import{a}from"../../chunk-NA2LJ7AF.js";import"../../chunk-DHVCDAR2.js";import"../../chunk-ZXOB5CCG.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
2
2
  //# sourceMappingURL=bl-button.js.map
package/dist/components/icon/bl-icon.js CHANGED
@@ -1,2 +1,2 @@
1
- import{o as a}from"../../chunk-DGA6AHIJ.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
1
+ import{p as a}from"../../chunk-ZXOB5CCG.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
2
2
  //# sourceMappingURL=bl-icon.js.map
package/dist/components/icon/icon-list.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/icon/icon-list.ts"],
4
4
  "sourcesContent": ["export default [\n 'academy',\n 'account',\n 'add_note',\n 'add_photo',\n 'add_product',\n 'alert',\n 'archive',\n 'arrow_down',\n 'arrow_left',\n 'arrow_right',\n 'arrow_up',\n 'attach',\n 'award',\n 'back',\n 'back_fill',\n 'barcode',\n 'bill',\n 'book',\n 'browser',\n 'burger',\n 'calendar',\n 'camera',\n 'campaign',\n 'change',\n 'change_fill',\n 'chatbot',\n 'check',\n 'check_fill',\n 'close',\n 'close_fill',\n 'coin',\n 'compass',\n 'confetti',\n 'copy',\n 'delete',\n 'dialog',\n 'dislike',\n 'document',\n 'document_search',\n 'donation',\n 'download',\n 'edit',\n 'excel',\n 'exit',\n 'expand',\n 'export',\n 'external_link',\n 'external_share',\n 'eye_off',\n 'eye_on',\n 'facebook',\n 'filter',\n 'finance_accounting',\n 'fire',\n 'flash',\n 'flash_fill',\n 'forward',\n 'gift',\n 'globe',\n 'go_forward',\n 'graphic',\n 'growth',\n 'hamburger_menu',\n 'handshake',\n 'happy',\n 'heart',\n 'help',\n 'home',\n 'image',\n 'influencer',\n 'info',\n 'label',\n 'light_bulb',\n 'like',\n 'link',\n 'listing',\n 'live_monitor',\n 'live_support',\n 'loading',\n 'lock',\n 'magic_wand',\n 'mail',\n 'mail_opened',\n 'map',\n 'market',\n 'market_order_back',\n 'market_order_cancel',\n 'market_order_change',\n 'market_order_check',\n 'message',\n 'metric_decrease',\n 'metric_increase',\n 'metric_minus',\n 'minus',\n 'minus_fill',\n 'mobile_filled',\n 'mobile_settings',\n 'motorcycle',\n 'my_offers',\n 'normal',\n 'notice',\n 'notification',\n 'order',\n 'order_back',\n 'order_box',\n 'order_cancel',\n 'order_check',\n 'order_return',\n 'order_tracking',\n 'paper',\n 'pause',\n 'pause_fill',\n 'people',\n 'phone',\n 'phone_settings',\n 'photo',\n 'pin',\n 'play',\n 'play_fill',\n 'plus',\n 'plus_fill',\n 'preview',\n 'print',\n 'product',\n 'profile',\n 'profile_check',\n 'rating',\n 'report',\n 'rotate',\n 'sad',\n 'save',\n 'search',\n 'seller_ads',\n 'send',\n 'send_mail',\n 'services',\n 'settings',\n 'share',\n 'shopping_bag',\n 'shopping_bag_back',\n 'shopping_bag_cancel',\n 'shopping_bag_discount',\n 'shopping_bag_return',\n 'sorting',\n 'sound_on',\n 'star',\n 'stop',\n 'stop_fill',\n 'store',\n 'store_performance',\n 'suitcase',\n 'support',\n 'ticket',\n 'truck',\n 'turn_back',\n 'unlock',\n 'upload',\n 'user_management',\n 'vacation_mode',\n 'waiting',\n 'wallet',\n 'warning',\n 'web_filled',\n 'zoom_in',\n 'zoom_out',\n];\n"],
5
- "mappings": "gCAAA,GAAO,GAAQ,CACb,UACA,UACA,WACA,YACA,cACA,QACA,UACA,aACA,aACA,cACA,WACA,SACA,QACA,OACA,YACA,UACA,OACA,OACA,UACA,SACA,WACA,SACA,WACA,SACA,cACA,UACA,QACA,aACA,QACA,aACA,OACA,UACA,WACA,OACA,SACA,SACA,UACA,WACA,kBACA,WACA,WACA,OACA,QACA,OACA,SACA,SACA,gBACA,iBACA,UACA,SACA,WACA,SACA,qBACA,OACA,QACA,aACA,UACA,OACA,QACA,aACA,UACA,SACA,iBACA,YACA,QACA,QACA,OACA,OACA,QACA,aACA,OACA,QACA,aACA,OACA,OACA,UACA,eACA,eACA,UACA,OACA,aACA,OACA,cACA,MACA,SACA,oBACA,sBACA,sBACA,qBACA,UACA,kBACA,kBACA,eACA,QACA,aACA,gBACA,kBACA,aACA,YACA,SACA,SACA,eACA,QACA,aACA,YACA,eACA,cACA,eACA,iBACA,QACA,QACA,aACA,SACA,QACA,iBACA,QACA,MACA,OACA,YACA,OACA,YACA,UACA,QACA,UACA,UACA,gBACA,SACA,SACA,SACA,MACA,OACA,SACA,aACA,OACA,YACA,WACA,WACA,QACA,eACA,oBACA,sBACA,wBACA,sBACA,UACA,WACA,OACA,OACA,YACA,QACA,oBACA,WACA,UACA,SACA,QACA,YACA,SACA,SACA,kBACA,gBACA,UACA,SACA,UACA,aACA,UACA,UACF",
6
- "names": []
5
+ "mappings": "gCAAA,IAAOA,EAAQ,CACb,UACA,UACA,WACA,YACA,cACA,QACA,UACA,aACA,aACA,cACA,WACA,SACA,QACA,OACA,YACA,UACA,OACA,OACA,UACA,SACA,WACA,SACA,WACA,SACA,cACA,UACA,QACA,aACA,QACA,aACA,OACA,UACA,WACA,OACA,SACA,SACA,UACA,WACA,kBACA,WACA,WACA,OACA,QACA,OACA,SACA,SACA,gBACA,iBACA,UACA,SACA,WACA,SACA,qBACA,OACA,QACA,aACA,UACA,OACA,QACA,aACA,UACA,SACA,iBACA,YACA,QACA,QACA,OACA,OACA,QACA,aACA,OACA,QACA,aACA,OACA,OACA,UACA,eACA,eACA,UACA,OACA,aACA,OACA,cACA,MACA,SACA,oBACA,sBACA,sBACA,qBACA,UACA,kBACA,kBACA,eACA,QACA,aACA,gBACA,kBACA,aACA,YACA,SACA,SACA,eACA,QACA,aACA,YACA,eACA,cACA,eACA,iBACA,QACA,QACA,aACA,SACA,QACA,iBACA,QACA,MACA,OACA,YACA,OACA,YACA,UACA,QACA,UACA,UACA,gBACA,SACA,SACA,SACA,MACA,OACA,SACA,aACA,OACA,YACA,WACA,WACA,QACA,eACA,oBACA,sBACA,wBACA,sBACA,UACA,WACA,OACA,OACA,YACA,QACA,oBACA,WACA,UACA,SACA,QACA,YACA,SACA,SACA,kBACA,gBACA,UACA,SACA,UACA,aACA,UACA,UACF",
6
+ "names": ["icon_list_default"]
7
7
  }
package/dist/components/input/bl-input.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a}from"../../chunk-KXC4PRYS.js";import"../../chunk-EOV5UNUT.js";import"../../chunk-DGA6AHIJ.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
1
+ import{a}from"../../chunk-OQVMZFLV.js";import"../../chunk-DHVCDAR2.js";import"../../chunk-ZXOB5CCG.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
2
2
  //# sourceMappingURL=bl-input.js.map
package/dist/custom-elements.json CHANGED
@@ -12,41 +12,19 @@
12
12
  "name": "BlBadge",
13
13
  "cssProperties": [
14
14
  {
15
- "description": "Sets the background color of badge. Default value is '--bl-color-accent-primary-background'",
15
+ "description": "Sets the background color of badge. Default value is `--bl-color-accent-primary-background`",
16
16
  "name": "--bl-badge-bg-color"
17
17
  },
18
18
  {
19
- "description": "Sets the color of badge. Default value is '--bl-color-primary'",
19
+ "description": "Sets the color of badge. Default value is `--bl-color-primary`",
20
20
  "name": "--bl-badge-color"
21
21
  }
22
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
23
  "attributes": [
46
24
  {
47
25
  "name": "size",
48
26
  "type": {
49
- "text": "string"
27
+ "text": "BadgeSize"
50
28
  },
51
29
  "default": "'medium'",
52
30
  "description": "Sets the badge size",
@@ -55,7 +33,7 @@
55
33
  {
56
34
  "name": "icon",
57
35
  "type": {
58
- "text": "string"
36
+ "text": "string | undefined"
59
37
  },
60
38
  "description": "Sets the name of the icon",
61
39
  "fieldName": "icon"
@@ -103,152 +81,12 @@
103
81
  "name": "--bl-button-display"
104
82
  }
105
83
  ],
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": "text",
165
- "type": {
166
- "text": "boolean"
167
- },
168
- "default": "false",
169
- "description": "Sets the button version to text",
170
- "attribute": "text",
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
84
  "events": [
242
- {
243
- "name": "name",
244
- "type": {
245
- "text": "CustomEvent"
246
- }
247
- },
248
85
  {
249
86
  "type": {
250
- "text": "CustomEvent"
87
+ "text": "CustomEvent<string>"
251
88
  },
89
+ "description": "Fires when button clicked",
252
90
  "name": "bl-click"
253
91
  }
254
92
  ],
@@ -405,38 +243,17 @@
405
243
  "name": "color"
406
244
  }
407
245
  ],
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
246
  "events": [
424
- {
425
- "name": "name",
426
- "type": {
427
- "text": "CustomEvent"
428
- }
429
- },
430
247
  {
431
248
  "type": {
432
- "text": "CustomEvent"
249
+ "text": "CustomEvent<string>"
433
250
  },
434
251
  "description": "Fires when SVG icon loaded",
435
252
  "name": "bl-load"
436
253
  },
437
254
  {
438
255
  "type": {
439
- "text": "CustomEvent"
256
+ "text": "CustomEvent<string>"
440
257
  },
441
258
  "description": "Fires when SVG icon failed to load",
442
259
  "name": "bl-error"
@@ -488,183 +305,20 @@
488
305
  "kind": "class",
489
306
  "description": "",
490
307
  "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
308
  "events": [
649
309
  {
650
- "name": "name",
651
310
  "type": {
652
- "text": "CustomEvent"
653
- }
311
+ "text": "CustomEvent<string>"
312
+ },
313
+ "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.",
314
+ "name": "bl-change"
654
315
  },
655
316
  {
656
317
  "type": {
657
- "text": "CustomEvent"
318
+ "text": "CustomEvent<string>"
658
319
  },
659
320
  "description": "Fires when the value of an input element has been changed.",
660
321
  "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
322
  }
669
323
  ],
670
324
  "attributes": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trendyol/baklava",
3
- "version": "2.0.0-beta.12",
3
+ "version": "2.0.0-beta.13",
4
4
  "description": "Trendyol Baklava Design System",
5
5
  "main": "dist/baklava.js",
6
6
  "module": "dist/baklava.js",
@@ -42,6 +42,7 @@
42
42
  "reboot": "npm run clean && npm install && npm start",
43
43
  "pretest": "npm run build",
44
44
  "test": "web-test-runner --coverage",
45
+ "test:dev": "web-test-runner --coverage --dev",
45
46
  "test:component": "npm run test -- --group",
46
47
  "test:watch": "web-test-runner --coverage --watch",
47
48
  "test:debug": "web-test-runner --coverage --watch --debug",
@@ -65,25 +66,24 @@
65
66
  "@commitlint/config-conventional": "^16.2.4",
66
67
  "@commitlint/prompt-cli": "^16.2.4",
67
68
  "@custom-elements-manifest/analyzer": "^0.6.3",
68
- "@open-wc/testing": "^3.0.0-next.2",
69
- "@storybook/addon-a11y": "6.5.5",
70
- "@storybook/addon-actions": "6.5.5",
71
- "@storybook/addon-essentials": "6.5.5",
72
- "@storybook/addon-links": "6.5.5",
73
- "@storybook/addon-storysource": "6.5.5",
69
+ "@open-wc/testing": "^3.1.6",
70
+ "@storybook/addon-a11y": "6.5.9",
71
+ "@storybook/addon-actions": "6.5.9",
72
+ "@storybook/addon-essentials": "6.5.9",
73
+ "@storybook/addon-links": "6.5.9",
74
+ "@storybook/addon-storysource": "6.5.9",
74
75
  "@storybook/storybook-deployer": "^2.8.11",
75
- "@storybook/web-components": "6.5.5",
76
+ "@storybook/web-components": "6.5.9",
76
77
  "@typescript-eslint/eslint-plugin": "^5.18.0",
77
78
  "@typescript-eslint/parser": "^5.18.0",
78
79
  "@web/dev-server-esbuild": "0.2.16",
79
- "@web/dev-server-import-maps": "^0.0.6",
80
80
  "@web/dev-server-rollup": "^0.3.17",
81
81
  "@web/test-runner": "^0.13.15",
82
82
  "@web/test-runner-playwright": "^0.8.6",
83
83
  "@web/test-runner-puppeteer": "^0.10.5",
84
84
  "@webcomponents/webcomponentsjs": "^2.5.0",
85
85
  "del": "^6.1.0",
86
- "esbuild": "^0.14.39",
86
+ "esbuild": "^0.14.50",
87
87
  "esbuild-plugin-lit-css": "^2.0.0",
88
88
  "eslint": "^8.12.0",
89
89
  "eslint-config-prettier": "^8.5.0",
@@ -99,7 +99,7 @@
99
99
  "prettier": "^2.0.4",
100
100
  "rimraf": "^3.0.2",
101
101
  "rollup-plugin-lit-css": "^4.0.0",
102
- "storybook": "6.5.5",
102
+ "storybook": "6.5.9",
103
103
  "stylelint": "^14.6.1",
104
104
  "stylelint-config-prettier": "^9.0.3",
105
105
  "stylelint-config-standard": "^25.0.0",
package/dist/chunk-DGA6AHIJ.js DELETED
@@ -1,31 +0,0 @@
1
- import{a as L}from"./chunk-NZ3RGSR6.js";var D=window.ShadowRoot&&(window.ShadyCSS===void 0||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,B=Symbol(),ot=new WeakMap,R=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==B)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(D&&t===void 0){let i=e!==void 0&&e.length===1;i&&(t=ot.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ot.set(e,t))}return t}toString(){return this.cssText}},nt=r=>new R(typeof r=="string"?r:r+"",void 0,B),V=(r,...t)=>{let e=r.length===1?r[0]:t.reduce((i,s,o)=>i+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+r[o+1],r[0]);return new R(e,r,B)},W=(r,t)=>{D?r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let i=document.createElement("style"),s=window.litNonce;s!==void 0&&i.setAttribute("nonce",s),i.textContent=e.cssText,r.appendChild(i)})},q=D?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(let i of t.cssRules)e+=i.cssText;return nt(e)})(r):r;var K,lt=window.trustedTypes,Nt=lt?lt.emptyScript:"",at=window.reactiveElementPolyfillSupport,Z={toAttribute(r,t){switch(t){case Boolean:r=r?Nt:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},ht=(r,t)=>t!==r&&(t==t||r==r),G={attribute:!0,type:String,converter:Z,reflect:!1,hasChanged:ht},m=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;(e=this.h)!==null&&e!==void 0||(this.h=[]),this.h.push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,i)=>{let s=this._$Ep(i,e);s!==void 0&&(this._$Ev.set(s,i),t.push(s))}),t}static createProperty(t,e=G){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let i=typeof t=="symbol"?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);s!==void 0&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){let o=this[t];this[e]=s,this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||G}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let s of i)this.createProperty(s,e[s])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let i=new Set(t.flat(1/0).reverse());for(let s of i)e.unshift(q(s))}else t!==void 0&&e.push(q(t));return e}static _$Ep(t,e){let i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return W(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=G){var s,o;let n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){let d=((o=(s=i.converter)===null||s===void 0?void 0:s.toAttribute)!==null&&o!==void 0?o:Z.toAttribute)(e,i.type);this._$El=t,d==null?this.removeAttribute(n):this.setAttribute(n,d),this._$El=null}}_$AK(t,e){var i,s;let o=this.constructor,n=o._$Ev.get(t);if(n!==void 0&&this._$El!==n){let d=o.getPropertyOptions(n),l=d.converter,a=(s=(i=l?.fromAttribute)!==null&&i!==void 0?i:typeof l=="function"?l:null)!==null&&s!==void 0?s:Z.fromAttribute;this._$El=n,this[n]=a(e,d.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||ht)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((s,o)=>this[o]=s),this._$Ei=void 0);let e=!1,i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(s=>{var o;return(o=s.hostUpdate)===null||o===void 0?void 0:o.call(s)}),this.update(i)):this._$Ek()}catch(s){throw e=!1,this._$Ek(),s}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdated)===null||s===void 0?void 0:s.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};m.finalized=!0,m.elementProperties=new Map,m.elementStyles=[],m.shadowRootOptions={mode:"open"},at?.({ReactiveElement:m}),((K=globalThis.reactiveElementVersions)!==null&&K!==void 0?K:globalThis.reactiveElementVersions=[]).push("1.3.3");var J,C=globalThis.trustedTypes,dt=C?C.createPolicy("lit-html",{createHTML:r=>r}):void 0,$=`lit$${(Math.random()+"").slice(9)}$`,$t="?"+$,Ht=`<${$t}>`,x=document,N=(r="")=>x.createComment(r),H=r=>r===null||typeof r!="object"&&typeof r!="function",_t=Array.isArray,Mt=r=>{var t;return _t(r)||typeof((t=r)===null||t===void 0?void 0:t[Symbol.iterator])=="function"},U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ct=/-->/g,ut=/>/g,y=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,pt=/'/g,vt=/"/g,yt=/^(?:script|style|textarea|title)$/i,gt=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),At=gt(1),Vt=gt(2),f=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),mt=new WeakMap,Et=(r,t,e)=>{var i,s;let o=(i=e?.renderBefore)!==null&&i!==void 0?i:t,n=o._$litPart$;if(n===void 0){let d=(s=e?.renderBefore)!==null&&s!==void 0?s:null;o._$litPart$=n=new A(t.insertBefore(N(),d),d,void 0,e??{})}return n._$AI(r),n},w=x.createTreeWalker(x,129,null,!1),kt=(r,t)=>{let e=r.length-1,i=[],s,o=t===2?"<svg>":"",n=U;for(let l=0;l<e;l++){let a=r[l],v,h,u=-1,p=0;for(;p<a.length&&(n.lastIndex=p,h=n.exec(a),h!==null);)p=n.lastIndex,n===U?h[1]==="!--"?n=ct:h[1]!==void 0?n=ut:h[2]!==void 0?(yt.test(h[2])&&(s=RegExp("</"+h[2],"g")),n=y):h[3]!==void 0&&(n=y):n===y?h[0]===">"?(n=s??U,u=-1):h[1]===void 0?u=-2:(u=n.lastIndex-h[2].length,v=h[1],n=h[3]===void 0?y:h[3]==='"'?vt:pt):n===vt||n===pt?n=y:n===ct||n===ut?n=U:(n=y,s=void 0);let k=n===y&&r[l+1].startsWith("/>")?" ":"";o+=n===U?a+Ht:u>=0?(i.push(v),a.slice(0,u)+"$lit$"+a.slice(u)+$+k):a+$+(u===-2?(i.push(void 0),l):k)}let d=o+(r[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return[dt!==void 0?dt.createHTML(d):d,i]},g=class{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let o=0,n=0,d=t.length-1,l=this.parts,[a,v]=kt(t,e);if(this.el=g.createElement(a,i),w.currentNode=this.el.content,e===2){let h=this.el.content,u=h.firstChild;u.remove(),h.append(...u.childNodes)}for(;(s=w.nextNode())!==null&&l.length<d;){if(s.nodeType===1){if(s.hasAttributes()){let h=[];for(let u of s.getAttributeNames())if(u.endsWith("$lit$")||u.startsWith($)){let p=v[n++];if(h.push(u),p!==void 0){let k=s.getAttribute(p.toLowerCase()+"$lit$").split($),O=/([.?@])?(.*)/.exec(p);l.push({type:1,index:o,name:O[2],strings:k,ctor:O[1]==="."?Y:O[1]==="?"?Q:O[1]==="@"?X:T})}else l.push({type:6,index:o})}for(let u of h)s.removeAttribute(u)}if(yt.test(s.tagName)){let h=s.textContent.split($),u=h.length-1;if(u>0){s.textContent=C?C.emptyScript:"";for(let p=0;p<u;p++)s.append(h[p],N()),w.nextNode(),l.push({type:2,index:++o});s.append(h[u],N())}}}else if(s.nodeType===8)if(s.data===$t)l.push({type:2,index:o});else{let h=-1;for(;(h=s.data.indexOf($,h+1))!==-1;)l.push({type:7,index:o}),h+=$.length-1}o++}}static createElement(t,e){let i=x.createElement("template");return i.innerHTML=t,i}};function P(r,t,e=r,i){var s,o,n,d;if(t===f)return t;let l=i!==void 0?(s=e._$Cl)===null||s===void 0?void 0:s[i]:e._$Cu,a=H(t)?void 0:t._$litDirective$;return l?.constructor!==a&&((o=l?._$AO)===null||o===void 0||o.call(l,!1),a===void 0?l=void 0:(l=new a(r),l._$AT(r,e,i)),i!==void 0?((n=(d=e)._$Cl)!==null&&n!==void 0?n:d._$Cl=[])[i]=l:e._$Cu=l),l!==void 0&&(t=P(r,l._$AS(r,t.values),l,i)),t}var F=class{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;let{el:{content:i},parts:s}=this._$AD,o=((e=t?.creationScope)!==null&&e!==void 0?e:x).importNode(i,!0);w.currentNode=o;let n=w.nextNode(),d=0,l=0,a=s[0];for(;a!==void 0;){if(d===a.index){let v;a.type===2?v=new A(n,n.nextSibling,this,t):a.type===1?v=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(v=new tt(n,this,t)),this.v.push(v),a=s[++l]}d!==a?.index&&(n=w.nextNode(),d++)}return o}m(t){let e=0;for(let i of this.v)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},A=class{constructor(t,e,i,s){var o;this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cg=(o=s?.isConnected)===null||o===void 0||o}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),H(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==f&&this.$(t):t._$litType$!==void 0?this.T(t):t.nodeType!==void 0?this.k(t):Mt(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==c&&H(this._$AH)?this._$AA.nextSibling.data=t:this.k(x.createTextNode(t)),this._$AH=t}T(t){var e;let{values:i,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=g.createElement(s.h,this.options)),s);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===o)this._$AH.m(i);else{let n=new F(o,this),d=n.p(this.options);n.m(i),this.k(d),this._$AH=n}}_$AC(t){let e=mt.get(t.strings);return e===void 0&&mt.set(t.strings,e=new g(t)),e}S(t){_t(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,i,s=0;for(let o of t)s===e.length?e.push(i=new A(this.M(N()),this.M(N()),this,this.options)):i=e[s],i._$AI(o),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){let s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cg=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},T=class{constructor(t,e,i,s,o){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=c}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){let o=this.strings,n=!1;if(o===void 0)t=P(this,t,e,0),n=!H(t)||t!==this._$AH&&t!==f,n&&(this._$AH=t);else{let d=t,l,a;for(t=o[0],l=0;l<o.length-1;l++)a=P(this,d[i+l],e,l),a===f&&(a=this._$AH[l]),n||(n=!H(a)||a!==this._$AH[l]),a===c?t=c:t!==c&&(t+=(a??"")+o[l+1]),this._$AH[l]=a}n&&!s&&this.C(t)}C(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Y=class extends T{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===c?void 0:t}},Ot=C?C.emptyScript:"",Q=class extends T{constructor(){super(...arguments),this.type=4}C(t){t&&t!==c?this.element.setAttribute(this.name,Ot):this.element.removeAttribute(this.name)}},X=class extends T{constructor(t,e,i,s,o){super(t,e,i,s,o),this.type=5}_$AI(t,e=this){var i;if((t=(i=P(this,t,e,0))!==null&&i!==void 0?i:c)===f)return;let s=this._$AH,o=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||o);o&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}},tt=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}};var ft=window.litHtmlPolyfillSupport;ft?.(g,A),((J=globalThis.litHtmlVersions)!==null&&J!==void 0?J:globalThis.litHtmlVersions=[]).push("2.2.6");var et,it;var _=class extends m{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Et(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return f}};_.finalized=!0,_._$litElement$=!0,(et=globalThis.litElementHydrateSupport)===null||et===void 0||et.call(globalThis,{LitElement:_});var St=globalThis.litElementPolyfillSupport;St?.({LitElement:_});((it=globalThis.litElementVersions)!==null&&it!==void 0?it:globalThis.litElementVersions=[]).push("3.2.1");var bt=r=>t=>typeof t=="function"?((e,i)=>(window.customElements.define(e,i),i))(r,t):((e,i)=>{let{kind:s,elements:o}=i;return{kind:s,elements:o,finisher(n){window.customElements.define(e,n)}}})(r,t);var Lt=(r,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,r)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,r)}};function z(r){return(t,e)=>e!==void 0?((i,s,o)=>{s.constructor.createProperty(o,i)})(r,t,e):Lt(r,t)}function wt(r){return z({...r,state:!0})}var E=({finisher:r,descriptor:t})=>(e,i)=>{var s;if(i===void 0){let o=(s=e.originalKey)!==null&&s!==void 0?s:e.key,n=t!=null?{kind:"method",placement:"prototype",key:o,descriptor:t(e.key)}:{...e,key:o};return r!=null&&(n.finisher=function(d){r(d,o)}),n}{let o=e.constructor;t!==void 0&&Object.defineProperty(e,i,t(i)),r?.(o,i)}};function he(r,t){return E({descriptor:e=>{let i={get(){var s,o;return(o=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(r))!==null&&o!==void 0?o:null},enumerable:!0,configurable:!0};if(t){let s=typeof e=="symbol"?Symbol():"__"+e;i.get=function(){var o,n;return this[s]===void 0&&(this[s]=(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(r))!==null&&n!==void 0?n:null),this[s]}}return i}})}var st,fe=((st=window.HTMLSlotElement)===null||st===void 0?void 0:st.prototype.assignedElements)!=null?(r,t)=>r.assignedElements(t):(r,t)=>r.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);var Ct={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},I=r=>(...t)=>({_$litDirective$:r,values:t}),j=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var S=class extends j{constructor(t){if(super(t),this.it=c,t.type!==Ct.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===c||t==null)return this.ft=void 0,this.it=t;if(t===f)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;let e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}};S.directiveName="unsafeHTML",S.resultType=1;var ke=I(S);var M=class extends S{};M.directiveName="unsafeSVG",M.resultType=2;var xt=I(M);var Tt="./assets";function Dt(r){Tt=r}function Rt(){return Tt}var Pt=import.meta.url;Pt&&Dt(Pt.split("/").slice(0,-1).concat("assets").join("/"));var qt=V`:host {
2
- display: inline-block;
3
- position: relative;
4
- width: 1em;
5
- height: 1em;
6
- min-width: 1em;
7
- min-height: 1em;
8
- }
9
-
10
- :host div,
11
- :host svg {
12
- width: 100%;
13
- height: 100%;
14
- }
15
- `,Ut=qt;var rt=new Map,b=class extends _{static get styles(){return[Ut]}get name(){return this._iconName}set name(e){e!==this._iconName&&(this._iconName=e,this.load())}async load(){let i=`${Rt()}/${this.name}.svg`;rt.has(i)||rt.set(i,fetch(i));try{let o=await(await rt.get(i))?.clone();o?.ok?(this.svg=await o.text(),this.event("bl-load",`${this.name} icon loaded`),this.requestUpdate()):this.event("bl-error",`${this.name} icon failed to load`)}catch(s){this.event("bl-error",`${this.name} icon failed to load [${s}]`)}}event(e,i){this.dispatchEvent(new CustomEvent(e,{detail:i,bubbles:!0,composed:!0}))}render(){return At`<div aria-hidden="true">${xt(this.svg)}</div>`}};L([z()],b.prototype,"name",1),L([wt()],b.prototype,"svg",2),b=L([bt("bl-icon")],b);export{V as a,At as b,f as c,c as d,_ as e,bt as f,z as g,wt as h,he as i,Ct as j,I as k,j as l,Dt as m,Rt as n,b as o};
16
- /**
17
- * @license
18
- * Copyright 2017 Google LLC
19
- * SPDX-License-Identifier: BSD-3-Clause
20
- */
21
- /**
22
- * @license
23
- * Copyright 2019 Google LLC
24
- * SPDX-License-Identifier: BSD-3-Clause
25
- */
26
- /**
27
- * @license
28
- * Copyright 2021 Google LLC
29
- * SPDX-License-Identifier: BSD-3-Clause
30
- */
31
- //# sourceMappingURL=chunk-DGA6AHIJ.js.map
package/dist/chunk-KXC4PRYS.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/components/input/bl-input.css", "../src/components/input/bl-input.ts"],
4
- "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n display: inline-block;\n width: 200px;\n position: relative;\n\n --bl-input-padding-vertical: var(--bl-size-2xs);\n --bl-input-padding-horizontal: var(--bl-size-xs);\n --bl-input-border-color: var(--bl-color-border);\n --bl-input-icon-color: var(--bl-color-content-tertiary);\n --bl-input-text-color: var(--bl-color-content-primary);\n --bl-input-height: var(--bl-size-2xl);\n}\n\ninput {\n outline: none;\n box-sizing: border-box;\n height: var(--bl-input-height);\n border: solid 1px var(--bl-input-border-color);\n width: 100%;\n font: var(--bl-font-title-3-regular);\n padding: 0 var(--bl-input-padding-horizontal);\n margin: 0;\n border-radius: 4px;\n color: var(--bl-input-text-color);\n}\n\nbl-icon {\n position: absolute;\n top: var(--bl-input-padding-vertical);\n right: var(--bl-input-padding-horizontal);\n font-size: var(--bl-size-m);\n z-index: 1;\n color: var(--bl-input-icon-color);\n}\n\n:host([label-fixed]) bl-icon {\n top: calc(var(--bl-input-padding-vertical) + var(--bl-size-m));\n}\n\ninput:focus ~ bl-icon {\n --bl-input-icon-color: var(--bl-color-primary);\n}\n\ninput:focus {\n --bl-input-border-color: var(--bl-color-primary);\n}\n\n:host ::placeholder {\n color: var(--bl-color-content-tertiary);\n}\n\n:host([label]) ::placeholder {\n color: transparent;\n transition: color ease-out 0.4s;\n}\n\n:host input:focus::placeholder,\n:host([label-fixed]) ::placeholder {\n color: var(--bl-color-content-tertiary);\n}\n\ninput:disabled {\n background-color: var(--bl-color-primary-background);\n\n --bl-input-text-color: var(--bl-color-content-tertiary);\n}\n\ninput.dirty:invalid {\n --bl-input-border-color: var(--bl-color-danger);\n}\n\ninput.has-icon {\n padding-right: calc(var(--bl-size-xs) * 2 + var(--bl-size-m));\n}\n\n.error-icon,\n.invalid-text {\n display: none;\n}\n\nlabel {\n position: absolute;\n top: var(--bl-input-padding-vertical);\n left: var(--bl-input-padding-horizontal);\n transition: all ease-in 0.2s;\n pointer-events: none;\n font: var(--bl-font-title-3-regular);\n color: var(--bl-color-content-tertiary);\n padding: 0;\n}\n\n:where(input:focus, input.has-value) ~ label {\n top: 0;\n left: var(--bl-size-2xs);\n transform: translateY(-50%);\n font: var(--bl-font-form-label);\n color: var(--bl-color-content-secondary);\n padding: 0 var(--bl-size-3xs);\n background-color: var(--bl-color-primary-background);\n pointer-events: initial;\n}\n\n:host([label-fixed]) {\n padding-top: var(--bl-size-m);\n}\n\n:host([label-fixed]) label {\n top: 0;\n left: 0;\n transition: none;\n transform: none;\n pointer-events: initial;\n font: var(--bl-font-form-label);\n color: var(--bl-color-content-secondary);\n padding: 0;\n}\n\n.dirty:invalid ~ label {\n color: var(--bl-color-danger);\n}\n\n.invalid-text,\n.help-text {\n font: var(--bl-font-title-4-regular);\n padding: var(--bl-size-3xs) var(--bl-input-padding-horizontal);\n margin: 0;\n}\n\n.invalid-text {\n color: var(--bl-color-danger);\n}\n\n.help-text {\n color: var(--bl-color-content-secondary);\n}\n\n.error-icon {\n color: var(--bl-color-danger);\n}\n\n.dirty:invalid ~ .invalid-text {\n display: block;\n}\n\n.dirty:invalid ~ .help-text {\n display: none;\n}\n\n.dirty:invalid ~ .error-icon {\n display: inline-block;\n}\n\n.dirty:invalid ~ .custom-icon ~ .error-icon {\n display: none;\n}\n\n.dirty:invalid ~ .custom-icon {\n --bl-input-icon-color: var(--bl-color-danger);\n}\n\n:host([size='large']) {\n --bl-input-height: var(--bl-size-3xl);\n --bl-input-padding-vertical: var(--bl-size-xs);\n --bl-input-padding-horizontal: var(--bl-size-m);\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport '../icon/bl-icon';\n\nimport style from './bl-input.css';\n\nexport type InputSize = 'medium' | 'large';\n/**\n * @tag bl-input\n * @summary Baklava Input component\n *\n * @fires {CustomEvent} bl-input - Fires when the value of an input element has been changed.\n * @fires {CustomEvent} bl-change - 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.\n */\n@customElement('bl-input')\nexport default class BlInput extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n @query('input') private input: HTMLInputElement;\n\n /**\n * Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.\n */\n @property({})\n type: 'text' | 'number' = 'text';\n\n /**\n * Sets label of the input\n */\n @property({})\n label?: string;\n\n /**\n * Sets placeholder of the input\n */\n @property({})\n placeholder?: string;\n\n /**\n * Sets initial value of the input\n */\n @property({})\n value?: string;\n\n /**\n * Makes input a mandatory field\n */\n @property({ type: Boolean })\n required = false;\n\n /**\n * Sets minimum length of the input\n */\n @property({ type: Number })\n minlength?: number;\n\n /**\n * Sets maximum length of the input\n */\n @property({ type: Number })\n maxlength?: number;\n\n /**\n * Sets the smallest number can be entered to a `number` input\n */\n @property({ type: Number })\n min?: number;\n\n /**\n * Sets the biggest number can be entered to a `number` input\n */\n @property({ type: Number })\n max?: number;\n\n /**\n * Sets the custom icon name. `bl-icon` component is used to show an icon\n */\n @property({ type: String })\n icon?: string;\n\n /**\n * Sets input size.\n */\n @property({ type: String, reflect: true })\n size?: InputSize = 'medium';\n\n /**\n * Disables the input\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Makes label as fixed positioned\n */\n @property({ type: Boolean, attribute: 'label-fixed' })\n labelFixed = false;\n\n /**\n * Set custom error message\n */\n @property({ type: String, attribute: 'invalid-text' })\n customInvalidText?: string;\n\n /**\n * Adds help text\n */\n @property({ type: String, attribute: 'help-text' })\n helpText?: string;\n\n /**\n * Current validity state of input\n */\n validity: ValidityState;\n\n /**\n * Runs input validation\n */\n reportValidity() {\n this._dirty = true;\n this.input.checkValidity();\n }\n\n @state() private _dirty = false;\n\n private get dirty(): boolean {\n return this._dirty;\n }\n\n private get hasValue(): boolean {\n return this.input?.value.length > 0;\n }\n\n private get _invalidText() {\n return this.customInvalidText || this.input?.validationMessage;\n }\n\n private get _invalidState() {\n return this.input && !this.input?.validity.valid;\n }\n\n private inputHandler() {\n this.validity = this.input?.validity;\n this.value = this.input.value;\n this.event('bl-input', this.input.value);\n }\n\n private changeHandler() {\n this._dirty = true;\n this.event('bl-change', this.input.value);\n }\n\n private event(name: string, detail: string) {\n this.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));\n }\n\n firstUpdated() {\n this.validity = this.input?.validity;\n if (this._invalidState) {\n this.requestUpdate();\n }\n }\n\n render(): TemplateResult {\n const invalidMessage = this._invalidState\n ? html`<p class=\"invalid-text\">${this._invalidText}</p>`\n : ``;\n const helpMessage = this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : ``;\n const icon = this.icon\n ? html` <bl-icon class=\"custom-icon\" name=\"${this.icon}\"></bl-icon>`\n : '';\n const label = this.label ? html`<label>${this.label}</label>` : '';\n\n return html`\n <input\n type=${this.type}\n class=${classMap({\n 'dirty': this.dirty,\n 'has-icon': this.icon || (this.dirty && this._invalidState),\n 'has-value': this.hasValue,\n })}\n value=${ifDefined(this.value)}\n placeholder=\"${ifDefined(this.placeholder)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n ?required=${this.required}\n ?disabled=${this.disabled}\n @change=${this.changeHandler}\n @input=${this.inputHandler}\n />\n ${label} ${icon}\n <bl-icon class=\"error-icon\" name=\"alert\"></bl-icon>\n ${invalidMessage} ${helpMessage}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'bl-input': BlInput;\n }\n}\n"],
5
- "mappings": "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",
6
- "names": []
7
- }