kemet-ui 1.1.0 → 1.2.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.
@@ -535,255 +535,6 @@
535
535
  }
536
536
  ]
537
537
  },
538
- {
539
- "kind": "javascript-module",
540
- "path": "src/components/kemet-checkbox/kemet-checkbox.js",
541
- "declarations": [
542
- {
543
- "kind": "class",
544
- "description": "",
545
- "name": "KemetCheckbox",
546
- "members": [
547
- {
548
- "kind": "method",
549
- "name": "click"
550
- },
551
- {
552
- "kind": "method",
553
- "name": "handleClick"
554
- },
555
- {
556
- "kind": "method",
557
- "name": "handleBlur"
558
- },
559
- {
560
- "kind": "method",
561
- "name": "handleFocus"
562
- },
563
- {
564
- "kind": "method",
565
- "name": "handleChange"
566
- },
567
- {
568
- "kind": "method",
569
- "name": "makeMessage"
570
- },
571
- {
572
- "kind": "method",
573
- "name": "makeCheckMark"
574
- },
575
- {
576
- "kind": "method",
577
- "name": "checkValidity"
578
- },
579
- {
580
- "kind": "field",
581
- "name": "label",
582
- "type": {
583
- "text": "string"
584
- },
585
- "default": "''",
586
- "privacy": "public",
587
- "attribute": "label"
588
- },
589
- {
590
- "kind": "field",
591
- "name": "name",
592
- "type": {
593
- "text": "string"
594
- },
595
- "default": "'checkbox'",
596
- "privacy": "public",
597
- "attribute": "name"
598
- },
599
- {
600
- "kind": "field",
601
- "name": "disabled",
602
- "type": {
603
- "text": "boolean"
604
- },
605
- "default": "false",
606
- "privacy": "public",
607
- "attribute": "disabled",
608
- "reflects": true
609
- },
610
- {
611
- "kind": "field",
612
- "name": "required",
613
- "type": {
614
- "text": "boolean"
615
- },
616
- "default": "false",
617
- "privacy": "public",
618
- "attribute": "required",
619
- "reflects": true
620
- },
621
- {
622
- "kind": "field",
623
- "name": "rounded",
624
- "type": {
625
- "text": "boolean"
626
- },
627
- "default": "false",
628
- "privacy": "public",
629
- "attribute": "rounded",
630
- "reflects": true
631
- },
632
- {
633
- "kind": "field",
634
- "name": "filled",
635
- "type": {
636
- "text": "boolean"
637
- },
638
- "default": "false",
639
- "privacy": "public",
640
- "attribute": "filled",
641
- "reflects": true
642
- },
643
- {
644
- "kind": "field",
645
- "name": "status",
646
- "type": {
647
- "text": "string"
648
- },
649
- "default": "'standard'",
650
- "privacy": "public",
651
- "attribute": "status",
652
- "reflects": true
653
- },
654
- {
655
- "kind": "field",
656
- "name": "formSubmitController",
657
- "description": "Used only for form reactive controller",
658
- "default": "new FormSubmitController(this)"
659
- },
660
- {
661
- "kind": "field",
662
- "name": "checked",
663
- "privacy": "public",
664
- "attribute": "checked",
665
- "reflects": true
666
- },
667
- {
668
- "kind": "field",
669
- "name": "indeterminate",
670
- "privacy": "public",
671
- "attribute": "indeterminate",
672
- "reflects": true
673
- },
674
- {
675
- "kind": "field",
676
- "name": "value",
677
- "privacy": "public",
678
- "attribute": "value"
679
- },
680
- {
681
- "kind": "field",
682
- "name": "focused",
683
- "privacy": "public",
684
- "attribute": "focused",
685
- "reflects": true
686
- },
687
- {
688
- "kind": "field",
689
- "name": "message",
690
- "privacy": "public",
691
- "attribute": "message"
692
- }
693
- ],
694
- "events": [
695
- {
696
- "name": "kemet-checkbox-change",
697
- "type": {
698
- "text": "CustomEvent"
699
- },
700
- "description": "Fires when the state of the checkbox changes"
701
- },
702
- {
703
- "name": "kemet-checkbox-focused",
704
- "type": {
705
- "text": "CustomEvent"
706
- },
707
- "description": "Fires when the checkbox loses or receives focus"
708
- }
709
- ],
710
- "attributes": [
711
- {
712
- "name": "label",
713
- "fieldName": "label"
714
- },
715
- {
716
- "name": "checked",
717
- "fieldName": "checked"
718
- },
719
- {
720
- "name": "indeterminate",
721
- "fieldName": "indeterminate"
722
- },
723
- {
724
- "name": "name",
725
- "fieldName": "name"
726
- },
727
- {
728
- "name": "value",
729
- "fieldName": "value"
730
- },
731
- {
732
- "name": "disabled",
733
- "fieldName": "disabled"
734
- },
735
- {
736
- "name": "required",
737
- "fieldName": "required"
738
- },
739
- {
740
- "name": "focused",
741
- "fieldName": "focused"
742
- },
743
- {
744
- "name": "rounded",
745
- "fieldName": "rounded"
746
- },
747
- {
748
- "name": "filled",
749
- "fieldName": "filled"
750
- },
751
- {
752
- "name": "status",
753
- "fieldName": "status"
754
- },
755
- {
756
- "name": "message",
757
- "fieldName": "message"
758
- }
759
- ],
760
- "superclass": {
761
- "name": "LitElement",
762
- "package": "lit"
763
- },
764
- "tagName": "kemet-checkbox",
765
- "customElement": true
766
- }
767
- ],
768
- "exports": [
769
- {
770
- "kind": "js",
771
- "name": "default",
772
- "declaration": {
773
- "name": "KemetCheckbox",
774
- "module": "src/components/kemet-checkbox/kemet-checkbox.js"
775
- }
776
- },
777
- {
778
- "kind": "custom-element-definition",
779
- "name": "kemet-checkbox",
780
- "declaration": {
781
- "name": "KemetCheckbox",
782
- "module": "src/components/kemet-checkbox/kemet-checkbox.js"
783
- }
784
- }
785
- ]
786
- },
787
538
  {
788
539
  "kind": "javascript-module",
789
540
  "path": "src/components/kemet-carousel/kemet-carousel-current.js",
@@ -1587,20 +1338,269 @@
1587
1338
  },
1588
1339
  {
1589
1340
  "kind": "javascript-module",
1590
- "path": "src/components/kemet-combo/kemet-combo.js",
1341
+ "path": "src/components/kemet-checkbox/kemet-checkbox.js",
1591
1342
  "declarations": [
1592
1343
  {
1593
1344
  "kind": "class",
1594
1345
  "description": "",
1595
- "name": "KemetCombo",
1346
+ "name": "KemetCheckbox",
1596
1347
  "members": [
1597
1348
  {
1598
1349
  "kind": "method",
1599
- "name": "makeOptions"
1350
+ "name": "click"
1600
1351
  },
1601
1352
  {
1602
1353
  "kind": "method",
1603
- "name": "handleInput",
1354
+ "name": "handleClick"
1355
+ },
1356
+ {
1357
+ "kind": "method",
1358
+ "name": "handleBlur"
1359
+ },
1360
+ {
1361
+ "kind": "method",
1362
+ "name": "handleFocus"
1363
+ },
1364
+ {
1365
+ "kind": "method",
1366
+ "name": "handleChange"
1367
+ },
1368
+ {
1369
+ "kind": "method",
1370
+ "name": "makeMessage"
1371
+ },
1372
+ {
1373
+ "kind": "method",
1374
+ "name": "makeCheckMark"
1375
+ },
1376
+ {
1377
+ "kind": "method",
1378
+ "name": "checkValidity"
1379
+ },
1380
+ {
1381
+ "kind": "field",
1382
+ "name": "label",
1383
+ "type": {
1384
+ "text": "string"
1385
+ },
1386
+ "default": "''",
1387
+ "privacy": "public",
1388
+ "attribute": "label"
1389
+ },
1390
+ {
1391
+ "kind": "field",
1392
+ "name": "name",
1393
+ "type": {
1394
+ "text": "string"
1395
+ },
1396
+ "default": "'checkbox'",
1397
+ "privacy": "public",
1398
+ "attribute": "name"
1399
+ },
1400
+ {
1401
+ "kind": "field",
1402
+ "name": "disabled",
1403
+ "type": {
1404
+ "text": "boolean"
1405
+ },
1406
+ "default": "false",
1407
+ "privacy": "public",
1408
+ "attribute": "disabled",
1409
+ "reflects": true
1410
+ },
1411
+ {
1412
+ "kind": "field",
1413
+ "name": "required",
1414
+ "type": {
1415
+ "text": "boolean"
1416
+ },
1417
+ "default": "false",
1418
+ "privacy": "public",
1419
+ "attribute": "required",
1420
+ "reflects": true
1421
+ },
1422
+ {
1423
+ "kind": "field",
1424
+ "name": "rounded",
1425
+ "type": {
1426
+ "text": "boolean"
1427
+ },
1428
+ "default": "false",
1429
+ "privacy": "public",
1430
+ "attribute": "rounded",
1431
+ "reflects": true
1432
+ },
1433
+ {
1434
+ "kind": "field",
1435
+ "name": "filled",
1436
+ "type": {
1437
+ "text": "boolean"
1438
+ },
1439
+ "default": "false",
1440
+ "privacy": "public",
1441
+ "attribute": "filled",
1442
+ "reflects": true
1443
+ },
1444
+ {
1445
+ "kind": "field",
1446
+ "name": "status",
1447
+ "type": {
1448
+ "text": "string"
1449
+ },
1450
+ "default": "'standard'",
1451
+ "privacy": "public",
1452
+ "attribute": "status",
1453
+ "reflects": true
1454
+ },
1455
+ {
1456
+ "kind": "field",
1457
+ "name": "formSubmitController",
1458
+ "description": "Used only for form reactive controller",
1459
+ "default": "new FormSubmitController(this)"
1460
+ },
1461
+ {
1462
+ "kind": "field",
1463
+ "name": "checked",
1464
+ "privacy": "public",
1465
+ "attribute": "checked",
1466
+ "reflects": true
1467
+ },
1468
+ {
1469
+ "kind": "field",
1470
+ "name": "indeterminate",
1471
+ "privacy": "public",
1472
+ "attribute": "indeterminate",
1473
+ "reflects": true
1474
+ },
1475
+ {
1476
+ "kind": "field",
1477
+ "name": "value",
1478
+ "privacy": "public",
1479
+ "attribute": "value"
1480
+ },
1481
+ {
1482
+ "kind": "field",
1483
+ "name": "focused",
1484
+ "privacy": "public",
1485
+ "attribute": "focused",
1486
+ "reflects": true
1487
+ },
1488
+ {
1489
+ "kind": "field",
1490
+ "name": "message",
1491
+ "privacy": "public",
1492
+ "attribute": "message"
1493
+ }
1494
+ ],
1495
+ "events": [
1496
+ {
1497
+ "name": "kemet-checkbox-change",
1498
+ "type": {
1499
+ "text": "CustomEvent"
1500
+ },
1501
+ "description": "Fires when the state of the checkbox changes"
1502
+ },
1503
+ {
1504
+ "name": "kemet-checkbox-focused",
1505
+ "type": {
1506
+ "text": "CustomEvent"
1507
+ },
1508
+ "description": "Fires when the checkbox loses or receives focus"
1509
+ }
1510
+ ],
1511
+ "attributes": [
1512
+ {
1513
+ "name": "label",
1514
+ "fieldName": "label"
1515
+ },
1516
+ {
1517
+ "name": "checked",
1518
+ "fieldName": "checked"
1519
+ },
1520
+ {
1521
+ "name": "indeterminate",
1522
+ "fieldName": "indeterminate"
1523
+ },
1524
+ {
1525
+ "name": "name",
1526
+ "fieldName": "name"
1527
+ },
1528
+ {
1529
+ "name": "value",
1530
+ "fieldName": "value"
1531
+ },
1532
+ {
1533
+ "name": "disabled",
1534
+ "fieldName": "disabled"
1535
+ },
1536
+ {
1537
+ "name": "required",
1538
+ "fieldName": "required"
1539
+ },
1540
+ {
1541
+ "name": "focused",
1542
+ "fieldName": "focused"
1543
+ },
1544
+ {
1545
+ "name": "rounded",
1546
+ "fieldName": "rounded"
1547
+ },
1548
+ {
1549
+ "name": "filled",
1550
+ "fieldName": "filled"
1551
+ },
1552
+ {
1553
+ "name": "status",
1554
+ "fieldName": "status"
1555
+ },
1556
+ {
1557
+ "name": "message",
1558
+ "fieldName": "message"
1559
+ }
1560
+ ],
1561
+ "superclass": {
1562
+ "name": "LitElement",
1563
+ "package": "lit"
1564
+ },
1565
+ "tagName": "kemet-checkbox",
1566
+ "customElement": true
1567
+ }
1568
+ ],
1569
+ "exports": [
1570
+ {
1571
+ "kind": "js",
1572
+ "name": "default",
1573
+ "declaration": {
1574
+ "name": "KemetCheckbox",
1575
+ "module": "src/components/kemet-checkbox/kemet-checkbox.js"
1576
+ }
1577
+ },
1578
+ {
1579
+ "kind": "custom-element-definition",
1580
+ "name": "kemet-checkbox",
1581
+ "declaration": {
1582
+ "name": "KemetCheckbox",
1583
+ "module": "src/components/kemet-checkbox/kemet-checkbox.js"
1584
+ }
1585
+ }
1586
+ ]
1587
+ },
1588
+ {
1589
+ "kind": "javascript-module",
1590
+ "path": "src/components/kemet-combo/kemet-combo.js",
1591
+ "declarations": [
1592
+ {
1593
+ "kind": "class",
1594
+ "description": "",
1595
+ "name": "KemetCombo",
1596
+ "members": [
1597
+ {
1598
+ "kind": "method",
1599
+ "name": "makeOptions"
1600
+ },
1601
+ {
1602
+ "kind": "method",
1603
+ "name": "handleInput",
1604
1604
  "parameters": [
1605
1605
  {
1606
1606
  "name": "event"
@@ -2095,18 +2095,157 @@
2095
2095
  "exports": [
2096
2096
  {
2097
2097
  "kind": "js",
2098
- "name": "stylesBase",
2098
+ "name": "stylesBase",
2099
+ "declaration": {
2100
+ "name": "stylesBase",
2101
+ "module": "src/components/kemet-drawer/kemet-drawer.styles.js"
2102
+ }
2103
+ },
2104
+ {
2105
+ "kind": "js",
2106
+ "name": "stylesEffects",
2107
+ "declaration": {
2108
+ "name": "stylesEffects",
2109
+ "module": "src/components/kemet-drawer/kemet-drawer.styles.js"
2110
+ }
2111
+ }
2112
+ ]
2113
+ },
2114
+ {
2115
+ "kind": "javascript-module",
2116
+ "path": "src/components/kemet-fab/kemet-fab.js",
2117
+ "declarations": [
2118
+ {
2119
+ "kind": "class",
2120
+ "description": "",
2121
+ "name": "KemetFAB",
2122
+ "members": [
2123
+ {
2124
+ "kind": "method",
2125
+ "name": "handleMouseOver"
2126
+ },
2127
+ {
2128
+ "kind": "method",
2129
+ "name": "handleMouseOut"
2130
+ },
2131
+ {
2132
+ "kind": "method",
2133
+ "name": "handleScroll"
2134
+ },
2135
+ {
2136
+ "kind": "field",
2137
+ "name": "outlined",
2138
+ "type": {
2139
+ "text": "boolean"
2140
+ },
2141
+ "default": "false",
2142
+ "privacy": "public",
2143
+ "description": "Outline style for a button",
2144
+ "attribute": "outlined",
2145
+ "reflects": true
2146
+ },
2147
+ {
2148
+ "kind": "field",
2149
+ "name": "disabled",
2150
+ "type": {
2151
+ "text": "boolean"
2152
+ },
2153
+ "default": "false",
2154
+ "privacy": "public",
2155
+ "description": "Determines whether not a button is disabled",
2156
+ "attribute": "disabled",
2157
+ "reflects": true
2158
+ },
2159
+ {
2160
+ "kind": "field",
2161
+ "name": "expanded",
2162
+ "type": {
2163
+ "text": "boolean"
2164
+ },
2165
+ "default": "false",
2166
+ "privacy": "public",
2167
+ "description": "The expanded state of the button",
2168
+ "attribute": "expanded",
2169
+ "reflects": true
2170
+ },
2171
+ {
2172
+ "kind": "field",
2173
+ "name": "pill",
2174
+ "privacy": "public",
2175
+ "description": "Displays the fab with rounded corners",
2176
+ "attribute": "pill",
2177
+ "reflects": true
2178
+ },
2179
+ {
2180
+ "kind": "field",
2181
+ "name": "expandPoint",
2182
+ "privacy": "public",
2183
+ "description": "The distance, in pixels, where the fab should automatically expand",
2184
+ "attribute": "expand-point"
2185
+ },
2186
+ {
2187
+ "kind": "field",
2188
+ "name": "collapsePoint",
2189
+ "privacy": "public",
2190
+ "description": "The distance, in pixels, where the fab should automatically collapse",
2191
+ "attribute": "collapse-point"
2192
+ }
2193
+ ],
2194
+ "attributes": [
2195
+ {
2196
+ "name": "expanded",
2197
+ "description": "The expanded state of the button",
2198
+ "fieldName": "expanded"
2199
+ },
2200
+ {
2201
+ "name": "outlined",
2202
+ "description": "Outline style for a button",
2203
+ "fieldName": "outlined"
2204
+ },
2205
+ {
2206
+ "name": "disabled",
2207
+ "description": "Determines whether not a button is disabled",
2208
+ "fieldName": "disabled"
2209
+ },
2210
+ {
2211
+ "name": "pill",
2212
+ "description": "Displays the fab with rounded corners",
2213
+ "fieldName": "pill"
2214
+ },
2215
+ {
2216
+ "name": "expand-point",
2217
+ "description": "The distance, in pixels, where the fab should automatically expand",
2218
+ "fieldName": "expandPoint"
2219
+ },
2220
+ {
2221
+ "name": "collapse-point",
2222
+ "description": "The distance, in pixels, where the fab should automatically collapse",
2223
+ "fieldName": "collapsePoint"
2224
+ }
2225
+ ],
2226
+ "superclass": {
2227
+ "name": "LitElement",
2228
+ "package": "lit"
2229
+ },
2230
+ "tagName": "kemet-fab",
2231
+ "customElement": true
2232
+ }
2233
+ ],
2234
+ "exports": [
2235
+ {
2236
+ "kind": "js",
2237
+ "name": "default",
2099
2238
  "declaration": {
2100
- "name": "stylesBase",
2101
- "module": "src/components/kemet-drawer/kemet-drawer.styles.js"
2239
+ "name": "KemetFAB",
2240
+ "module": "src/components/kemet-fab/kemet-fab.js"
2102
2241
  }
2103
2242
  },
2104
2243
  {
2105
- "kind": "js",
2106
- "name": "stylesEffects",
2244
+ "kind": "custom-element-definition",
2245
+ "name": "kemet-fab",
2107
2246
  "declaration": {
2108
- "name": "stylesEffects",
2109
- "module": "src/components/kemet-drawer/kemet-drawer.styles.js"
2247
+ "name": "KemetFAB",
2248
+ "module": "src/components/kemet-fab/kemet-fab.js"
2110
2249
  }
2111
2250
  }
2112
2251
  ]
@@ -2684,11 +2823,6 @@
2684
2823
  {
2685
2824
  "kind": "method",
2686
2825
  "name": "handleInput",
2687
- "parameters": [
2688
- {
2689
- "name": "e"
2690
- }
2691
- ],
2692
2826
  "description": "Handles when the input receives input",
2693
2827
  "privacy": "private"
2694
2828
  },
@@ -2825,6 +2959,18 @@
2825
2959
  "description": "Manages password visibility",
2826
2960
  "attribute": "isPasswordVisible"
2827
2961
  },
2962
+ {
2963
+ "kind": "field",
2964
+ "name": "focused",
2965
+ "type": {
2966
+ "text": "boolean"
2967
+ },
2968
+ "default": "false",
2969
+ "privacy": "public",
2970
+ "description": "Determines if the input is focused",
2971
+ "attribute": "focused",
2972
+ "reflects": true
2973
+ },
2828
2974
  {
2829
2975
  "kind": "field",
2830
2976
  "name": "formSubmitController",
@@ -3185,6 +3331,11 @@
3185
3331
  "name": "inputType",
3186
3332
  "description": "Input Type of keypress handled through handleInput(e)",
3187
3333
  "fieldName": "inputType"
3334
+ },
3335
+ {
3336
+ "name": "focused",
3337
+ "description": "Determines if the input is focused",
3338
+ "fieldName": "focused"
3188
3339
  }
3189
3340
  ],
3190
3341
  "superclass": {
@@ -3315,66 +3466,301 @@
3315
3466
  },
3316
3467
  "default": "'600px'",
3317
3468
  "privacy": "public",
3318
- "attribute": "breakpoint"
3469
+ "attribute": "breakpoint"
3470
+ },
3471
+ {
3472
+ "kind": "field",
3473
+ "name": "effect",
3474
+ "privacy": "public",
3475
+ "attribute": "effect",
3476
+ "reflects": true
3477
+ },
3478
+ {
3479
+ "kind": "field",
3480
+ "name": "mobile",
3481
+ "privacy": "public",
3482
+ "attribute": "mobile",
3483
+ "reflects": true
3484
+ }
3485
+ ],
3486
+ "events": [
3487
+ {
3488
+ "name": "kemet-modal-opened",
3489
+ "type": {
3490
+ "text": "CustomEvent"
3491
+ },
3492
+ "description": "Fires when the modal opens"
3493
+ },
3494
+ {
3495
+ "name": "kemet-modal-closed",
3496
+ "type": {
3497
+ "text": "CustomEvent"
3498
+ },
3499
+ "description": "Fires when the modal closes"
3500
+ }
3501
+ ],
3502
+ "attributes": [
3503
+ {
3504
+ "name": "opened",
3505
+ "fieldName": "opened"
3506
+ },
3507
+ {
3508
+ "name": "effect",
3509
+ "fieldName": "effect"
3510
+ },
3511
+ {
3512
+ "name": "close-on-click",
3513
+ "fieldName": "closeOnClick"
3514
+ },
3515
+ {
3516
+ "name": "breakpoint",
3517
+ "fieldName": "breakpoint"
3518
+ },
3519
+ {
3520
+ "name": "mobile",
3521
+ "fieldName": "mobile"
3522
+ }
3523
+ ],
3524
+ "superclass": {
3525
+ "name": "LitElement",
3526
+ "package": "lit"
3527
+ },
3528
+ "tagName": "kemet-modal",
3529
+ "customElement": true
3530
+ }
3531
+ ],
3532
+ "exports": [
3533
+ {
3534
+ "kind": "js",
3535
+ "name": "default",
3536
+ "declaration": {
3537
+ "name": "KemetModal",
3538
+ "module": "src/components/kemet-modal/kemet-modal.js"
3539
+ }
3540
+ },
3541
+ {
3542
+ "kind": "custom-element-definition",
3543
+ "name": "kemet-modal",
3544
+ "declaration": {
3545
+ "name": "KemetModal",
3546
+ "module": "src/components/kemet-modal/kemet-modal.js"
3547
+ }
3548
+ }
3549
+ ]
3550
+ },
3551
+ {
3552
+ "kind": "javascript-module",
3553
+ "path": "src/components/kemet-modal/kemet-modal.styles.js",
3554
+ "declarations": [
3555
+ {
3556
+ "kind": "variable",
3557
+ "name": "stylesBase",
3558
+ "default": "css`\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n :host {\n position: fixed;\n display: flex;\n top: 0;\n left: 0;\n z-index: 99;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n backface-visibility: hidden;\n }\n\n :host([opened]) {\n visibility: visible;\n }\n\n .content {\n position: relative;\n z-index: 3;\n margin: auto;\n min-width: var(--kemet-modal-content-min-width, 0);\n max-width: var(--kemet-modal-content-max-width, none);\n }\n\n :host([mobile]) .content {\n min-width: var(--kemet-modal-content-mobile-min-width, 100%);\n min-height: var(--kemet-modal-content-mobile-min-height, 80vh);\n padding: var(--kemet-modal-content-mobile-padding, 1rem);\n }\n\n .overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n visibility: hidden;\n top: 0;\n left: 0;\n z-index: 1;\n opacity: 0;\n background: var(--kemet-modal-overlay-background-color, rgba(0,0,0,0.2));\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([opened]) .overlay {\n opacity: 1;\n visibility: visible;\n }\n`"
3559
+ },
3560
+ {
3561
+ "kind": "variable",
3562
+ "name": "stylesEffects",
3563
+ "default": "css`\n /* fadein-scaleup */\n :host([effect=\"fadein-scaleup\"]) .content {\n transform: scale(0.7);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"fadein-scaleup\"][opened]) .content {\n transform: scale(1);\n opacity: 1;\n }\n\n /* slide-right */\n :host([effect=\"slide-right\"]) .content {\n transform: translateX(20%);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s) cubic-bezier(0.25, 0.5, 0.5, 0.9);\n }\n\n :host([effect=\"slide-right\"][opened]) .content {\n transform: translateX(0);\n opacity: 1;\n }\n\n /* slide-bottom */\n :host([effect=\"slide-bottom\"]) .content {\n transform: translateY(20%);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"slide-bottom\"][opened]) .content {\n transform: translateY(0);\n opacity: 1;\n }\n\n /* newspaper */\n :host([effect=\"newspaper\"]) .content {\n transform: scale(0) rotate(720deg);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"newspaper\"][opened]) .content {\n transform: scale(1) rotate(0deg);\n opacity: 1;\n }\n\n /* fall */\n :host([effect=\"fall\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"fall\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(600px) rotateX(20deg);\n opacity: 0;\n }\n\n :host([effect=\"fall\"][opened]) .content {\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-in;\n transform: translateZ(0px) rotateX(0deg);\n opacity: 1;\n }\n\n /* side-fall */\n :host([effect=\"side-fall\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"side-fall\"]) .content {\n transform-style: preserve-3d;\n transform: translate(30%) translateZ(600px) rotate(10deg);\n opacity: 0;\n }\n\n :host([effect=\"side-fall\"][opened]) .content {\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-in;\n transform: translate(0%) translateZ(0) rotate(0deg);\n opacity: 1;\n }\n\n /* flip-horizontal */\n :host([effect=\"flip-horizontal\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"flip-horizontal\"]) .content {\n transform-style: preserve-3d;\n transform: rotateY(-70deg);\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n opacity: 0;\n }\n\n :host([effect=\"flip-horizontal\"][opened]) .content {\n transform: rotateY(0deg);\n opacity: 1;\n }\n\n /* flip-vertical */\n :host([effect=\"flip-vertical\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"flip-vertical\"]) .content {\n transform-style: preserve-3d;\n transform: rotateX(-70deg);\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n opacity: 0;\n }\n\n :host([effect=\"flip-vertical\"][opened]) .content {\n transform: rotateX(0deg);\n opacity: 1;\n }\n\n /* sign-3d */\n :host([effect=\"sign-3d\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"sign-3d\"]) .content {\n transform-style: preserve-3d;\n transform: rotateX(-60deg);\n transform-origin: 50% 0;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"sign-3d\"][opened]) .content {\n transform: rotateX(0deg);\n opacity: 1;\n }\n\n /* super-scaled */\n :host([effect=\"super-scaled\"]) .content {\n transform: scale(2);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"super-scaled\"][opened]) .content {\n transform: scale(1);\n opacity: 1;\n }\n\n /* slit */\n :host([effect=\"slit\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"slit\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(-3000px) rotateY(90deg);\n opacity: 0;\n }\n\n :host([effect=\"slit\"][opened]) .content {\n animation: slit .7s forwards ease-out;\n }\n\n @keyframes slit {\n 50% {\n transform: translateZ(-250px) rotateY(89deg);\n opacity: 1;\n animation-timing-function: ease-in;}\n 100% {\n transform: translateZ(0) rotateY(0deg);\n opacity: 1;\n }\n }\n\n /* rotate-bottom */\n :host([effect=\"rotate-bottom\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"rotate-bottom\"]) .content {\n transform-style: preserve-3d;\n transform: translateY(100%) rotateX(90deg);\n transform-origin: 0 100%;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-out;\n }\n\n :host([effect=\"rotate-bottom\"][opened]) .content {\n transform: translateY(0%) rotateX(0deg);\n opacity: 1;\n }\n\n /* rotate-left */\n :host([effect=\"rotate-left\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"rotate-left\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(100px) translateX(-30%) rotateY(90deg);\n transform-origin: 0 100%;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"rotate-left\"][opened]) .content {\n transform: translateZ(0px) translateX(0%) rotateY(0deg);\n opacity: 1;\n }\n`"
3564
+ }
3565
+ ],
3566
+ "exports": [
3567
+ {
3568
+ "kind": "js",
3569
+ "name": "stylesBase",
3570
+ "declaration": {
3571
+ "name": "stylesBase",
3572
+ "module": "src/components/kemet-modal/kemet-modal.styles.js"
3573
+ }
3574
+ },
3575
+ {
3576
+ "kind": "js",
3577
+ "name": "stylesEffects",
3578
+ "declaration": {
3579
+ "name": "stylesEffects",
3580
+ "module": "src/components/kemet-modal/kemet-modal.styles.js"
3581
+ }
3582
+ }
3583
+ ]
3584
+ },
3585
+ {
3586
+ "kind": "javascript-module",
3587
+ "path": "src/components/kemet-password/kemet-password.js",
3588
+ "declarations": [
3589
+ {
3590
+ "kind": "class",
3591
+ "description": "",
3592
+ "name": "KemetPassword",
3593
+ "members": [
3594
+ {
3595
+ "kind": "method",
3596
+ "name": "makeRules",
3597
+ "description": "Makes the list of rules",
3598
+ "privacy": "private",
3599
+ "return": {
3600
+ "type": {
3601
+ "text": "templateResults"
3602
+ }
3603
+ }
3604
+ },
3605
+ {
3606
+ "kind": "method",
3607
+ "name": "makeCheckIcon",
3608
+ "parameters": [
3609
+ {
3610
+ "name": "meetsCriteria",
3611
+ "type": {
3612
+ "text": "boolean"
3613
+ }
3614
+ }
3615
+ ],
3616
+ "description": "Makes the check icon if the criteria has been met",
3617
+ "privacy": "private",
3618
+ "return": {
3619
+ "type": {
3620
+ "text": "templateResults"
3621
+ }
3622
+ }
3623
+ },
3624
+ {
3625
+ "kind": "method",
3626
+ "name": "handleInput",
3627
+ "parameters": [
3628
+ {
3629
+ "name": "event",
3630
+ "type": {
3631
+ "text": "*"
3632
+ }
3633
+ }
3634
+ ],
3635
+ "description": "Handles the kemet-input-input event",
3636
+ "privacy": "private"
3637
+ },
3638
+ {
3639
+ "kind": "method",
3640
+ "name": "setStrength",
3641
+ "description": "Determines the strength of the password",
3642
+ "privacy": "private"
3643
+ },
3644
+ {
3645
+ "kind": "method",
3646
+ "name": "visibility",
3647
+ "description": "Determines whether to show or hide the component",
3648
+ "privacy": "private"
3649
+ },
3650
+ {
3651
+ "kind": "field",
3652
+ "name": "rules",
3653
+ "type": {
3654
+ "text": "array"
3655
+ },
3656
+ "default": "[\n { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' },\n { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' },\n { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' },\n ]",
3657
+ "privacy": "public",
3658
+ "description": "An array of objects containing the rules the password must meet",
3659
+ "attribute": "rules"
3660
+ },
3661
+ {
3662
+ "kind": "field",
3663
+ "name": "message",
3664
+ "type": {
3665
+ "text": "string"
3666
+ },
3667
+ "default": "'Please make sure you meet all the requirements.'",
3668
+ "privacy": "public",
3669
+ "description": "A message that is above the rules",
3670
+ "attribute": "message"
3671
+ },
3672
+ {
3673
+ "kind": "field",
3674
+ "name": "icon",
3675
+ "type": {
3676
+ "text": "string"
3677
+ },
3678
+ "default": "'check2'",
3679
+ "privacy": "public",
3680
+ "attribute": "icon"
3681
+ },
3682
+ {
3683
+ "kind": "field",
3684
+ "name": "iconSize",
3685
+ "type": {
3686
+ "text": "number"
3687
+ },
3688
+ "default": "16",
3689
+ "privacy": "public",
3690
+ "attribute": "iconSize"
3691
+ },
3692
+ {
3693
+ "kind": "field",
3694
+ "name": "show",
3695
+ "privacy": "public",
3696
+ "description": "Controls the display of the component",
3697
+ "attribute": "show",
3698
+ "reflects": true
3319
3699
  },
3320
3700
  {
3321
3701
  "kind": "field",
3322
- "name": "effect",
3702
+ "name": "value",
3323
3703
  "privacy": "public",
3324
- "attribute": "effect",
3325
- "reflects": true
3704
+ "description": "The value of the input component",
3705
+ "attribute": "value"
3326
3706
  },
3327
3707
  {
3328
3708
  "kind": "field",
3329
- "name": "mobile",
3709
+ "name": "strength",
3330
3710
  "privacy": "public",
3331
- "attribute": "mobile",
3332
- "reflects": true
3711
+ "description": "The strength of the password. Weak | Better | Strong",
3712
+ "attribute": "strength"
3333
3713
  }
3334
3714
  ],
3335
3715
  "events": [
3336
3716
  {
3337
- "name": "kemet-modal-opened",
3338
- "type": {
3339
- "text": "CustomEvent"
3340
- },
3341
- "description": "Fires when the modal opens"
3342
- },
3343
- {
3344
- "name": "kemet-modal-closed",
3717
+ "name": "kemet-password-status",
3345
3718
  "type": {
3346
3719
  "text": "CustomEvent"
3347
3720
  },
3348
- "description": "Fires when the modal closes"
3721
+ "description": "Fires when there's a change in status."
3349
3722
  }
3350
3723
  ],
3351
3724
  "attributes": [
3352
3725
  {
3353
- "name": "opened",
3354
- "fieldName": "opened"
3726
+ "name": "rules",
3727
+ "description": "An array of objects containing the rules the password must meet",
3728
+ "fieldName": "rules"
3355
3729
  },
3356
3730
  {
3357
- "name": "effect",
3358
- "fieldName": "effect"
3731
+ "name": "show",
3732
+ "description": "Controls the display of the component",
3733
+ "fieldName": "show"
3359
3734
  },
3360
3735
  {
3361
- "name": "close-on-click",
3362
- "fieldName": "closeOnClick"
3736
+ "name": "value",
3737
+ "description": "The value of the input component",
3738
+ "fieldName": "value"
3363
3739
  },
3364
3740
  {
3365
- "name": "breakpoint",
3366
- "fieldName": "breakpoint"
3741
+ "name": "message",
3742
+ "description": "A message that is above the rules",
3743
+ "fieldName": "message"
3367
3744
  },
3368
3745
  {
3369
- "name": "mobile",
3370
- "fieldName": "mobile"
3746
+ "name": "strength",
3747
+ "description": "The strength of the password. Weak | Better | Strong",
3748
+ "fieldName": "strength"
3749
+ },
3750
+ {
3751
+ "name": "icon",
3752
+ "fieldName": "icon"
3753
+ },
3754
+ {
3755
+ "name": "iconSize",
3756
+ "fieldName": "iconSize"
3371
3757
  }
3372
3758
  ],
3373
3759
  "superclass": {
3374
3760
  "name": "LitElement",
3375
3761
  "package": "lit"
3376
3762
  },
3377
- "tagName": "kemet-modal",
3763
+ "tagName": "kemet-password",
3378
3764
  "customElement": true
3379
3765
  }
3380
3766
  ],
@@ -3383,50 +3769,16 @@
3383
3769
  "kind": "js",
3384
3770
  "name": "default",
3385
3771
  "declaration": {
3386
- "name": "KemetModal",
3387
- "module": "src/components/kemet-modal/kemet-modal.js"
3772
+ "name": "KemetPassword",
3773
+ "module": "src/components/kemet-password/kemet-password.js"
3388
3774
  }
3389
3775
  },
3390
3776
  {
3391
3777
  "kind": "custom-element-definition",
3392
- "name": "kemet-modal",
3393
- "declaration": {
3394
- "name": "KemetModal",
3395
- "module": "src/components/kemet-modal/kemet-modal.js"
3396
- }
3397
- }
3398
- ]
3399
- },
3400
- {
3401
- "kind": "javascript-module",
3402
- "path": "src/components/kemet-modal/kemet-modal.styles.js",
3403
- "declarations": [
3404
- {
3405
- "kind": "variable",
3406
- "name": "stylesBase",
3407
- "default": "css`\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n :host {\n position: fixed;\n display: flex;\n top: 0;\n left: 0;\n z-index: 99;\n width: 100%;\n height: 100vh;\n visibility: hidden;\n backface-visibility: hidden;\n }\n\n :host([opened]) {\n visibility: visible;\n }\n\n .content {\n position: relative;\n z-index: 3;\n margin: auto;\n min-width: var(--kemet-modal-content-min-width, 0);\n max-width: var(--kemet-modal-content-max-width, none);\n }\n\n :host([mobile]) .content {\n min-width: var(--kemet-modal-content-mobile-min-width, 100%);\n min-height: var(--kemet-modal-content-mobile-min-height, 80vh);\n padding: var(--kemet-modal-content-mobile-padding, 1rem);\n }\n\n .overlay {\n position: fixed;\n width: 100%;\n height: 100%;\n visibility: hidden;\n top: 0;\n left: 0;\n z-index: 1;\n opacity: 0;\n background: var(--kemet-modal-overlay-background-color, rgba(0,0,0,0.2));\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([opened]) .overlay {\n opacity: 1;\n visibility: visible;\n }\n`"
3408
- },
3409
- {
3410
- "kind": "variable",
3411
- "name": "stylesEffects",
3412
- "default": "css`\n /* fadein-scaleup */\n :host([effect=\"fadein-scaleup\"]) .content {\n transform: scale(0.7);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"fadein-scaleup\"][opened]) .content {\n transform: scale(1);\n opacity: 1;\n }\n\n /* slide-right */\n :host([effect=\"slide-right\"]) .content {\n transform: translateX(20%);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s) cubic-bezier(0.25, 0.5, 0.5, 0.9);\n }\n\n :host([effect=\"slide-right\"][opened]) .content {\n transform: translateX(0);\n opacity: 1;\n }\n\n /* slide-bottom */\n :host([effect=\"slide-bottom\"]) .content {\n transform: translateY(20%);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"slide-bottom\"][opened]) .content {\n transform: translateY(0);\n opacity: 1;\n }\n\n /* newspaper */\n :host([effect=\"newspaper\"]) .content {\n transform: scale(0) rotate(720deg);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"newspaper\"][opened]) .content {\n transform: scale(1) rotate(0deg);\n opacity: 1;\n }\n\n /* fall */\n :host([effect=\"fall\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"fall\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(600px) rotateX(20deg);\n opacity: 0;\n }\n\n :host([effect=\"fall\"][opened]) .content {\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-in;\n transform: translateZ(0px) rotateX(0deg);\n opacity: 1;\n }\n\n /* side-fall */\n :host([effect=\"side-fall\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"side-fall\"]) .content {\n transform-style: preserve-3d;\n transform: translate(30%) translateZ(600px) rotate(10deg);\n opacity: 0;\n }\n\n :host([effect=\"side-fall\"][opened]) .content {\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-in;\n transform: translate(0%) translateZ(0) rotate(0deg);\n opacity: 1;\n }\n\n /* flip-horizontal */\n :host([effect=\"flip-horizontal\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"flip-horizontal\"]) .content {\n transform-style: preserve-3d;\n transform: rotateY(-70deg);\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n opacity: 0;\n }\n\n :host([effect=\"flip-horizontal\"][opened]) .content {\n transform: rotateY(0deg);\n opacity: 1;\n }\n\n /* flip-vertical */\n :host([effect=\"flip-vertical\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"flip-vertical\"]) .content {\n transform-style: preserve-3d;\n transform: rotateX(-70deg);\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n opacity: 0;\n }\n\n :host([effect=\"flip-vertical\"][opened]) .content {\n transform: rotateX(0deg);\n opacity: 1;\n }\n\n /* sign-3d */\n :host([effect=\"sign-3d\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"sign-3d\"]) .content {\n transform-style: preserve-3d;\n transform: rotateX(-60deg);\n transform-origin: 50% 0;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"sign-3d\"][opened]) .content {\n transform: rotateX(0deg);\n opacity: 1;\n }\n\n /* super-scaled */\n :host([effect=\"super-scaled\"]) .content {\n transform: scale(2);\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"super-scaled\"][opened]) .content {\n transform: scale(1);\n opacity: 1;\n }\n\n /* slit */\n :host([effect=\"slit\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"slit\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(-3000px) rotateY(90deg);\n opacity: 0;\n }\n\n :host([effect=\"slit\"][opened]) .content {\n animation: slit .7s forwards ease-out;\n }\n\n @keyframes slit {\n 50% {\n transform: translateZ(-250px) rotateY(89deg);\n opacity: 1;\n animation-timing-function: ease-in;}\n 100% {\n transform: translateZ(0) rotateY(0deg);\n opacity: 1;\n }\n }\n\n /* rotate-bottom */\n :host([effect=\"rotate-bottom\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"rotate-bottom\"]) .content {\n transform-style: preserve-3d;\n transform: translateY(100%) rotateX(90deg);\n transform-origin: 0 100%;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s) ease-out;\n }\n\n :host([effect=\"rotate-bottom\"][opened]) .content {\n transform: translateY(0%) rotateX(0deg);\n opacity: 1;\n }\n\n /* rotate-left */\n :host([effect=\"rotate-left\"]) {\n perspective: 1300px;\n }\n\n :host([effect=\"rotate-left\"]) .content {\n transform-style: preserve-3d;\n transform: translateZ(100px) translateX(-30%) rotateY(90deg);\n transform-origin: 0 100%;\n opacity: 0;\n transition: all var(--kemet-modal-transition-speed, 0.3s);\n }\n\n :host([effect=\"rotate-left\"][opened]) .content {\n transform: translateZ(0px) translateX(0%) rotateY(0deg);\n opacity: 1;\n }\n`"
3413
- }
3414
- ],
3415
- "exports": [
3416
- {
3417
- "kind": "js",
3418
- "name": "stylesBase",
3419
- "declaration": {
3420
- "name": "stylesBase",
3421
- "module": "src/components/kemet-modal/kemet-modal.styles.js"
3422
- }
3423
- },
3424
- {
3425
- "kind": "js",
3426
- "name": "stylesEffects",
3778
+ "name": "kemet-password",
3427
3779
  "declaration": {
3428
- "name": "stylesEffects",
3429
- "module": "src/components/kemet-modal/kemet-modal.styles.js"
3780
+ "name": "KemetPassword",
3781
+ "module": "src/components/kemet-password/kemet-password.js"
3430
3782
  }
3431
3783
  }
3432
3784
  ]
@@ -6603,6 +6955,233 @@
6603
6955
  }
6604
6956
  }
6605
6957
  ]
6958
+ },
6959
+ {
6960
+ "kind": "javascript-module",
6961
+ "path": "src/components/kemet-tracker/kemet-tracker-step.js",
6962
+ "declarations": [
6963
+ {
6964
+ "kind": "class",
6965
+ "description": "",
6966
+ "name": "KemetTrackerStep",
6967
+ "members": [
6968
+ {
6969
+ "kind": "method",
6970
+ "name": "makeLine"
6971
+ },
6972
+ {
6973
+ "kind": "method",
6974
+ "name": "makeCompletedLine"
6975
+ },
6976
+ {
6977
+ "kind": "method",
6978
+ "name": "makeDotContent"
6979
+ },
6980
+ {
6981
+ "kind": "method",
6982
+ "name": "makeSlotContent"
6983
+ },
6984
+ {
6985
+ "kind": "method",
6986
+ "name": "handleCompletedLineEnd"
6987
+ },
6988
+ {
6989
+ "kind": "field",
6990
+ "name": "completedSize",
6991
+ "type": {
6992
+ "text": "number"
6993
+ },
6994
+ "default": "16",
6995
+ "privacy": "public",
6996
+ "description": "The icon size for the completed check mark",
6997
+ "attribute": "completedSize"
6998
+ },
6999
+ {
7000
+ "kind": "field",
7001
+ "name": "step",
7002
+ "privacy": "public",
7003
+ "description": "The current step number",
7004
+ "attribute": "step"
7005
+ },
7006
+ {
7007
+ "kind": "field",
7008
+ "name": "completed",
7009
+ "privacy": "public",
7010
+ "description": "Determines whether or not a step renders as complete",
7011
+ "attribute": "completed",
7012
+ "reflects": true
7013
+ },
7014
+ {
7015
+ "kind": "field",
7016
+ "name": "current",
7017
+ "privacy": "public",
7018
+ "description": "Determines whether or not a step renders as the current step",
7019
+ "attribute": "current",
7020
+ "reflects": true
7021
+ },
7022
+ {
7023
+ "kind": "field",
7024
+ "name": "last",
7025
+ "privacy": "public",
7026
+ "description": "Is automatically added to the last step",
7027
+ "attribute": "last",
7028
+ "reflects": true
7029
+ },
7030
+ {
7031
+ "kind": "field",
7032
+ "name": "mobile",
7033
+ "privacy": "public",
7034
+ "description": "Determines if a step should render as mobile",
7035
+ "attribute": "mobile",
7036
+ "reflects": true
7037
+ },
7038
+ {
7039
+ "kind": "field",
7040
+ "name": "hideDotContent",
7041
+ "privacy": "public",
7042
+ "description": "Hides the label inside of a dot",
7043
+ "attribute": "hide-dot-content",
7044
+ "reflects": true
7045
+ }
7046
+ ],
7047
+ "attributes": [
7048
+ {
7049
+ "name": "step",
7050
+ "description": "The current step number",
7051
+ "fieldName": "step"
7052
+ },
7053
+ {
7054
+ "name": "completed",
7055
+ "description": "Determines whether or not a step renders as complete",
7056
+ "fieldName": "completed"
7057
+ },
7058
+ {
7059
+ "name": "current",
7060
+ "description": "Determines whether or not a step renders as the current step",
7061
+ "fieldName": "current"
7062
+ },
7063
+ {
7064
+ "name": "last",
7065
+ "description": "Is automatically added to the last step",
7066
+ "fieldName": "last"
7067
+ },
7068
+ {
7069
+ "name": "mobile",
7070
+ "description": "Determines if a step should render as mobile",
7071
+ "fieldName": "mobile"
7072
+ },
7073
+ {
7074
+ "name": "hide-dot-content",
7075
+ "description": "Hides the label inside of a dot",
7076
+ "fieldName": "hideDotContent"
7077
+ },
7078
+ {
7079
+ "name": "completedSize",
7080
+ "description": "The icon size for the completed check mark",
7081
+ "fieldName": "completedSize"
7082
+ }
7083
+ ],
7084
+ "superclass": {
7085
+ "name": "LitElement",
7086
+ "package": "lit"
7087
+ },
7088
+ "tagName": "kemet-tracker-step",
7089
+ "customElement": true
7090
+ }
7091
+ ],
7092
+ "exports": [
7093
+ {
7094
+ "kind": "js",
7095
+ "name": "default",
7096
+ "declaration": {
7097
+ "name": "KemetTrackerStep",
7098
+ "module": "src/components/kemet-tracker/kemet-tracker-step.js"
7099
+ }
7100
+ },
7101
+ {
7102
+ "kind": "custom-element-definition",
7103
+ "name": "kemet-tracker-step",
7104
+ "declaration": {
7105
+ "name": "KemetTrackerStep",
7106
+ "module": "src/components/kemet-tracker/kemet-tracker-step.js"
7107
+ }
7108
+ }
7109
+ ]
7110
+ },
7111
+ {
7112
+ "kind": "javascript-module",
7113
+ "path": "src/components/kemet-tracker/kemet-tracker.js",
7114
+ "declarations": [
7115
+ {
7116
+ "kind": "class",
7117
+ "description": "",
7118
+ "name": "KemetTracker",
7119
+ "members": [
7120
+ {
7121
+ "kind": "method",
7122
+ "name": "handleSlotChange"
7123
+ },
7124
+ {
7125
+ "kind": "method",
7126
+ "name": "isMobile"
7127
+ },
7128
+ {
7129
+ "kind": "field",
7130
+ "name": "breakpoint",
7131
+ "type": {
7132
+ "text": "string"
7133
+ },
7134
+ "default": "'767px'",
7135
+ "privacy": "public",
7136
+ "description": "The point at which the tracker goes from mobile to standard",
7137
+ "attribute": "breakpoint"
7138
+ },
7139
+ {
7140
+ "kind": "field",
7141
+ "name": "total",
7142
+ "privacy": "public",
7143
+ "description": "The total number of steps",
7144
+ "attribute": "total"
7145
+ }
7146
+ ],
7147
+ "attributes": [
7148
+ {
7149
+ "name": "total",
7150
+ "description": "The total number of steps",
7151
+ "fieldName": "total"
7152
+ },
7153
+ {
7154
+ "name": "breakpoint",
7155
+ "description": "The point at which the tracker goes from mobile to standard",
7156
+ "fieldName": "breakpoint"
7157
+ }
7158
+ ],
7159
+ "superclass": {
7160
+ "name": "LitElement",
7161
+ "package": "lit"
7162
+ },
7163
+ "tagName": "kemet-tracker",
7164
+ "customElement": true
7165
+ }
7166
+ ],
7167
+ "exports": [
7168
+ {
7169
+ "kind": "js",
7170
+ "name": "default",
7171
+ "declaration": {
7172
+ "name": "KemetTracker",
7173
+ "module": "src/components/kemet-tracker/kemet-tracker.js"
7174
+ }
7175
+ },
7176
+ {
7177
+ "kind": "custom-element-definition",
7178
+ "name": "kemet-tracker",
7179
+ "declaration": {
7180
+ "name": "KemetTracker",
7181
+ "module": "src/components/kemet-tracker/kemet-tracker.js"
7182
+ }
7183
+ }
7184
+ ]
6606
7185
  }
6607
7186
  ]
6608
7187
  }