@sky.ui/core 0.0.26 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/custom-elements.json +1111 -1111
- package/package.json +1 -1
|
@@ -453,233 +453,135 @@
|
|
|
453
453
|
},
|
|
454
454
|
{
|
|
455
455
|
"kind": "javascript-module",
|
|
456
|
-
"path": "src/sky-
|
|
456
|
+
"path": "src/sky-avatar/sky-avatar.ts",
|
|
457
457
|
"declarations": [
|
|
458
458
|
{
|
|
459
459
|
"kind": "class",
|
|
460
460
|
"description": "",
|
|
461
|
-
"name": "
|
|
461
|
+
"name": "SkyAvatar",
|
|
462
462
|
"cssParts": [
|
|
463
463
|
{
|
|
464
|
-
"description": "
|
|
465
|
-
"name": "
|
|
464
|
+
"description": "The avatar container element.",
|
|
465
|
+
"name": "avatar"
|
|
466
466
|
},
|
|
467
467
|
{
|
|
468
|
-
"description": "The
|
|
469
|
-
"name": "
|
|
468
|
+
"description": "The loading overlay container (shown when `loading` is true).",
|
|
469
|
+
"name": "loading-overlay"
|
|
470
470
|
},
|
|
471
471
|
{
|
|
472
|
-
"description": "The
|
|
473
|
-
"name": "
|
|
472
|
+
"description": "The spinner element shown when loading.",
|
|
473
|
+
"name": "spinner"
|
|
474
474
|
}
|
|
475
475
|
],
|
|
476
476
|
"slots": [
|
|
477
477
|
{
|
|
478
|
-
"description": "
|
|
478
|
+
"description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
|
|
479
479
|
"name": ""
|
|
480
|
-
},
|
|
481
|
-
{
|
|
482
|
-
"description": "Optional slot to override the badge content entirely.",
|
|
483
|
-
"name": "badge"
|
|
484
480
|
}
|
|
485
481
|
],
|
|
486
482
|
"members": [
|
|
487
483
|
{
|
|
488
484
|
"kind": "field",
|
|
489
|
-
"name": "
|
|
490
|
-
"type": {
|
|
491
|
-
"text": "Record<string, CustomElementConstructor>"
|
|
492
|
-
},
|
|
493
|
-
"static": true,
|
|
494
|
-
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
495
|
-
},
|
|
496
|
-
{
|
|
497
|
-
"kind": "field",
|
|
498
|
-
"name": "statusColor",
|
|
499
|
-
"type": {
|
|
500
|
-
"text": "string"
|
|
501
|
-
},
|
|
502
|
-
"default": "\"success\"",
|
|
503
|
-
"description": "Badge background token or CSS color.",
|
|
504
|
-
"attribute": "statusColor",
|
|
505
|
-
"reflects": true
|
|
506
|
-
},
|
|
507
|
-
{
|
|
508
|
-
"kind": "field",
|
|
509
|
-
"name": "textColor",
|
|
485
|
+
"name": "size",
|
|
510
486
|
"type": {
|
|
511
487
|
"text": "string"
|
|
512
488
|
},
|
|
513
|
-
"default": "\"
|
|
514
|
-
"description": "
|
|
515
|
-
"attribute": "
|
|
516
|
-
"reflects": true
|
|
489
|
+
"default": "\"50px\"",
|
|
490
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
491
|
+
"attribute": "size"
|
|
517
492
|
},
|
|
518
493
|
{
|
|
519
494
|
"kind": "field",
|
|
520
|
-
"name": "
|
|
495
|
+
"name": "image",
|
|
521
496
|
"type": {
|
|
522
497
|
"text": "string"
|
|
523
498
|
},
|
|
524
499
|
"default": "\"\"",
|
|
525
|
-
"description": "
|
|
526
|
-
"attribute": "
|
|
527
|
-
"reflects": true
|
|
500
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
501
|
+
"attribute": "image"
|
|
528
502
|
},
|
|
529
503
|
{
|
|
530
504
|
"kind": "field",
|
|
531
|
-
"name": "
|
|
505
|
+
"name": "fit",
|
|
532
506
|
"type": {
|
|
533
|
-
"text": "
|
|
507
|
+
"text": "SkyAvatarFit"
|
|
534
508
|
},
|
|
535
|
-
"default": "\"
|
|
536
|
-
"description": "
|
|
537
|
-
"attribute": "
|
|
509
|
+
"default": "\"cover\"",
|
|
510
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
511
|
+
"attribute": "fit",
|
|
538
512
|
"reflects": true
|
|
539
513
|
},
|
|
540
514
|
{
|
|
541
515
|
"kind": "field",
|
|
542
|
-
"name": "
|
|
516
|
+
"name": "radius",
|
|
543
517
|
"type": {
|
|
544
518
|
"text": "string"
|
|
545
519
|
},
|
|
546
|
-
"default": "\"\"",
|
|
547
|
-
"description": "
|
|
548
|
-
"attribute": "
|
|
549
|
-
},
|
|
550
|
-
{
|
|
551
|
-
"kind": "field",
|
|
552
|
-
"name": "isIcon",
|
|
553
|
-
"type": {
|
|
554
|
-
"text": "boolean"
|
|
555
|
-
},
|
|
556
|
-
"default": "false",
|
|
557
|
-
"description": "Renders icon mode when true.",
|
|
558
|
-
"attribute": "isIcon",
|
|
559
|
-
"reflects": true
|
|
520
|
+
"default": "\"md\"",
|
|
521
|
+
"description": "Border radius token or CSS value.",
|
|
522
|
+
"attribute": "radius"
|
|
560
523
|
},
|
|
561
524
|
{
|
|
562
525
|
"kind": "field",
|
|
563
|
-
"name": "
|
|
526
|
+
"name": "alt",
|
|
564
527
|
"type": {
|
|
565
528
|
"text": "string"
|
|
566
529
|
},
|
|
567
530
|
"default": "\"\"",
|
|
568
|
-
"description": "
|
|
569
|
-
"attribute": "
|
|
570
|
-
"reflects": true
|
|
571
|
-
},
|
|
572
|
-
{
|
|
573
|
-
"kind": "field",
|
|
574
|
-
"name": "shape",
|
|
575
|
-
"type": {
|
|
576
|
-
"text": "SkyBadgeShape"
|
|
577
|
-
},
|
|
578
|
-
"default": "\"custom\"",
|
|
579
|
-
"description": "Badge shape: `circle | pill | custom`.",
|
|
580
|
-
"attribute": "shape",
|
|
581
|
-
"reflects": true
|
|
582
|
-
},
|
|
583
|
-
{
|
|
584
|
-
"kind": "field",
|
|
585
|
-
"name": "max",
|
|
586
|
-
"type": {
|
|
587
|
-
"text": "number"
|
|
588
|
-
},
|
|
589
|
-
"default": "99",
|
|
590
|
-
"description": "Maximum numeric count before rendering overflow label.",
|
|
591
|
-
"attribute": "max"
|
|
592
|
-
},
|
|
593
|
-
{
|
|
594
|
-
"kind": "field",
|
|
595
|
-
"name": "hideWhenZero",
|
|
596
|
-
"type": {
|
|
597
|
-
"text": "boolean"
|
|
598
|
-
},
|
|
599
|
-
"default": "false",
|
|
600
|
-
"description": "Hides badge when value resolves to numeric zero.",
|
|
601
|
-
"attribute": "hideWhenZero"
|
|
531
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
532
|
+
"attribute": "alt"
|
|
602
533
|
},
|
|
603
534
|
{
|
|
604
535
|
"kind": "field",
|
|
605
|
-
"name": "
|
|
536
|
+
"name": "color",
|
|
606
537
|
"type": {
|
|
607
|
-
"text": "
|
|
538
|
+
"text": "string"
|
|
608
539
|
},
|
|
609
|
-
"default": "
|
|
610
|
-
"description": "
|
|
611
|
-
"attribute": "
|
|
612
|
-
"reflects": true
|
|
540
|
+
"default": "\"dark\"",
|
|
541
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
542
|
+
"attribute": "color"
|
|
613
543
|
},
|
|
614
544
|
{
|
|
615
545
|
"kind": "field",
|
|
616
|
-
"name": "
|
|
546
|
+
"name": "outline",
|
|
617
547
|
"type": {
|
|
618
548
|
"text": "string"
|
|
619
549
|
},
|
|
620
|
-
"default": "\"
|
|
621
|
-
"description": "
|
|
622
|
-
"attribute": "
|
|
550
|
+
"default": "\"\"",
|
|
551
|
+
"description": "CSS `outline` value.",
|
|
552
|
+
"attribute": "outline"
|
|
623
553
|
},
|
|
624
554
|
{
|
|
625
555
|
"kind": "field",
|
|
626
|
-
"name": "
|
|
556
|
+
"name": "outlineOffset",
|
|
627
557
|
"type": {
|
|
628
558
|
"text": "string"
|
|
629
559
|
},
|
|
630
|
-
"default": "\"
|
|
631
|
-
"description": "
|
|
632
|
-
"attribute": "
|
|
560
|
+
"default": "\"2px\"",
|
|
561
|
+
"description": "CSS `outline-offset` value.",
|
|
562
|
+
"attribute": "outlineOffset"
|
|
633
563
|
},
|
|
634
564
|
{
|
|
635
565
|
"kind": "field",
|
|
636
|
-
"name": "
|
|
566
|
+
"name": "loading",
|
|
637
567
|
"type": {
|
|
638
568
|
"text": "boolean"
|
|
639
569
|
},
|
|
640
570
|
"default": "false",
|
|
641
|
-
"description": "
|
|
642
|
-
"attribute": "
|
|
643
|
-
|
|
644
|
-
{
|
|
645
|
-
"kind": "field",
|
|
646
|
-
"name": "ringColor",
|
|
647
|
-
"type": {
|
|
648
|
-
"text": "string"
|
|
649
|
-
},
|
|
650
|
-
"default": "\"primary\"",
|
|
651
|
-
"description": "Ring color token or CSS color.",
|
|
652
|
-
"attribute": "ringColor"
|
|
653
|
-
},
|
|
654
|
-
{
|
|
655
|
-
"kind": "field",
|
|
656
|
-
"name": "ringOffset",
|
|
657
|
-
"type": {
|
|
658
|
-
"text": "string"
|
|
659
|
-
},
|
|
660
|
-
"default": "\"1px\"",
|
|
661
|
-
"description": "Ring offset CSS length.",
|
|
662
|
-
"attribute": "ringOffset"
|
|
663
|
-
},
|
|
664
|
-
{
|
|
665
|
-
"kind": "field",
|
|
666
|
-
"name": "badgeLabel",
|
|
667
|
-
"type": {
|
|
668
|
-
"text": "string | null"
|
|
669
|
-
},
|
|
670
|
-
"default": "null",
|
|
671
|
-
"description": "ARIA label override.",
|
|
672
|
-
"attribute": "badgeLabel"
|
|
571
|
+
"description": "Shows loading overlay when true.",
|
|
572
|
+
"attribute": "loading",
|
|
573
|
+
"reflects": true
|
|
673
574
|
},
|
|
674
575
|
{
|
|
675
576
|
"kind": "field",
|
|
676
|
-
"name": "
|
|
577
|
+
"name": "disabled",
|
|
677
578
|
"type": {
|
|
678
579
|
"text": "boolean"
|
|
679
580
|
},
|
|
680
581
|
"default": "false",
|
|
681
|
-
"description": "
|
|
682
|
-
"attribute": "
|
|
582
|
+
"description": "Dims and disables pointer interactions.",
|
|
583
|
+
"attribute": "disabled",
|
|
584
|
+
"reflects": true
|
|
683
585
|
},
|
|
684
586
|
{
|
|
685
587
|
"kind": "field",
|
|
@@ -688,69 +590,65 @@
|
|
|
688
590
|
"text": "boolean"
|
|
689
591
|
},
|
|
690
592
|
"default": "false",
|
|
691
|
-
"description": "Enables
|
|
593
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
692
594
|
"attribute": "interactive"
|
|
693
595
|
},
|
|
694
596
|
{
|
|
695
597
|
"kind": "field",
|
|
696
|
-
"name": "
|
|
598
|
+
"name": "shadow",
|
|
697
599
|
"type": {
|
|
698
|
-
"text": "
|
|
600
|
+
"text": "boolean"
|
|
699
601
|
},
|
|
700
|
-
"default": "
|
|
701
|
-
"description": "
|
|
702
|
-
"attribute": "
|
|
602
|
+
"default": "false",
|
|
603
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
604
|
+
"attribute": "shadow",
|
|
703
605
|
"reflects": true
|
|
704
606
|
},
|
|
705
607
|
{
|
|
706
608
|
"kind": "field",
|
|
707
|
-
"name": "
|
|
609
|
+
"name": "_imageError",
|
|
708
610
|
"type": {
|
|
709
|
-
"text": "
|
|
611
|
+
"text": "boolean"
|
|
710
612
|
},
|
|
711
|
-
"privacy": "private"
|
|
613
|
+
"privacy": "private",
|
|
614
|
+
"default": "false",
|
|
615
|
+
"description": "True when image failed to load; show slot instead."
|
|
712
616
|
},
|
|
713
617
|
{
|
|
714
618
|
"kind": "field",
|
|
715
|
-
"name": "
|
|
716
|
-
"privacy": "
|
|
717
|
-
"description": "
|
|
619
|
+
"name": "_onImageLoad",
|
|
620
|
+
"privacy": "private",
|
|
621
|
+
"description": "Marks image load success and keeps image rendering active."
|
|
718
622
|
},
|
|
719
623
|
{
|
|
720
624
|
"kind": "field",
|
|
721
|
-
"name": "
|
|
722
|
-
"
|
|
723
|
-
|
|
724
|
-
},
|
|
725
|
-
"static": true,
|
|
726
|
-
"default": "{ mode: \"open\", delegatesFocus: true, }"
|
|
625
|
+
"name": "_onImageError",
|
|
626
|
+
"privacy": "private",
|
|
627
|
+
"description": "Marks image load failure and enables fallback slot rendering."
|
|
727
628
|
},
|
|
728
629
|
{
|
|
729
630
|
"kind": "method",
|
|
730
|
-
"name": "
|
|
731
|
-
"privacy": "
|
|
631
|
+
"name": "_handleInteractiveClick",
|
|
632
|
+
"privacy": "private",
|
|
732
633
|
"return": {
|
|
733
634
|
"type": {
|
|
734
635
|
"text": "void"
|
|
735
636
|
}
|
|
736
637
|
},
|
|
737
|
-
"
|
|
638
|
+
"parameters": [
|
|
639
|
+
{
|
|
640
|
+
"name": "e",
|
|
641
|
+
"type": {
|
|
642
|
+
"text": "Event"
|
|
643
|
+
}
|
|
644
|
+
}
|
|
645
|
+
],
|
|
646
|
+
"description": "Re-dispatches click in interactive mode for host-level consumers."
|
|
738
647
|
},
|
|
739
648
|
{
|
|
740
649
|
"kind": "method",
|
|
741
|
-
"name": "
|
|
742
|
-
"privacy": "
|
|
743
|
-
"return": {
|
|
744
|
-
"type": {
|
|
745
|
-
"text": "void"
|
|
746
|
-
}
|
|
747
|
-
},
|
|
748
|
-
"description": "Forces badge visibility off."
|
|
749
|
-
},
|
|
750
|
-
{
|
|
751
|
-
"kind": "method",
|
|
752
|
-
"name": "setValue",
|
|
753
|
-
"privacy": "public",
|
|
650
|
+
"name": "_handleInteractiveKeydown",
|
|
651
|
+
"privacy": "private",
|
|
754
652
|
"return": {
|
|
755
653
|
"type": {
|
|
756
654
|
"text": "void"
|
|
@@ -758,619 +656,953 @@
|
|
|
758
656
|
},
|
|
759
657
|
"parameters": [
|
|
760
658
|
{
|
|
761
|
-
"name": "
|
|
659
|
+
"name": "e",
|
|
762
660
|
"type": {
|
|
763
|
-
"text": "
|
|
764
|
-
}
|
|
765
|
-
"description": "Badge value or icon name."
|
|
661
|
+
"text": "KeyboardEvent"
|
|
662
|
+
}
|
|
766
663
|
}
|
|
767
664
|
],
|
|
768
|
-
"description": "
|
|
665
|
+
"description": "Handles keyboard activation in interactive mode."
|
|
769
666
|
},
|
|
770
667
|
{
|
|
771
|
-
"kind": "
|
|
772
|
-
"name": "
|
|
668
|
+
"kind": "method",
|
|
669
|
+
"name": "adjustSpinnerSize",
|
|
773
670
|
"privacy": "private",
|
|
774
|
-
"
|
|
671
|
+
"return": {
|
|
672
|
+
"type": {
|
|
673
|
+
"text": "void"
|
|
674
|
+
}
|
|
675
|
+
},
|
|
676
|
+
"description": "Derives spinner dimensions from current avatar size."
|
|
677
|
+
}
|
|
678
|
+
],
|
|
679
|
+
"events": [
|
|
680
|
+
{
|
|
681
|
+
"name": "click",
|
|
682
|
+
"type": {
|
|
683
|
+
"text": "Event"
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
],
|
|
687
|
+
"attributes": [
|
|
688
|
+
{
|
|
689
|
+
"name": "size",
|
|
690
|
+
"type": {
|
|
691
|
+
"text": "string"
|
|
692
|
+
},
|
|
693
|
+
"default": "\"50px\"",
|
|
694
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
695
|
+
"fieldName": "size"
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"name": "image",
|
|
699
|
+
"type": {
|
|
700
|
+
"text": "string"
|
|
701
|
+
},
|
|
702
|
+
"default": "\"\"",
|
|
703
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
704
|
+
"fieldName": "image"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "fit",
|
|
708
|
+
"type": {
|
|
709
|
+
"text": "SkyAvatarFit"
|
|
710
|
+
},
|
|
711
|
+
"default": "\"cover\"",
|
|
712
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
713
|
+
"fieldName": "fit"
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"name": "radius",
|
|
717
|
+
"type": {
|
|
718
|
+
"text": "string"
|
|
719
|
+
},
|
|
720
|
+
"default": "\"md\"",
|
|
721
|
+
"description": "Border radius token or CSS value.",
|
|
722
|
+
"fieldName": "radius"
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"name": "alt",
|
|
726
|
+
"type": {
|
|
727
|
+
"text": "string"
|
|
728
|
+
},
|
|
729
|
+
"default": "\"\"",
|
|
730
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
731
|
+
"fieldName": "alt"
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "color",
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "string"
|
|
737
|
+
},
|
|
738
|
+
"default": "\"dark\"",
|
|
739
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
740
|
+
"fieldName": "color"
|
|
775
741
|
},
|
|
742
|
+
{
|
|
743
|
+
"name": "outline",
|
|
744
|
+
"type": {
|
|
745
|
+
"text": "string"
|
|
746
|
+
},
|
|
747
|
+
"default": "\"\"",
|
|
748
|
+
"description": "CSS `outline` value.",
|
|
749
|
+
"fieldName": "outline"
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "outlineOffset",
|
|
753
|
+
"type": {
|
|
754
|
+
"text": "string"
|
|
755
|
+
},
|
|
756
|
+
"default": "\"2px\"",
|
|
757
|
+
"description": "CSS `outline-offset` value.",
|
|
758
|
+
"fieldName": "outlineOffset"
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"name": "loading",
|
|
762
|
+
"type": {
|
|
763
|
+
"text": "boolean"
|
|
764
|
+
},
|
|
765
|
+
"default": "false",
|
|
766
|
+
"description": "Shows loading overlay when true.",
|
|
767
|
+
"fieldName": "loading"
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"name": "disabled",
|
|
771
|
+
"type": {
|
|
772
|
+
"text": "boolean"
|
|
773
|
+
},
|
|
774
|
+
"default": "false",
|
|
775
|
+
"description": "Dims and disables pointer interactions.",
|
|
776
|
+
"fieldName": "disabled"
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"name": "interactive",
|
|
780
|
+
"type": {
|
|
781
|
+
"text": "boolean"
|
|
782
|
+
},
|
|
783
|
+
"default": "false",
|
|
784
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
785
|
+
"fieldName": "interactive"
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"name": "shadow",
|
|
789
|
+
"type": {
|
|
790
|
+
"text": "boolean"
|
|
791
|
+
},
|
|
792
|
+
"default": "false",
|
|
793
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
794
|
+
"fieldName": "shadow"
|
|
795
|
+
}
|
|
796
|
+
],
|
|
797
|
+
"superclass": {
|
|
798
|
+
"name": "LitElement",
|
|
799
|
+
"package": "lit"
|
|
800
|
+
},
|
|
801
|
+
"tagName": "sky-avatar",
|
|
802
|
+
"customElement": true,
|
|
803
|
+
"summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
|
|
804
|
+
}
|
|
805
|
+
],
|
|
806
|
+
"exports": [
|
|
807
|
+
{
|
|
808
|
+
"kind": "js",
|
|
809
|
+
"name": "SkyAvatar",
|
|
810
|
+
"declaration": {
|
|
811
|
+
"name": "SkyAvatar",
|
|
812
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
813
|
+
}
|
|
814
|
+
},
|
|
815
|
+
{
|
|
816
|
+
"kind": "custom-element-definition",
|
|
817
|
+
"name": "sky-avatar",
|
|
818
|
+
"declaration": {
|
|
819
|
+
"name": "SkyAvatar",
|
|
820
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
821
|
+
}
|
|
822
|
+
}
|
|
823
|
+
]
|
|
824
|
+
},
|
|
825
|
+
{
|
|
826
|
+
"kind": "javascript-module",
|
|
827
|
+
"path": "src/sky-appbar/sky-appbar.ts",
|
|
828
|
+
"declarations": [
|
|
829
|
+
{
|
|
830
|
+
"kind": "class",
|
|
831
|
+
"description": "",
|
|
832
|
+
"name": "SkyAppbar",
|
|
833
|
+
"cssParts": [
|
|
834
|
+
{
|
|
835
|
+
"description": "Wrapper that contains the leading slot, title, and actions.",
|
|
836
|
+
"name": "content"
|
|
837
|
+
},
|
|
838
|
+
{
|
|
839
|
+
"description": "Container for the leading slot (e.g. menu button).",
|
|
840
|
+
"name": "leading"
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"description": "The title area (contains .title-text with the title string).",
|
|
844
|
+
"name": "title"
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"description": "The trailing actions container.",
|
|
848
|
+
"name": "actions"
|
|
849
|
+
}
|
|
850
|
+
],
|
|
851
|
+
"slots": [
|
|
852
|
+
{
|
|
853
|
+
"description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
|
|
854
|
+
"name": "button"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"description": "Trailing actions (icons/buttons). This is the default slot.",
|
|
858
|
+
"name": ""
|
|
859
|
+
}
|
|
860
|
+
],
|
|
861
|
+
"members": [
|
|
776
862
|
{
|
|
777
863
|
"kind": "field",
|
|
778
|
-
"name": "
|
|
779
|
-
"
|
|
780
|
-
|
|
864
|
+
"name": "dependencies",
|
|
865
|
+
"type": {
|
|
866
|
+
"text": "Record<string, CustomElementConstructor>"
|
|
867
|
+
},
|
|
868
|
+
"static": true,
|
|
869
|
+
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"kind": "field",
|
|
873
|
+
"name": "title",
|
|
874
|
+
"type": {
|
|
875
|
+
"text": "string"
|
|
876
|
+
},
|
|
877
|
+
"default": "\"App Bar\"",
|
|
878
|
+
"description": "Title text displayed in the app bar.",
|
|
879
|
+
"attribute": "title"
|
|
880
|
+
},
|
|
881
|
+
{
|
|
882
|
+
"kind": "field",
|
|
883
|
+
"name": "color",
|
|
884
|
+
"type": {
|
|
885
|
+
"text": "string"
|
|
886
|
+
},
|
|
887
|
+
"default": "\"default\"",
|
|
888
|
+
"description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
|
|
889
|
+
"attribute": "color"
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"kind": "field",
|
|
893
|
+
"name": "url",
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "string"
|
|
896
|
+
},
|
|
897
|
+
"default": "\"\"",
|
|
898
|
+
"description": "Background image URL.",
|
|
899
|
+
"attribute": "url"
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"kind": "field",
|
|
903
|
+
"name": "banner",
|
|
904
|
+
"type": {
|
|
905
|
+
"text": "boolean"
|
|
906
|
+
},
|
|
907
|
+
"default": "true",
|
|
908
|
+
"description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
|
|
909
|
+
"attribute": "banner"
|
|
910
|
+
},
|
|
911
|
+
{
|
|
912
|
+
"kind": "field",
|
|
913
|
+
"name": "dense",
|
|
914
|
+
"type": {
|
|
915
|
+
"text": "boolean"
|
|
916
|
+
},
|
|
917
|
+
"default": "false",
|
|
918
|
+
"description": "Enables compact vertical spacing.",
|
|
919
|
+
"attribute": "dense"
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "field",
|
|
923
|
+
"name": "elevated",
|
|
924
|
+
"type": {
|
|
925
|
+
"text": "boolean"
|
|
926
|
+
},
|
|
927
|
+
"default": "false",
|
|
928
|
+
"description": "Applies elevated shadow styling.",
|
|
929
|
+
"attribute": "elevated"
|
|
930
|
+
},
|
|
931
|
+
{
|
|
932
|
+
"kind": "field",
|
|
933
|
+
"name": "leadingLabel",
|
|
934
|
+
"type": {
|
|
935
|
+
"text": "string"
|
|
936
|
+
},
|
|
937
|
+
"default": "\"Open menu\"",
|
|
938
|
+
"description": "Accessible label for default leading button fallback.",
|
|
939
|
+
"attribute": "leadingLabel"
|
|
781
940
|
},
|
|
782
941
|
{
|
|
783
942
|
"kind": "method",
|
|
784
|
-
"name": "
|
|
943
|
+
"name": "_applyColorSurface",
|
|
785
944
|
"privacy": "private",
|
|
786
945
|
"return": {
|
|
787
946
|
"type": {
|
|
788
|
-
"text": "
|
|
947
|
+
"text": "void"
|
|
789
948
|
}
|
|
790
949
|
},
|
|
791
|
-
"
|
|
792
|
-
{
|
|
793
|
-
"name": "displayValue",
|
|
794
|
-
"type": {
|
|
795
|
-
"text": "string | null"
|
|
796
|
-
}
|
|
797
|
-
}
|
|
798
|
-
],
|
|
799
|
-
"description": "Computes accessible badge label from current render state."
|
|
950
|
+
"description": "Applies glass vs solid surface tokens from `color`."
|
|
800
951
|
},
|
|
801
952
|
{
|
|
802
953
|
"kind": "method",
|
|
803
|
-
"name": "
|
|
954
|
+
"name": "_applyBackgroundImage",
|
|
804
955
|
"privacy": "private",
|
|
805
956
|
"return": {
|
|
806
957
|
"type": {
|
|
807
|
-
"text": "
|
|
958
|
+
"text": "void"
|
|
808
959
|
}
|
|
809
960
|
},
|
|
810
|
-
"
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
961
|
+
"description": "Sets background image CSS variable from `url`."
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "title",
|
|
967
|
+
"type": {
|
|
968
|
+
"text": "string"
|
|
969
|
+
},
|
|
970
|
+
"default": "\"App Bar\"",
|
|
971
|
+
"description": "Title text displayed in the app bar.",
|
|
972
|
+
"fieldName": "title"
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"name": "color",
|
|
976
|
+
"type": {
|
|
977
|
+
"text": "string"
|
|
978
|
+
},
|
|
979
|
+
"default": "\"default\"",
|
|
980
|
+
"description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
|
|
981
|
+
"fieldName": "color"
|
|
982
|
+
},
|
|
983
|
+
{
|
|
984
|
+
"name": "url",
|
|
985
|
+
"type": {
|
|
986
|
+
"text": "string"
|
|
987
|
+
},
|
|
988
|
+
"default": "\"\"",
|
|
989
|
+
"description": "Background image URL.",
|
|
990
|
+
"fieldName": "url"
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"name": "banner",
|
|
994
|
+
"type": {
|
|
995
|
+
"text": "boolean"
|
|
996
|
+
},
|
|
997
|
+
"default": "true",
|
|
998
|
+
"description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
|
|
999
|
+
"fieldName": "banner"
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"name": "dense",
|
|
1003
|
+
"type": {
|
|
1004
|
+
"text": "boolean"
|
|
1005
|
+
},
|
|
1006
|
+
"default": "false",
|
|
1007
|
+
"description": "Enables compact vertical spacing.",
|
|
1008
|
+
"fieldName": "dense"
|
|
1009
|
+
},
|
|
1010
|
+
{
|
|
1011
|
+
"name": "elevated",
|
|
1012
|
+
"type": {
|
|
1013
|
+
"text": "boolean"
|
|
1014
|
+
},
|
|
1015
|
+
"default": "false",
|
|
1016
|
+
"description": "Applies elevated shadow styling.",
|
|
1017
|
+
"fieldName": "elevated"
|
|
1018
|
+
},
|
|
1019
|
+
{
|
|
1020
|
+
"name": "leadingLabel",
|
|
1021
|
+
"type": {
|
|
1022
|
+
"text": "string"
|
|
1023
|
+
},
|
|
1024
|
+
"default": "\"Open menu\"",
|
|
1025
|
+
"description": "Accessible label for default leading button fallback.",
|
|
1026
|
+
"fieldName": "leadingLabel"
|
|
1027
|
+
}
|
|
1028
|
+
],
|
|
1029
|
+
"superclass": {
|
|
1030
|
+
"name": "LitElement",
|
|
1031
|
+
"package": "lit"
|
|
1032
|
+
},
|
|
1033
|
+
"tagName": "sky-appbar",
|
|
1034
|
+
"customElement": true,
|
|
1035
|
+
"summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
|
|
1036
|
+
}
|
|
1037
|
+
],
|
|
1038
|
+
"exports": [
|
|
1039
|
+
{
|
|
1040
|
+
"kind": "js",
|
|
1041
|
+
"name": "SkyAppbar",
|
|
1042
|
+
"declaration": {
|
|
1043
|
+
"name": "SkyAppbar",
|
|
1044
|
+
"module": "src/sky-appbar/sky-appbar.ts"
|
|
1045
|
+
}
|
|
1046
|
+
},
|
|
1047
|
+
{
|
|
1048
|
+
"kind": "custom-element-definition",
|
|
1049
|
+
"name": "sky-appbar",
|
|
1050
|
+
"declaration": {
|
|
1051
|
+
"name": "SkyAppbar",
|
|
1052
|
+
"module": "src/sky-appbar/sky-appbar.ts"
|
|
1053
|
+
}
|
|
1054
|
+
}
|
|
1055
|
+
]
|
|
1056
|
+
},
|
|
1057
|
+
{
|
|
1058
|
+
"kind": "javascript-module",
|
|
1059
|
+
"path": "src/sky-badge/sky-badge.ts",
|
|
1060
|
+
"declarations": [
|
|
1061
|
+
{
|
|
1062
|
+
"kind": "class",
|
|
1063
|
+
"description": "",
|
|
1064
|
+
"name": "SkyBadge",
|
|
1065
|
+
"cssParts": [
|
|
1066
|
+
{
|
|
1067
|
+
"description": "Wrapper around the slotted content and the badge.",
|
|
1068
|
+
"name": "container"
|
|
1069
|
+
},
|
|
1070
|
+
{
|
|
1071
|
+
"description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
|
|
1072
|
+
"name": "badge"
|
|
1073
|
+
},
|
|
1074
|
+
{
|
|
1075
|
+
"description": "The icon element when `isIcon` is true.",
|
|
1076
|
+
"name": "icon"
|
|
1077
|
+
}
|
|
1078
|
+
],
|
|
1079
|
+
"slots": [
|
|
1080
|
+
{
|
|
1081
|
+
"description": "The content the badge attaches to.",
|
|
1082
|
+
"name": ""
|
|
819
1083
|
},
|
|
820
1084
|
{
|
|
821
|
-
"
|
|
822
|
-
"name": "
|
|
823
|
-
"privacy": "private",
|
|
824
|
-
"return": {
|
|
825
|
-
"type": {
|
|
826
|
-
"text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
|
|
827
|
-
}
|
|
828
|
-
},
|
|
829
|
-
"description": "Maps semantic status tokens to soft badge surface colors."
|
|
1085
|
+
"description": "Optional slot to override the badge content entirely.",
|
|
1086
|
+
"name": "badge"
|
|
830
1087
|
}
|
|
831
1088
|
],
|
|
832
|
-
"
|
|
1089
|
+
"members": [
|
|
833
1090
|
{
|
|
1091
|
+
"kind": "field",
|
|
1092
|
+
"name": "dependencies",
|
|
834
1093
|
"type": {
|
|
835
|
-
"text": "
|
|
1094
|
+
"text": "Record<string, CustomElementConstructor>"
|
|
836
1095
|
},
|
|
837
|
-
"
|
|
838
|
-
"
|
|
839
|
-
}
|
|
840
|
-
],
|
|
841
|
-
"attributes": [
|
|
1096
|
+
"static": true,
|
|
1097
|
+
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
1098
|
+
},
|
|
842
1099
|
{
|
|
1100
|
+
"kind": "field",
|
|
843
1101
|
"name": "statusColor",
|
|
844
1102
|
"type": {
|
|
845
1103
|
"text": "string"
|
|
846
1104
|
},
|
|
847
1105
|
"default": "\"success\"",
|
|
848
1106
|
"description": "Badge background token or CSS color.",
|
|
849
|
-
"
|
|
1107
|
+
"attribute": "statusColor",
|
|
1108
|
+
"reflects": true
|
|
850
1109
|
},
|
|
851
1110
|
{
|
|
1111
|
+
"kind": "field",
|
|
852
1112
|
"name": "textColor",
|
|
853
1113
|
"type": {
|
|
854
1114
|
"text": "string"
|
|
855
1115
|
},
|
|
856
1116
|
"default": "\"default\"",
|
|
857
1117
|
"description": "Text color token or CSS color.",
|
|
858
|
-
"
|
|
1118
|
+
"attribute": "textColor",
|
|
1119
|
+
"reflects": true
|
|
859
1120
|
},
|
|
860
1121
|
{
|
|
1122
|
+
"kind": "field",
|
|
861
1123
|
"name": "iconColor",
|
|
862
1124
|
"type": {
|
|
863
1125
|
"text": "string"
|
|
864
1126
|
},
|
|
865
1127
|
"default": "\"\"",
|
|
866
1128
|
"description": "Icon color token or CSS color; falls back to `textColor` when empty.",
|
|
867
|
-
"
|
|
1129
|
+
"attribute": "iconColor",
|
|
1130
|
+
"reflects": true
|
|
868
1131
|
},
|
|
869
1132
|
{
|
|
1133
|
+
"kind": "field",
|
|
870
1134
|
"name": "position",
|
|
871
1135
|
"type": {
|
|
872
1136
|
"text": "SkyBadgePosition"
|
|
873
1137
|
},
|
|
874
1138
|
"default": "\"default\"",
|
|
875
1139
|
"description": "Layout mode: `default | floating | inline`.",
|
|
876
|
-
"
|
|
1140
|
+
"attribute": "position",
|
|
1141
|
+
"reflects": true
|
|
877
1142
|
},
|
|
878
1143
|
{
|
|
1144
|
+
"kind": "field",
|
|
879
1145
|
"name": "value",
|
|
880
1146
|
"type": {
|
|
881
1147
|
"text": "string"
|
|
882
1148
|
},
|
|
883
1149
|
"default": "\"\"",
|
|
884
1150
|
"description": "Badge text/count or icon name in icon mode.",
|
|
885
|
-
"
|
|
1151
|
+
"attribute": "value"
|
|
886
1152
|
},
|
|
887
1153
|
{
|
|
1154
|
+
"kind": "field",
|
|
888
1155
|
"name": "isIcon",
|
|
889
1156
|
"type": {
|
|
890
1157
|
"text": "boolean"
|
|
891
1158
|
},
|
|
892
1159
|
"default": "false",
|
|
893
1160
|
"description": "Renders icon mode when true.",
|
|
894
|
-
"
|
|
1161
|
+
"attribute": "isIcon",
|
|
1162
|
+
"reflects": true
|
|
895
1163
|
},
|
|
896
1164
|
{
|
|
1165
|
+
"kind": "field",
|
|
897
1166
|
"name": "size",
|
|
898
1167
|
"type": {
|
|
899
1168
|
"text": "string"
|
|
900
1169
|
},
|
|
901
1170
|
"default": "\"\"",
|
|
902
1171
|
"description": "Badge and icon size CSS length.",
|
|
903
|
-
"
|
|
1172
|
+
"attribute": "size",
|
|
1173
|
+
"reflects": true
|
|
904
1174
|
},
|
|
905
1175
|
{
|
|
1176
|
+
"kind": "field",
|
|
906
1177
|
"name": "shape",
|
|
907
1178
|
"type": {
|
|
908
1179
|
"text": "SkyBadgeShape"
|
|
909
1180
|
},
|
|
910
1181
|
"default": "\"custom\"",
|
|
911
1182
|
"description": "Badge shape: `circle | pill | custom`.",
|
|
912
|
-
"
|
|
1183
|
+
"attribute": "shape",
|
|
1184
|
+
"reflects": true
|
|
913
1185
|
},
|
|
914
1186
|
{
|
|
1187
|
+
"kind": "field",
|
|
915
1188
|
"name": "max",
|
|
916
1189
|
"type": {
|
|
917
1190
|
"text": "number"
|
|
918
1191
|
},
|
|
919
1192
|
"default": "99",
|
|
920
1193
|
"description": "Maximum numeric count before rendering overflow label.",
|
|
921
|
-
"
|
|
1194
|
+
"attribute": "max"
|
|
922
1195
|
},
|
|
923
1196
|
{
|
|
1197
|
+
"kind": "field",
|
|
924
1198
|
"name": "hideWhenZero",
|
|
925
1199
|
"type": {
|
|
926
1200
|
"text": "boolean"
|
|
927
1201
|
},
|
|
928
1202
|
"default": "false",
|
|
929
1203
|
"description": "Hides badge when value resolves to numeric zero.",
|
|
930
|
-
"
|
|
1204
|
+
"attribute": "hideWhenZero"
|
|
931
1205
|
},
|
|
932
1206
|
{
|
|
1207
|
+
"kind": "field",
|
|
933
1208
|
"name": "show",
|
|
934
1209
|
"type": {
|
|
935
1210
|
"text": "boolean"
|
|
936
1211
|
},
|
|
937
1212
|
"default": "true",
|
|
938
1213
|
"description": "Forces badge visibility independent of value.",
|
|
939
|
-
"
|
|
1214
|
+
"attribute": "show",
|
|
1215
|
+
"reflects": true
|
|
940
1216
|
},
|
|
941
1217
|
{
|
|
1218
|
+
"kind": "field",
|
|
942
1219
|
"name": "offsetX",
|
|
943
1220
|
"type": {
|
|
944
1221
|
"text": "string"
|
|
945
1222
|
},
|
|
946
1223
|
"default": "\"0px\"",
|
|
947
1224
|
"description": "Horizontal offset CSS length.",
|
|
948
|
-
"
|
|
1225
|
+
"attribute": "offsetX"
|
|
949
1226
|
},
|
|
950
1227
|
{
|
|
1228
|
+
"kind": "field",
|
|
951
1229
|
"name": "offsetY",
|
|
952
1230
|
"type": {
|
|
953
1231
|
"text": "string"
|
|
954
1232
|
},
|
|
955
1233
|
"default": "\"0px\"",
|
|
956
1234
|
"description": "Vertical offset CSS length.",
|
|
957
|
-
"
|
|
1235
|
+
"attribute": "offsetY"
|
|
958
1236
|
},
|
|
959
1237
|
{
|
|
1238
|
+
"kind": "field",
|
|
960
1239
|
"name": "ring",
|
|
961
1240
|
"type": {
|
|
962
1241
|
"text": "boolean"
|
|
963
1242
|
},
|
|
964
1243
|
"default": "false",
|
|
965
1244
|
"description": "Enables visual ring around the badge.",
|
|
966
|
-
"
|
|
1245
|
+
"attribute": "ring"
|
|
967
1246
|
},
|
|
968
1247
|
{
|
|
1248
|
+
"kind": "field",
|
|
969
1249
|
"name": "ringColor",
|
|
970
1250
|
"type": {
|
|
971
1251
|
"text": "string"
|
|
972
1252
|
},
|
|
973
1253
|
"default": "\"primary\"",
|
|
974
1254
|
"description": "Ring color token or CSS color.",
|
|
975
|
-
"
|
|
1255
|
+
"attribute": "ringColor"
|
|
976
1256
|
},
|
|
977
1257
|
{
|
|
1258
|
+
"kind": "field",
|
|
978
1259
|
"name": "ringOffset",
|
|
979
1260
|
"type": {
|
|
980
1261
|
"text": "string"
|
|
981
1262
|
},
|
|
982
1263
|
"default": "\"1px\"",
|
|
983
1264
|
"description": "Ring offset CSS length.",
|
|
984
|
-
"
|
|
1265
|
+
"attribute": "ringOffset"
|
|
985
1266
|
},
|
|
986
1267
|
{
|
|
1268
|
+
"kind": "field",
|
|
987
1269
|
"name": "badgeLabel",
|
|
988
1270
|
"type": {
|
|
989
1271
|
"text": "string | null"
|
|
990
1272
|
},
|
|
991
1273
|
"default": "null",
|
|
992
1274
|
"description": "ARIA label override.",
|
|
993
|
-
"
|
|
1275
|
+
"attribute": "badgeLabel"
|
|
994
1276
|
},
|
|
995
1277
|
{
|
|
1278
|
+
"kind": "field",
|
|
996
1279
|
"name": "badgeAriaHidden",
|
|
997
1280
|
"type": {
|
|
998
1281
|
"text": "boolean"
|
|
999
1282
|
},
|
|
1000
1283
|
"default": "false",
|
|
1001
1284
|
"description": "Hides badge from assistive technology when true.",
|
|
1002
|
-
"
|
|
1285
|
+
"attribute": "badgeAriaHidden"
|
|
1003
1286
|
},
|
|
1004
1287
|
{
|
|
1288
|
+
"kind": "field",
|
|
1005
1289
|
"name": "interactive",
|
|
1006
1290
|
"type": {
|
|
1007
1291
|
"text": "boolean"
|
|
1008
1292
|
},
|
|
1009
1293
|
"default": "false",
|
|
1010
1294
|
"description": "Enables focus/activation and `badge-click` emission.",
|
|
1011
|
-
"
|
|
1295
|
+
"attribute": "interactive"
|
|
1012
1296
|
},
|
|
1013
1297
|
{
|
|
1298
|
+
"kind": "field",
|
|
1014
1299
|
"name": "placement",
|
|
1015
1300
|
"type": {
|
|
1016
1301
|
"text": "SkyBadgePlacement"
|
|
1017
1302
|
},
|
|
1018
1303
|
"default": "\"custom\"",
|
|
1019
1304
|
"description": "Anchor placement preset for badge positioning.",
|
|
1020
|
-
"
|
|
1021
|
-
}
|
|
1022
|
-
],
|
|
1023
|
-
"superclass": {
|
|
1024
|
-
"name": "LitElement",
|
|
1025
|
-
"package": "lit"
|
|
1026
|
-
},
|
|
1027
|
-
"tagName": "sky-badge",
|
|
1028
|
-
"customElement": true,
|
|
1029
|
-
"summary": "Badge for status dots, counts, or icons anchored to slotted content."
|
|
1030
|
-
}
|
|
1031
|
-
],
|
|
1032
|
-
"exports": [
|
|
1033
|
-
{
|
|
1034
|
-
"kind": "js",
|
|
1035
|
-
"name": "SkyBadge",
|
|
1036
|
-
"declaration": {
|
|
1037
|
-
"name": "SkyBadge",
|
|
1038
|
-
"module": "src/sky-badge/sky-badge.ts"
|
|
1039
|
-
}
|
|
1040
|
-
},
|
|
1041
|
-
{
|
|
1042
|
-
"kind": "custom-element-definition",
|
|
1043
|
-
"name": "sky-badge",
|
|
1044
|
-
"declaration": {
|
|
1045
|
-
"name": "SkyBadge",
|
|
1046
|
-
"module": "src/sky-badge/sky-badge.ts"
|
|
1047
|
-
}
|
|
1048
|
-
}
|
|
1049
|
-
]
|
|
1050
|
-
},
|
|
1051
|
-
{
|
|
1052
|
-
"kind": "javascript-module",
|
|
1053
|
-
"path": "src/sky-avatar/sky-avatar.ts",
|
|
1054
|
-
"declarations": [
|
|
1055
|
-
{
|
|
1056
|
-
"kind": "class",
|
|
1057
|
-
"description": "",
|
|
1058
|
-
"name": "SkyAvatar",
|
|
1059
|
-
"cssParts": [
|
|
1060
|
-
{
|
|
1061
|
-
"description": "The avatar container element.",
|
|
1062
|
-
"name": "avatar"
|
|
1063
|
-
},
|
|
1064
|
-
{
|
|
1065
|
-
"description": "The loading overlay container (shown when `loading` is true).",
|
|
1066
|
-
"name": "loading-overlay"
|
|
1067
|
-
},
|
|
1068
|
-
{
|
|
1069
|
-
"description": "The spinner element shown when loading.",
|
|
1070
|
-
"name": "spinner"
|
|
1071
|
-
}
|
|
1072
|
-
],
|
|
1073
|
-
"slots": [
|
|
1074
|
-
{
|
|
1075
|
-
"description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
|
|
1076
|
-
"name": ""
|
|
1077
|
-
}
|
|
1078
|
-
],
|
|
1079
|
-
"members": [
|
|
1080
|
-
{
|
|
1081
|
-
"kind": "field",
|
|
1082
|
-
"name": "size",
|
|
1083
|
-
"type": {
|
|
1084
|
-
"text": "string"
|
|
1085
|
-
},
|
|
1086
|
-
"default": "\"50px\"",
|
|
1087
|
-
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
1088
|
-
"attribute": "size"
|
|
1089
|
-
},
|
|
1090
|
-
{
|
|
1091
|
-
"kind": "field",
|
|
1092
|
-
"name": "image",
|
|
1093
|
-
"type": {
|
|
1094
|
-
"text": "string"
|
|
1095
|
-
},
|
|
1096
|
-
"default": "\"\"",
|
|
1097
|
-
"description": "Image URL; fallback slot is shown on load error.",
|
|
1098
|
-
"attribute": "image"
|
|
1099
|
-
},
|
|
1100
|
-
{
|
|
1101
|
-
"kind": "field",
|
|
1102
|
-
"name": "fit",
|
|
1103
|
-
"type": {
|
|
1104
|
-
"text": "SkyAvatarFit"
|
|
1105
|
-
},
|
|
1106
|
-
"default": "\"cover\"",
|
|
1107
|
-
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
1108
|
-
"attribute": "fit",
|
|
1305
|
+
"attribute": "placement",
|
|
1109
1306
|
"reflects": true
|
|
1110
1307
|
},
|
|
1111
1308
|
{
|
|
1112
1309
|
"kind": "field",
|
|
1113
|
-
"name": "
|
|
1114
|
-
"type": {
|
|
1115
|
-
"text": "string"
|
|
1116
|
-
},
|
|
1117
|
-
"default": "\"md\"",
|
|
1118
|
-
"description": "Border radius token or CSS value.",
|
|
1119
|
-
"attribute": "radius"
|
|
1120
|
-
},
|
|
1121
|
-
{
|
|
1122
|
-
"kind": "field",
|
|
1123
|
-
"name": "alt",
|
|
1124
|
-
"type": {
|
|
1125
|
-
"text": "string"
|
|
1126
|
-
},
|
|
1127
|
-
"default": "\"\"",
|
|
1128
|
-
"description": "Accessible name when image content conveys meaning.",
|
|
1129
|
-
"attribute": "alt"
|
|
1130
|
-
},
|
|
1131
|
-
{
|
|
1132
|
-
"kind": "field",
|
|
1133
|
-
"name": "color",
|
|
1134
|
-
"type": {
|
|
1135
|
-
"text": "string"
|
|
1136
|
-
},
|
|
1137
|
-
"default": "\"dark\"",
|
|
1138
|
-
"description": "Token or CSS color applied to fallback slot content.",
|
|
1139
|
-
"attribute": "color"
|
|
1140
|
-
},
|
|
1141
|
-
{
|
|
1142
|
-
"kind": "field",
|
|
1143
|
-
"name": "outline",
|
|
1144
|
-
"type": {
|
|
1145
|
-
"text": "string"
|
|
1146
|
-
},
|
|
1147
|
-
"default": "\"\"",
|
|
1148
|
-
"description": "CSS `outline` value.",
|
|
1149
|
-
"attribute": "outline"
|
|
1150
|
-
},
|
|
1151
|
-
{
|
|
1152
|
-
"kind": "field",
|
|
1153
|
-
"name": "outlineOffset",
|
|
1154
|
-
"type": {
|
|
1155
|
-
"text": "string"
|
|
1156
|
-
},
|
|
1157
|
-
"default": "\"2px\"",
|
|
1158
|
-
"description": "CSS `outline-offset` value.",
|
|
1159
|
-
"attribute": "outlineOffset"
|
|
1160
|
-
},
|
|
1161
|
-
{
|
|
1162
|
-
"kind": "field",
|
|
1163
|
-
"name": "loading",
|
|
1310
|
+
"name": "_badgeEl",
|
|
1164
1311
|
"type": {
|
|
1165
|
-
"text": "
|
|
1312
|
+
"text": "HTMLSpanElement"
|
|
1166
1313
|
},
|
|
1167
|
-
"
|
|
1168
|
-
"description": "Shows loading overlay when true.",
|
|
1169
|
-
"attribute": "loading",
|
|
1170
|
-
"reflects": true
|
|
1314
|
+
"privacy": "private"
|
|
1171
1315
|
},
|
|
1172
1316
|
{
|
|
1173
1317
|
"kind": "field",
|
|
1174
|
-
"name": "
|
|
1175
|
-
"
|
|
1176
|
-
|
|
1177
|
-
},
|
|
1178
|
-
"default": "false",
|
|
1179
|
-
"description": "Dims and disables pointer interactions.",
|
|
1180
|
-
"attribute": "disabled",
|
|
1181
|
-
"reflects": true
|
|
1318
|
+
"name": "badgeRef",
|
|
1319
|
+
"privacy": "public",
|
|
1320
|
+
"description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
|
|
1182
1321
|
},
|
|
1183
1322
|
{
|
|
1184
1323
|
"kind": "field",
|
|
1185
|
-
"name": "
|
|
1324
|
+
"name": "shadowRootOptions",
|
|
1186
1325
|
"type": {
|
|
1187
|
-
"text": "
|
|
1326
|
+
"text": "ShadowRootInit"
|
|
1188
1327
|
},
|
|
1189
|
-
"
|
|
1190
|
-
"
|
|
1191
|
-
"attribute": "interactive"
|
|
1328
|
+
"static": true,
|
|
1329
|
+
"default": "{ mode: \"open\", delegatesFocus: true, }"
|
|
1192
1330
|
},
|
|
1193
1331
|
{
|
|
1194
|
-
"kind": "
|
|
1195
|
-
"name": "
|
|
1196
|
-
"
|
|
1197
|
-
|
|
1332
|
+
"kind": "method",
|
|
1333
|
+
"name": "showBadge",
|
|
1334
|
+
"privacy": "public",
|
|
1335
|
+
"return": {
|
|
1336
|
+
"type": {
|
|
1337
|
+
"text": "void"
|
|
1338
|
+
}
|
|
1198
1339
|
},
|
|
1199
|
-
"
|
|
1200
|
-
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
1201
|
-
"attribute": "shadow",
|
|
1202
|
-
"reflects": true
|
|
1340
|
+
"description": "Forces badge visibility on."
|
|
1203
1341
|
},
|
|
1204
1342
|
{
|
|
1205
|
-
"kind": "
|
|
1206
|
-
"name": "
|
|
1207
|
-
"
|
|
1208
|
-
|
|
1343
|
+
"kind": "method",
|
|
1344
|
+
"name": "hideBadge",
|
|
1345
|
+
"privacy": "public",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1209
1350
|
},
|
|
1210
|
-
"
|
|
1211
|
-
|
|
1212
|
-
|
|
1351
|
+
"description": "Forces badge visibility off."
|
|
1352
|
+
},
|
|
1353
|
+
{
|
|
1354
|
+
"kind": "method",
|
|
1355
|
+
"name": "setValue",
|
|
1356
|
+
"privacy": "public",
|
|
1357
|
+
"return": {
|
|
1358
|
+
"type": {
|
|
1359
|
+
"text": "void"
|
|
1360
|
+
}
|
|
1361
|
+
},
|
|
1362
|
+
"parameters": [
|
|
1363
|
+
{
|
|
1364
|
+
"name": "value",
|
|
1365
|
+
"type": {
|
|
1366
|
+
"text": "string"
|
|
1367
|
+
},
|
|
1368
|
+
"description": "Badge value or icon name."
|
|
1369
|
+
}
|
|
1370
|
+
],
|
|
1371
|
+
"description": "Updates badge value for text/count or icon modes."
|
|
1213
1372
|
},
|
|
1214
1373
|
{
|
|
1215
1374
|
"kind": "field",
|
|
1216
|
-
"name": "
|
|
1375
|
+
"name": "_onActivate",
|
|
1217
1376
|
"privacy": "private",
|
|
1218
|
-
"description": "
|
|
1377
|
+
"description": "Emits `badge-click` for interactive activation."
|
|
1219
1378
|
},
|
|
1220
1379
|
{
|
|
1221
1380
|
"kind": "field",
|
|
1222
|
-
"name": "
|
|
1381
|
+
"name": "_onKeydown",
|
|
1223
1382
|
"privacy": "private",
|
|
1224
|
-
"description": "
|
|
1383
|
+
"description": "Handles keyboard activation with Enter and Space."
|
|
1225
1384
|
},
|
|
1226
1385
|
{
|
|
1227
1386
|
"kind": "method",
|
|
1228
|
-
"name": "
|
|
1387
|
+
"name": "_computeAriaLabel",
|
|
1229
1388
|
"privacy": "private",
|
|
1230
1389
|
"return": {
|
|
1231
1390
|
"type": {
|
|
1232
|
-
"text": "
|
|
1391
|
+
"text": "string | null"
|
|
1233
1392
|
}
|
|
1234
1393
|
},
|
|
1235
1394
|
"parameters": [
|
|
1236
1395
|
{
|
|
1237
|
-
"name": "
|
|
1396
|
+
"name": "displayValue",
|
|
1238
1397
|
"type": {
|
|
1239
|
-
"text": "
|
|
1398
|
+
"text": "string | null"
|
|
1240
1399
|
}
|
|
1241
1400
|
}
|
|
1242
1401
|
],
|
|
1243
|
-
"description": "
|
|
1402
|
+
"description": "Computes accessible badge label from current render state."
|
|
1244
1403
|
},
|
|
1245
1404
|
{
|
|
1246
1405
|
"kind": "method",
|
|
1247
|
-
"name": "
|
|
1406
|
+
"name": "_computeAnchors",
|
|
1248
1407
|
"privacy": "private",
|
|
1249
1408
|
"return": {
|
|
1250
1409
|
"type": {
|
|
1251
|
-
"text": "
|
|
1410
|
+
"text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
|
|
1252
1411
|
}
|
|
1253
1412
|
},
|
|
1254
1413
|
"parameters": [
|
|
1255
1414
|
{
|
|
1256
|
-
"name": "
|
|
1415
|
+
"name": "placement",
|
|
1257
1416
|
"type": {
|
|
1258
|
-
"text": "
|
|
1417
|
+
"text": "SkyBadgePlacement"
|
|
1259
1418
|
}
|
|
1260
1419
|
}
|
|
1261
1420
|
],
|
|
1262
|
-
"description": "
|
|
1421
|
+
"description": "Resolves anchor edges from placement preset."
|
|
1263
1422
|
},
|
|
1264
1423
|
{
|
|
1265
1424
|
"kind": "method",
|
|
1266
|
-
"name": "
|
|
1425
|
+
"name": "_resolveBadgeSurface",
|
|
1267
1426
|
"privacy": "private",
|
|
1268
1427
|
"return": {
|
|
1269
1428
|
"type": {
|
|
1270
|
-
"text": "
|
|
1429
|
+
"text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
|
|
1271
1430
|
}
|
|
1272
1431
|
},
|
|
1273
|
-
"description": "
|
|
1432
|
+
"description": "Maps semantic status tokens to soft badge surface colors."
|
|
1274
1433
|
}
|
|
1275
1434
|
],
|
|
1276
1435
|
"events": [
|
|
1277
1436
|
{
|
|
1278
|
-
"name": "click",
|
|
1279
1437
|
"type": {
|
|
1280
|
-
"text": "
|
|
1281
|
-
}
|
|
1438
|
+
"text": "CustomEvent<SkyBadgeClickEventDetail>"
|
|
1439
|
+
},
|
|
1440
|
+
"description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
|
|
1441
|
+
"name": "badge-click"
|
|
1282
1442
|
}
|
|
1283
1443
|
],
|
|
1284
1444
|
"attributes": [
|
|
1285
1445
|
{
|
|
1286
|
-
"name": "
|
|
1446
|
+
"name": "statusColor",
|
|
1287
1447
|
"type": {
|
|
1288
1448
|
"text": "string"
|
|
1289
1449
|
},
|
|
1290
|
-
"default": "\"
|
|
1291
|
-
"description": "
|
|
1292
|
-
"fieldName": "
|
|
1450
|
+
"default": "\"success\"",
|
|
1451
|
+
"description": "Badge background token or CSS color.",
|
|
1452
|
+
"fieldName": "statusColor"
|
|
1293
1453
|
},
|
|
1294
1454
|
{
|
|
1295
|
-
"name": "
|
|
1455
|
+
"name": "textColor",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "string"
|
|
1458
|
+
},
|
|
1459
|
+
"default": "\"default\"",
|
|
1460
|
+
"description": "Text color token or CSS color.",
|
|
1461
|
+
"fieldName": "textColor"
|
|
1462
|
+
},
|
|
1463
|
+
{
|
|
1464
|
+
"name": "iconColor",
|
|
1296
1465
|
"type": {
|
|
1297
1466
|
"text": "string"
|
|
1298
1467
|
},
|
|
1299
1468
|
"default": "\"\"",
|
|
1300
|
-
"description": "
|
|
1301
|
-
"fieldName": "
|
|
1469
|
+
"description": "Icon color token or CSS color; falls back to `textColor` when empty.",
|
|
1470
|
+
"fieldName": "iconColor"
|
|
1302
1471
|
},
|
|
1303
1472
|
{
|
|
1304
|
-
"name": "
|
|
1473
|
+
"name": "position",
|
|
1305
1474
|
"type": {
|
|
1306
|
-
"text": "
|
|
1475
|
+
"text": "SkyBadgePosition"
|
|
1307
1476
|
},
|
|
1308
|
-
"default": "\"
|
|
1309
|
-
"description": "
|
|
1310
|
-
"fieldName": "
|
|
1477
|
+
"default": "\"default\"",
|
|
1478
|
+
"description": "Layout mode: `default | floating | inline`.",
|
|
1479
|
+
"fieldName": "position"
|
|
1311
1480
|
},
|
|
1312
1481
|
{
|
|
1313
|
-
"name": "
|
|
1482
|
+
"name": "value",
|
|
1314
1483
|
"type": {
|
|
1315
1484
|
"text": "string"
|
|
1316
1485
|
},
|
|
1317
|
-
"default": "\"
|
|
1318
|
-
"description": "
|
|
1319
|
-
"fieldName": "
|
|
1486
|
+
"default": "\"\"",
|
|
1487
|
+
"description": "Badge text/count or icon name in icon mode.",
|
|
1488
|
+
"fieldName": "value"
|
|
1320
1489
|
},
|
|
1321
1490
|
{
|
|
1322
|
-
"name": "
|
|
1491
|
+
"name": "isIcon",
|
|
1492
|
+
"type": {
|
|
1493
|
+
"text": "boolean"
|
|
1494
|
+
},
|
|
1495
|
+
"default": "false",
|
|
1496
|
+
"description": "Renders icon mode when true.",
|
|
1497
|
+
"fieldName": "isIcon"
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "size",
|
|
1323
1501
|
"type": {
|
|
1324
1502
|
"text": "string"
|
|
1325
1503
|
},
|
|
1326
1504
|
"default": "\"\"",
|
|
1327
|
-
"description": "
|
|
1328
|
-
"fieldName": "
|
|
1505
|
+
"description": "Badge and icon size CSS length.",
|
|
1506
|
+
"fieldName": "size"
|
|
1329
1507
|
},
|
|
1330
1508
|
{
|
|
1331
|
-
"name": "
|
|
1509
|
+
"name": "shape",
|
|
1332
1510
|
"type": {
|
|
1333
|
-
"text": "
|
|
1511
|
+
"text": "SkyBadgeShape"
|
|
1334
1512
|
},
|
|
1335
|
-
"default": "\"
|
|
1336
|
-
"description": "
|
|
1337
|
-
"fieldName": "
|
|
1513
|
+
"default": "\"custom\"",
|
|
1514
|
+
"description": "Badge shape: `circle | pill | custom`.",
|
|
1515
|
+
"fieldName": "shape"
|
|
1338
1516
|
},
|
|
1339
1517
|
{
|
|
1340
|
-
"name": "
|
|
1518
|
+
"name": "max",
|
|
1519
|
+
"type": {
|
|
1520
|
+
"text": "number"
|
|
1521
|
+
},
|
|
1522
|
+
"default": "99",
|
|
1523
|
+
"description": "Maximum numeric count before rendering overflow label.",
|
|
1524
|
+
"fieldName": "max"
|
|
1525
|
+
},
|
|
1526
|
+
{
|
|
1527
|
+
"name": "hideWhenZero",
|
|
1528
|
+
"type": {
|
|
1529
|
+
"text": "boolean"
|
|
1530
|
+
},
|
|
1531
|
+
"default": "false",
|
|
1532
|
+
"description": "Hides badge when value resolves to numeric zero.",
|
|
1533
|
+
"fieldName": "hideWhenZero"
|
|
1534
|
+
},
|
|
1535
|
+
{
|
|
1536
|
+
"name": "show",
|
|
1537
|
+
"type": {
|
|
1538
|
+
"text": "boolean"
|
|
1539
|
+
},
|
|
1540
|
+
"default": "true",
|
|
1541
|
+
"description": "Forces badge visibility independent of value.",
|
|
1542
|
+
"fieldName": "show"
|
|
1543
|
+
},
|
|
1544
|
+
{
|
|
1545
|
+
"name": "offsetX",
|
|
1341
1546
|
"type": {
|
|
1342
1547
|
"text": "string"
|
|
1343
1548
|
},
|
|
1344
|
-
"default": "\"\"",
|
|
1345
|
-
"description": "CSS
|
|
1346
|
-
"fieldName": "
|
|
1549
|
+
"default": "\"0px\"",
|
|
1550
|
+
"description": "Horizontal offset CSS length.",
|
|
1551
|
+
"fieldName": "offsetX"
|
|
1347
1552
|
},
|
|
1348
1553
|
{
|
|
1349
|
-
"name": "
|
|
1554
|
+
"name": "offsetY",
|
|
1350
1555
|
"type": {
|
|
1351
1556
|
"text": "string"
|
|
1352
1557
|
},
|
|
1353
|
-
"default": "\"
|
|
1354
|
-
"description": "
|
|
1355
|
-
"fieldName": "
|
|
1558
|
+
"default": "\"0px\"",
|
|
1559
|
+
"description": "Vertical offset CSS length.",
|
|
1560
|
+
"fieldName": "offsetY"
|
|
1356
1561
|
},
|
|
1357
1562
|
{
|
|
1358
|
-
"name": "
|
|
1563
|
+
"name": "ring",
|
|
1359
1564
|
"type": {
|
|
1360
1565
|
"text": "boolean"
|
|
1361
1566
|
},
|
|
1362
1567
|
"default": "false",
|
|
1363
|
-
"description": "
|
|
1364
|
-
"fieldName": "
|
|
1568
|
+
"description": "Enables visual ring around the badge.",
|
|
1569
|
+
"fieldName": "ring"
|
|
1365
1570
|
},
|
|
1366
1571
|
{
|
|
1367
|
-
"name": "
|
|
1572
|
+
"name": "ringColor",
|
|
1573
|
+
"type": {
|
|
1574
|
+
"text": "string"
|
|
1575
|
+
},
|
|
1576
|
+
"default": "\"primary\"",
|
|
1577
|
+
"description": "Ring color token or CSS color.",
|
|
1578
|
+
"fieldName": "ringColor"
|
|
1579
|
+
},
|
|
1580
|
+
{
|
|
1581
|
+
"name": "ringOffset",
|
|
1582
|
+
"type": {
|
|
1583
|
+
"text": "string"
|
|
1584
|
+
},
|
|
1585
|
+
"default": "\"1px\"",
|
|
1586
|
+
"description": "Ring offset CSS length.",
|
|
1587
|
+
"fieldName": "ringOffset"
|
|
1588
|
+
},
|
|
1589
|
+
{
|
|
1590
|
+
"name": "badgeLabel",
|
|
1591
|
+
"type": {
|
|
1592
|
+
"text": "string | null"
|
|
1593
|
+
},
|
|
1594
|
+
"default": "null",
|
|
1595
|
+
"description": "ARIA label override.",
|
|
1596
|
+
"fieldName": "badgeLabel"
|
|
1597
|
+
},
|
|
1598
|
+
{
|
|
1599
|
+
"name": "badgeAriaHidden",
|
|
1368
1600
|
"type": {
|
|
1369
1601
|
"text": "boolean"
|
|
1370
1602
|
},
|
|
1371
1603
|
"default": "false",
|
|
1372
|
-
"description": "
|
|
1373
|
-
"fieldName": "
|
|
1604
|
+
"description": "Hides badge from assistive technology when true.",
|
|
1605
|
+
"fieldName": "badgeAriaHidden"
|
|
1374
1606
|
},
|
|
1375
1607
|
{
|
|
1376
1608
|
"name": "interactive",
|
|
@@ -1378,43 +1610,43 @@
|
|
|
1378
1610
|
"text": "boolean"
|
|
1379
1611
|
},
|
|
1380
1612
|
"default": "false",
|
|
1381
|
-
"description": "Enables
|
|
1613
|
+
"description": "Enables focus/activation and `badge-click` emission.",
|
|
1382
1614
|
"fieldName": "interactive"
|
|
1383
1615
|
},
|
|
1384
1616
|
{
|
|
1385
|
-
"name": "
|
|
1617
|
+
"name": "placement",
|
|
1386
1618
|
"type": {
|
|
1387
|
-
"text": "
|
|
1619
|
+
"text": "SkyBadgePlacement"
|
|
1388
1620
|
},
|
|
1389
|
-
"default": "
|
|
1390
|
-
"description": "
|
|
1391
|
-
"fieldName": "
|
|
1621
|
+
"default": "\"custom\"",
|
|
1622
|
+
"description": "Anchor placement preset for badge positioning.",
|
|
1623
|
+
"fieldName": "placement"
|
|
1392
1624
|
}
|
|
1393
1625
|
],
|
|
1394
1626
|
"superclass": {
|
|
1395
1627
|
"name": "LitElement",
|
|
1396
1628
|
"package": "lit"
|
|
1397
1629
|
},
|
|
1398
|
-
"tagName": "sky-
|
|
1630
|
+
"tagName": "sky-badge",
|
|
1399
1631
|
"customElement": true,
|
|
1400
|
-
"summary": "
|
|
1632
|
+
"summary": "Badge for status dots, counts, or icons anchored to slotted content."
|
|
1401
1633
|
}
|
|
1402
1634
|
],
|
|
1403
1635
|
"exports": [
|
|
1404
1636
|
{
|
|
1405
1637
|
"kind": "js",
|
|
1406
|
-
"name": "
|
|
1638
|
+
"name": "SkyBadge",
|
|
1407
1639
|
"declaration": {
|
|
1408
|
-
"name": "
|
|
1409
|
-
"module": "src/sky-
|
|
1640
|
+
"name": "SkyBadge",
|
|
1641
|
+
"module": "src/sky-badge/sky-badge.ts"
|
|
1410
1642
|
}
|
|
1411
1643
|
},
|
|
1412
1644
|
{
|
|
1413
1645
|
"kind": "custom-element-definition",
|
|
1414
|
-
"name": "sky-
|
|
1646
|
+
"name": "sky-badge",
|
|
1415
1647
|
"declaration": {
|
|
1416
|
-
"name": "
|
|
1417
|
-
"module": "src/sky-
|
|
1648
|
+
"name": "SkyBadge",
|
|
1649
|
+
"module": "src/sky-badge/sky-badge.ts"
|
|
1418
1650
|
}
|
|
1419
1651
|
}
|
|
1420
1652
|
]
|
|
@@ -3419,328 +3651,96 @@
|
|
|
3419
3651
|
{
|
|
3420
3652
|
"name": "prefix",
|
|
3421
3653
|
"type": {
|
|
3422
|
-
"text": "string"
|
|
3423
|
-
},
|
|
3424
|
-
"default": "\"\"",
|
|
3425
|
-
"description": "Optional prefix text or content before the label. Default: `\"\"`.",
|
|
3426
|
-
"fieldName": "prefix"
|
|
3427
|
-
},
|
|
3428
|
-
{
|
|
3429
|
-
"name": "suffix",
|
|
3430
|
-
"type": {
|
|
3431
|
-
"text": "string"
|
|
3432
|
-
},
|
|
3433
|
-
"default": "\"\"",
|
|
3434
|
-
"description": "Optional suffix text or content after the label. Default: `\"\"`.",
|
|
3435
|
-
"fieldName": "suffix"
|
|
3436
|
-
},
|
|
3437
|
-
{
|
|
3438
|
-
"name": "prefixColor",
|
|
3439
|
-
"type": {
|
|
3440
|
-
"text": "string"
|
|
3441
|
-
},
|
|
3442
|
-
"default": "\"\"",
|
|
3443
|
-
"description": "The color for the prefix text. Default: `\"\"`.",
|
|
3444
|
-
"fieldName": "prefixColor"
|
|
3445
|
-
},
|
|
3446
|
-
{
|
|
3447
|
-
"name": "suffixColor",
|
|
3448
|
-
"type": {
|
|
3449
|
-
"text": "string"
|
|
3450
|
-
},
|
|
3451
|
-
"default": "\"\"",
|
|
3452
|
-
"description": "The color for the suffix text. Default: `\"\"`.",
|
|
3453
|
-
"fieldName": "suffixColor"
|
|
3454
|
-
},
|
|
3455
|
-
{
|
|
3456
|
-
"name": "validationActive",
|
|
3457
|
-
"type": {
|
|
3458
|
-
"text": "boolean"
|
|
3459
|
-
},
|
|
3460
|
-
"default": "false",
|
|
3461
|
-
"fieldName": "validationActive"
|
|
3462
|
-
},
|
|
3463
|
-
{
|
|
3464
|
-
"name": "invalid",
|
|
3465
|
-
"type": {
|
|
3466
|
-
"text": "boolean"
|
|
3467
|
-
},
|
|
3468
|
-
"default": "false",
|
|
3469
|
-
"fieldName": "invalid"
|
|
3470
|
-
},
|
|
3471
|
-
{
|
|
3472
|
-
"name": "checked",
|
|
3473
|
-
"type": {
|
|
3474
|
-
"text": "boolean"
|
|
3475
|
-
},
|
|
3476
|
-
"description": "Whether the checkbox is checked. Default: `false`.",
|
|
3477
|
-
"fieldName": "checked"
|
|
3478
|
-
},
|
|
3479
|
-
{
|
|
3480
|
-
"name": "indeterminate",
|
|
3481
|
-
"type": {
|
|
3482
|
-
"text": "boolean"
|
|
3483
|
-
},
|
|
3484
|
-
"description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
|
|
3485
|
-
"fieldName": "indeterminate"
|
|
3486
|
-
}
|
|
3487
|
-
],
|
|
3488
|
-
"superclass": {
|
|
3489
|
-
"name": "FormControlBase",
|
|
3490
|
-
"module": "/src/helper/internals/form-control-base"
|
|
3491
|
-
},
|
|
3492
|
-
"tagName": "sky-checkbox",
|
|
3493
|
-
"customElement": true,
|
|
3494
|
-
"summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
|
|
3495
|
-
}
|
|
3496
|
-
],
|
|
3497
|
-
"exports": [
|
|
3498
|
-
{
|
|
3499
|
-
"kind": "js",
|
|
3500
|
-
"name": "SkyCheckbox",
|
|
3501
|
-
"declaration": {
|
|
3502
|
-
"name": "SkyCheckbox",
|
|
3503
|
-
"module": "src/sky-checkbox/sky-checkbox.ts"
|
|
3504
|
-
}
|
|
3505
|
-
},
|
|
3506
|
-
{
|
|
3507
|
-
"kind": "custom-element-definition",
|
|
3508
|
-
"name": "sky-checkbox",
|
|
3509
|
-
"declaration": {
|
|
3510
|
-
"name": "SkyCheckbox",
|
|
3511
|
-
"module": "src/sky-checkbox/sky-checkbox.ts"
|
|
3512
|
-
}
|
|
3513
|
-
}
|
|
3514
|
-
]
|
|
3515
|
-
},
|
|
3516
|
-
{
|
|
3517
|
-
"kind": "javascript-module",
|
|
3518
|
-
"path": "src/sky-appbar/sky-appbar.ts",
|
|
3519
|
-
"declarations": [
|
|
3520
|
-
{
|
|
3521
|
-
"kind": "class",
|
|
3522
|
-
"description": "",
|
|
3523
|
-
"name": "SkyAppbar",
|
|
3524
|
-
"cssParts": [
|
|
3525
|
-
{
|
|
3526
|
-
"description": "Wrapper that contains the leading slot, title, and actions.",
|
|
3527
|
-
"name": "content"
|
|
3528
|
-
},
|
|
3529
|
-
{
|
|
3530
|
-
"description": "Container for the leading slot (e.g. menu button).",
|
|
3531
|
-
"name": "leading"
|
|
3532
|
-
},
|
|
3533
|
-
{
|
|
3534
|
-
"description": "The title area (contains .title-text with the title string).",
|
|
3535
|
-
"name": "title"
|
|
3536
|
-
},
|
|
3537
|
-
{
|
|
3538
|
-
"description": "The trailing actions container.",
|
|
3539
|
-
"name": "actions"
|
|
3540
|
-
}
|
|
3541
|
-
],
|
|
3542
|
-
"slots": [
|
|
3543
|
-
{
|
|
3544
|
-
"description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
|
|
3545
|
-
"name": "button"
|
|
3546
|
-
},
|
|
3547
|
-
{
|
|
3548
|
-
"description": "Trailing actions (icons/buttons). This is the default slot.",
|
|
3549
|
-
"name": ""
|
|
3550
|
-
}
|
|
3551
|
-
],
|
|
3552
|
-
"members": [
|
|
3553
|
-
{
|
|
3554
|
-
"kind": "field",
|
|
3555
|
-
"name": "dependencies",
|
|
3556
|
-
"type": {
|
|
3557
|
-
"text": "Record<string, CustomElementConstructor>"
|
|
3558
|
-
},
|
|
3559
|
-
"static": true,
|
|
3560
|
-
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
3561
|
-
},
|
|
3562
|
-
{
|
|
3563
|
-
"kind": "field",
|
|
3564
|
-
"name": "title",
|
|
3565
|
-
"type": {
|
|
3566
|
-
"text": "string"
|
|
3567
|
-
},
|
|
3568
|
-
"default": "\"App Bar\"",
|
|
3569
|
-
"description": "Title text displayed in the app bar.",
|
|
3570
|
-
"attribute": "title"
|
|
3571
|
-
},
|
|
3572
|
-
{
|
|
3573
|
-
"kind": "field",
|
|
3574
|
-
"name": "color",
|
|
3575
|
-
"type": {
|
|
3576
|
-
"text": "string"
|
|
3577
|
-
},
|
|
3578
|
-
"default": "\"default\"",
|
|
3579
|
-
"description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
|
|
3580
|
-
"attribute": "color"
|
|
3581
|
-
},
|
|
3582
|
-
{
|
|
3583
|
-
"kind": "field",
|
|
3584
|
-
"name": "url",
|
|
3585
|
-
"type": {
|
|
3586
|
-
"text": "string"
|
|
3587
|
-
},
|
|
3588
|
-
"default": "\"\"",
|
|
3589
|
-
"description": "Background image URL.",
|
|
3590
|
-
"attribute": "url"
|
|
3591
|
-
},
|
|
3592
|
-
{
|
|
3593
|
-
"kind": "field",
|
|
3594
|
-
"name": "banner",
|
|
3595
|
-
"type": {
|
|
3596
|
-
"text": "boolean"
|
|
3597
|
-
},
|
|
3598
|
-
"default": "true",
|
|
3599
|
-
"description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
|
|
3600
|
-
"attribute": "banner"
|
|
3601
|
-
},
|
|
3602
|
-
{
|
|
3603
|
-
"kind": "field",
|
|
3604
|
-
"name": "dense",
|
|
3605
|
-
"type": {
|
|
3606
|
-
"text": "boolean"
|
|
3607
|
-
},
|
|
3608
|
-
"default": "false",
|
|
3609
|
-
"description": "Enables compact vertical spacing.",
|
|
3610
|
-
"attribute": "dense"
|
|
3611
|
-
},
|
|
3612
|
-
{
|
|
3613
|
-
"kind": "field",
|
|
3614
|
-
"name": "elevated",
|
|
3615
|
-
"type": {
|
|
3616
|
-
"text": "boolean"
|
|
3617
|
-
},
|
|
3618
|
-
"default": "false",
|
|
3619
|
-
"description": "Applies elevated shadow styling.",
|
|
3620
|
-
"attribute": "elevated"
|
|
3621
|
-
},
|
|
3622
|
-
{
|
|
3623
|
-
"kind": "field",
|
|
3624
|
-
"name": "leadingLabel",
|
|
3625
|
-
"type": {
|
|
3626
|
-
"text": "string"
|
|
3627
|
-
},
|
|
3628
|
-
"default": "\"Open menu\"",
|
|
3629
|
-
"description": "Accessible label for default leading button fallback.",
|
|
3630
|
-
"attribute": "leadingLabel"
|
|
3631
|
-
},
|
|
3632
|
-
{
|
|
3633
|
-
"kind": "method",
|
|
3634
|
-
"name": "_applyColorSurface",
|
|
3635
|
-
"privacy": "private",
|
|
3636
|
-
"return": {
|
|
3637
|
-
"type": {
|
|
3638
|
-
"text": "void"
|
|
3639
|
-
}
|
|
3640
|
-
},
|
|
3641
|
-
"description": "Applies glass vs solid surface tokens from `color`."
|
|
3642
|
-
},
|
|
3643
|
-
{
|
|
3644
|
-
"kind": "method",
|
|
3645
|
-
"name": "_applyBackgroundImage",
|
|
3646
|
-
"privacy": "private",
|
|
3647
|
-
"return": {
|
|
3648
|
-
"type": {
|
|
3649
|
-
"text": "void"
|
|
3650
|
-
}
|
|
3651
|
-
},
|
|
3652
|
-
"description": "Sets background image CSS variable from `url`."
|
|
3653
|
-
}
|
|
3654
|
-
],
|
|
3655
|
-
"attributes": [
|
|
3654
|
+
"text": "string"
|
|
3655
|
+
},
|
|
3656
|
+
"default": "\"\"",
|
|
3657
|
+
"description": "Optional prefix text or content before the label. Default: `\"\"`.",
|
|
3658
|
+
"fieldName": "prefix"
|
|
3659
|
+
},
|
|
3656
3660
|
{
|
|
3657
|
-
"name": "
|
|
3661
|
+
"name": "suffix",
|
|
3658
3662
|
"type": {
|
|
3659
3663
|
"text": "string"
|
|
3660
3664
|
},
|
|
3661
|
-
"default": "\"
|
|
3662
|
-
"description": "
|
|
3663
|
-
"fieldName": "
|
|
3665
|
+
"default": "\"\"",
|
|
3666
|
+
"description": "Optional suffix text or content after the label. Default: `\"\"`.",
|
|
3667
|
+
"fieldName": "suffix"
|
|
3664
3668
|
},
|
|
3665
3669
|
{
|
|
3666
|
-
"name": "
|
|
3670
|
+
"name": "prefixColor",
|
|
3667
3671
|
"type": {
|
|
3668
3672
|
"text": "string"
|
|
3669
3673
|
},
|
|
3670
|
-
"default": "\"
|
|
3671
|
-
"description": "
|
|
3672
|
-
"fieldName": "
|
|
3674
|
+
"default": "\"\"",
|
|
3675
|
+
"description": "The color for the prefix text. Default: `\"\"`.",
|
|
3676
|
+
"fieldName": "prefixColor"
|
|
3673
3677
|
},
|
|
3674
3678
|
{
|
|
3675
|
-
"name": "
|
|
3679
|
+
"name": "suffixColor",
|
|
3676
3680
|
"type": {
|
|
3677
3681
|
"text": "string"
|
|
3678
3682
|
},
|
|
3679
3683
|
"default": "\"\"",
|
|
3680
|
-
"description": "
|
|
3681
|
-
"fieldName": "
|
|
3684
|
+
"description": "The color for the suffix text. Default: `\"\"`.",
|
|
3685
|
+
"fieldName": "suffixColor"
|
|
3682
3686
|
},
|
|
3683
3687
|
{
|
|
3684
|
-
"name": "
|
|
3688
|
+
"name": "validationActive",
|
|
3685
3689
|
"type": {
|
|
3686
3690
|
"text": "boolean"
|
|
3687
3691
|
},
|
|
3688
|
-
"default": "
|
|
3689
|
-
"
|
|
3690
|
-
"fieldName": "banner"
|
|
3692
|
+
"default": "false",
|
|
3693
|
+
"fieldName": "validationActive"
|
|
3691
3694
|
},
|
|
3692
3695
|
{
|
|
3693
|
-
"name": "
|
|
3696
|
+
"name": "invalid",
|
|
3694
3697
|
"type": {
|
|
3695
3698
|
"text": "boolean"
|
|
3696
3699
|
},
|
|
3697
3700
|
"default": "false",
|
|
3698
|
-
"
|
|
3699
|
-
"fieldName": "dense"
|
|
3701
|
+
"fieldName": "invalid"
|
|
3700
3702
|
},
|
|
3701
3703
|
{
|
|
3702
|
-
"name": "
|
|
3704
|
+
"name": "checked",
|
|
3703
3705
|
"type": {
|
|
3704
3706
|
"text": "boolean"
|
|
3705
3707
|
},
|
|
3706
|
-
"
|
|
3707
|
-
"
|
|
3708
|
-
"fieldName": "elevated"
|
|
3708
|
+
"description": "Whether the checkbox is checked. Default: `false`.",
|
|
3709
|
+
"fieldName": "checked"
|
|
3709
3710
|
},
|
|
3710
3711
|
{
|
|
3711
|
-
"name": "
|
|
3712
|
+
"name": "indeterminate",
|
|
3712
3713
|
"type": {
|
|
3713
|
-
"text": "
|
|
3714
|
+
"text": "boolean"
|
|
3714
3715
|
},
|
|
3715
|
-
"
|
|
3716
|
-
"
|
|
3717
|
-
"fieldName": "leadingLabel"
|
|
3716
|
+
"description": "Whether the checkbox is in the indeterminate state. Default: `false`.",
|
|
3717
|
+
"fieldName": "indeterminate"
|
|
3718
3718
|
}
|
|
3719
3719
|
],
|
|
3720
3720
|
"superclass": {
|
|
3721
|
-
"name": "
|
|
3722
|
-
"
|
|
3721
|
+
"name": "FormControlBase",
|
|
3722
|
+
"module": "/src/helper/internals/form-control-base"
|
|
3723
3723
|
},
|
|
3724
|
-
"tagName": "sky-
|
|
3724
|
+
"tagName": "sky-checkbox",
|
|
3725
3725
|
"customElement": true,
|
|
3726
|
-
"summary": "
|
|
3726
|
+
"summary": "Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering."
|
|
3727
3727
|
}
|
|
3728
3728
|
],
|
|
3729
3729
|
"exports": [
|
|
3730
3730
|
{
|
|
3731
3731
|
"kind": "js",
|
|
3732
|
-
"name": "
|
|
3732
|
+
"name": "SkyCheckbox",
|
|
3733
3733
|
"declaration": {
|
|
3734
|
-
"name": "
|
|
3735
|
-
"module": "src/sky-
|
|
3734
|
+
"name": "SkyCheckbox",
|
|
3735
|
+
"module": "src/sky-checkbox/sky-checkbox.ts"
|
|
3736
3736
|
}
|
|
3737
3737
|
},
|
|
3738
3738
|
{
|
|
3739
3739
|
"kind": "custom-element-definition",
|
|
3740
|
-
"name": "sky-
|
|
3740
|
+
"name": "sky-checkbox",
|
|
3741
3741
|
"declaration": {
|
|
3742
|
-
"name": "
|
|
3743
|
-
"module": "src/sky-
|
|
3742
|
+
"name": "SkyCheckbox",
|
|
3743
|
+
"module": "src/sky-checkbox/sky-checkbox.ts"
|
|
3744
3744
|
}
|
|
3745
3745
|
}
|
|
3746
3746
|
]
|
|
@@ -6975,129 +6975,128 @@
|
|
|
6975
6975
|
},
|
|
6976
6976
|
{
|
|
6977
6977
|
"kind": "javascript-module",
|
|
6978
|
-
"path": "src/sky-
|
|
6978
|
+
"path": "src/sky-flexcol/sky-flexcol.ts",
|
|
6979
6979
|
"declarations": [
|
|
6980
6980
|
{
|
|
6981
6981
|
"kind": "class",
|
|
6982
6982
|
"description": "",
|
|
6983
|
-
"name": "
|
|
6983
|
+
"name": "SkyFlexcol",
|
|
6984
6984
|
"cssParts": [
|
|
6985
6985
|
{
|
|
6986
|
-
"description": "The flex
|
|
6987
|
-
"name": "
|
|
6986
|
+
"description": "The flex item wrapper.",
|
|
6987
|
+
"name": "col"
|
|
6988
6988
|
}
|
|
6989
6989
|
],
|
|
6990
6990
|
"slots": [
|
|
6991
6991
|
{
|
|
6992
|
-
"description": "Default slot for
|
|
6992
|
+
"description": "Default slot for column content.",
|
|
6993
6993
|
"name": ""
|
|
6994
6994
|
}
|
|
6995
6995
|
],
|
|
6996
6996
|
"members": [
|
|
6997
6997
|
{
|
|
6998
6998
|
"kind": "field",
|
|
6999
|
-
"name": "
|
|
6999
|
+
"name": "span",
|
|
7000
7000
|
"type": {
|
|
7001
|
-
"text": "
|
|
7001
|
+
"text": "number"
|
|
7002
7002
|
},
|
|
7003
|
-
"default": "
|
|
7004
|
-
"description": "
|
|
7003
|
+
"default": "1",
|
|
7004
|
+
"description": "Base number of columns to span.",
|
|
7005
7005
|
"privacy": "public",
|
|
7006
|
-
"attribute": "
|
|
7006
|
+
"attribute": "span"
|
|
7007
7007
|
},
|
|
7008
7008
|
{
|
|
7009
7009
|
"kind": "field",
|
|
7010
|
-
"name": "
|
|
7010
|
+
"name": "spanLg",
|
|
7011
7011
|
"type": {
|
|
7012
|
-
"text": "
|
|
7012
|
+
"text": "number | undefined"
|
|
7013
7013
|
},
|
|
7014
|
-
"
|
|
7015
|
-
"description": "Flex wrap behavior.",
|
|
7014
|
+
"description": "Span at large breakpoints.",
|
|
7016
7015
|
"privacy": "public",
|
|
7017
|
-
"attribute": "
|
|
7016
|
+
"attribute": "spanLg"
|
|
7018
7017
|
},
|
|
7019
7018
|
{
|
|
7020
7019
|
"kind": "field",
|
|
7021
|
-
"name": "
|
|
7020
|
+
"name": "spanMd",
|
|
7022
7021
|
"type": {
|
|
7023
|
-
"text": "
|
|
7022
|
+
"text": "number | undefined"
|
|
7024
7023
|
},
|
|
7025
|
-
"
|
|
7026
|
-
"description": "Main-axis alignment.",
|
|
7024
|
+
"description": "Span at medium breakpoints.",
|
|
7027
7025
|
"privacy": "public",
|
|
7028
|
-
"attribute": "
|
|
7026
|
+
"attribute": "spanMd"
|
|
7029
7027
|
},
|
|
7030
7028
|
{
|
|
7031
7029
|
"kind": "field",
|
|
7032
|
-
"name": "
|
|
7030
|
+
"name": "spanSm",
|
|
7033
7031
|
"type": {
|
|
7034
|
-
"text": "
|
|
7032
|
+
"text": "number | undefined"
|
|
7035
7033
|
},
|
|
7036
|
-
"
|
|
7037
|
-
"description": "Cross-axis alignment.",
|
|
7034
|
+
"description": "Span at small breakpoints.",
|
|
7038
7035
|
"privacy": "public",
|
|
7039
|
-
"attribute": "
|
|
7036
|
+
"attribute": "spanSm"
|
|
7040
7037
|
},
|
|
7041
7038
|
{
|
|
7042
7039
|
"kind": "field",
|
|
7043
|
-
"name": "
|
|
7040
|
+
"name": "spanXs",
|
|
7044
7041
|
"type": {
|
|
7045
|
-
"text": "
|
|
7042
|
+
"text": "number | undefined"
|
|
7046
7043
|
},
|
|
7047
|
-
"
|
|
7048
|
-
"description": "Multi-line cross-axis distribution.",
|
|
7044
|
+
"description": "Span at extra-small breakpoints.",
|
|
7049
7045
|
"privacy": "public",
|
|
7050
|
-
"attribute": "
|
|
7046
|
+
"attribute": "spanXs"
|
|
7051
7047
|
},
|
|
7052
7048
|
{
|
|
7053
7049
|
"kind": "field",
|
|
7054
|
-
"name": "
|
|
7050
|
+
"name": "grow",
|
|
7055
7051
|
"type": {
|
|
7056
|
-
"text": "
|
|
7052
|
+
"text": "number"
|
|
7057
7053
|
},
|
|
7058
|
-
"default": "
|
|
7059
|
-
"description": "
|
|
7054
|
+
"default": "0",
|
|
7055
|
+
"description": "Flex grow factor.",
|
|
7060
7056
|
"privacy": "public",
|
|
7061
|
-
"attribute": "
|
|
7057
|
+
"attribute": "grow"
|
|
7062
7058
|
},
|
|
7063
7059
|
{
|
|
7064
7060
|
"kind": "field",
|
|
7065
|
-
"name": "
|
|
7061
|
+
"name": "shrink",
|
|
7066
7062
|
"type": {
|
|
7067
|
-
"text": "
|
|
7063
|
+
"text": "number"
|
|
7068
7064
|
},
|
|
7069
|
-
"
|
|
7065
|
+
"default": "0",
|
|
7066
|
+
"description": "Flex shrink factor.",
|
|
7070
7067
|
"privacy": "public",
|
|
7071
|
-
"attribute": "
|
|
7068
|
+
"attribute": "shrink"
|
|
7072
7069
|
},
|
|
7073
7070
|
{
|
|
7074
7071
|
"kind": "field",
|
|
7075
|
-
"name": "
|
|
7072
|
+
"name": "basis",
|
|
7076
7073
|
"type": {
|
|
7077
|
-
"text": "string |
|
|
7074
|
+
"text": "string | null"
|
|
7078
7075
|
},
|
|
7079
|
-
"
|
|
7076
|
+
"default": "null",
|
|
7077
|
+
"description": "Flex basis override.",
|
|
7080
7078
|
"privacy": "public",
|
|
7081
|
-
"attribute": "
|
|
7079
|
+
"attribute": "basis"
|
|
7082
7080
|
},
|
|
7083
7081
|
{
|
|
7084
7082
|
"kind": "field",
|
|
7085
|
-
"name": "
|
|
7083
|
+
"name": "order",
|
|
7086
7084
|
"type": {
|
|
7087
|
-
"text": "number"
|
|
7085
|
+
"text": "number | undefined"
|
|
7088
7086
|
},
|
|
7089
|
-
"
|
|
7090
|
-
"description": "Total column count used for span calculations.",
|
|
7087
|
+
"description": "Flex order override.",
|
|
7091
7088
|
"privacy": "public",
|
|
7092
|
-
"attribute": "
|
|
7089
|
+
"attribute": "order"
|
|
7093
7090
|
},
|
|
7094
7091
|
{
|
|
7095
7092
|
"kind": "field",
|
|
7096
|
-
"name": "
|
|
7093
|
+
"name": "alignSelf",
|
|
7097
7094
|
"type": {
|
|
7098
|
-
"text": "
|
|
7095
|
+
"text": "SkyFlexcolAlignSelf | undefined"
|
|
7099
7096
|
},
|
|
7100
|
-
"
|
|
7097
|
+
"description": "Cross-axis alignment override.",
|
|
7098
|
+
"privacy": "public",
|
|
7099
|
+
"attribute": "alignSelf"
|
|
7101
7100
|
},
|
|
7102
7101
|
{
|
|
7103
7102
|
"kind": "method",
|
|
@@ -7107,51 +7106,25 @@
|
|
|
7107
7106
|
},
|
|
7108
7107
|
{
|
|
7109
7108
|
"kind": "method",
|
|
7110
|
-
"name": "
|
|
7109
|
+
"name": "refreshStyles",
|
|
7111
7110
|
"privacy": "public",
|
|
7112
|
-
"description": "Forces
|
|
7113
|
-
},
|
|
7114
|
-
{
|
|
7115
|
-
"kind": "field",
|
|
7116
|
-
"name": "updateSpans",
|
|
7117
|
-
"privacy": "private",
|
|
7118
|
-
"description": "Reads span attributes off slotted children and maps them to CSS vars:\r\nspan, span-lg, span-md, span-sm, span-xs"
|
|
7111
|
+
"description": "Forces resynchronization of CSS custom properties.\r\nUseful when properties are changed programmatically."
|
|
7119
7112
|
},
|
|
7120
7113
|
{
|
|
7121
7114
|
"kind": "method",
|
|
7122
|
-
"name": "
|
|
7123
|
-
"privacy": "
|
|
7115
|
+
"name": "getSpan",
|
|
7116
|
+
"privacy": "public",
|
|
7124
7117
|
"return": {
|
|
7125
7118
|
"type": {
|
|
7126
|
-
"text": "
|
|
7119
|
+
"text": ""
|
|
7127
7120
|
}
|
|
7128
7121
|
},
|
|
7129
|
-
"
|
|
7130
|
-
{
|
|
7131
|
-
"name": "el",
|
|
7132
|
-
"type": {
|
|
7133
|
-
"text": "HTMLElement"
|
|
7134
|
-
}
|
|
7135
|
-
},
|
|
7136
|
-
{
|
|
7137
|
-
"name": "attrName",
|
|
7138
|
-
"type": {
|
|
7139
|
-
"text": "string"
|
|
7140
|
-
}
|
|
7141
|
-
},
|
|
7142
|
-
{
|
|
7143
|
-
"name": "propName",
|
|
7144
|
-
"type": {
|
|
7145
|
-
"text": "string"
|
|
7146
|
-
}
|
|
7147
|
-
}
|
|
7148
|
-
],
|
|
7149
|
-
"description": "Reads a span value from an HTML attribute or element property."
|
|
7122
|
+
"description": "Gets the current span value."
|
|
7150
7123
|
},
|
|
7151
7124
|
{
|
|
7152
7125
|
"kind": "method",
|
|
7153
|
-
"name": "
|
|
7154
|
-
"privacy": "
|
|
7126
|
+
"name": "setSpan",
|
|
7127
|
+
"privacy": "public",
|
|
7155
7128
|
"return": {
|
|
7156
7129
|
"type": {
|
|
7157
7130
|
"text": "void"
|
|
@@ -7159,444 +7132,471 @@
|
|
|
7159
7132
|
},
|
|
7160
7133
|
"parameters": [
|
|
7161
7134
|
{
|
|
7162
|
-
"name": "
|
|
7163
|
-
"type": {
|
|
7164
|
-
"text": "HTMLElement"
|
|
7165
|
-
}
|
|
7166
|
-
},
|
|
7167
|
-
{
|
|
7168
|
-
"name": "cssVar",
|
|
7169
|
-
"type": {
|
|
7170
|
-
"text": "string"
|
|
7171
|
-
}
|
|
7172
|
-
},
|
|
7173
|
-
{
|
|
7174
|
-
"name": "raw",
|
|
7175
|
-
"type": {
|
|
7176
|
-
"text": "string | null"
|
|
7177
|
-
}
|
|
7178
|
-
}
|
|
7179
|
-
],
|
|
7180
|
-
"description": "Sets or clears a span CSS variable on a slotted child."
|
|
7181
|
-
},
|
|
7182
|
-
{
|
|
7183
|
-
"kind": "method",
|
|
7184
|
-
"name": "clampSpan",
|
|
7185
|
-
"privacy": "private",
|
|
7186
|
-
"return": {
|
|
7187
|
-
"type": {
|
|
7188
|
-
"text": ""
|
|
7189
|
-
}
|
|
7190
|
-
},
|
|
7191
|
-
"parameters": [
|
|
7192
|
-
{
|
|
7193
|
-
"name": "raw",
|
|
7135
|
+
"name": "value",
|
|
7194
7136
|
"type": {
|
|
7195
|
-
"text": "
|
|
7137
|
+
"text": "number"
|
|
7196
7138
|
},
|
|
7197
|
-
"description": "
|
|
7139
|
+
"description": "New span value"
|
|
7198
7140
|
}
|
|
7199
7141
|
],
|
|
7200
|
-
"description": "
|
|
7142
|
+
"description": "Sets the span value and updates styles."
|
|
7201
7143
|
}
|
|
7202
7144
|
],
|
|
7203
|
-
"
|
|
7145
|
+
"attributes": [
|
|
7204
7146
|
{
|
|
7147
|
+
"name": "span",
|
|
7205
7148
|
"type": {
|
|
7206
|
-
"text": "
|
|
7149
|
+
"text": "number"
|
|
7207
7150
|
},
|
|
7208
|
-
"
|
|
7209
|
-
"
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
"attributes": [
|
|
7151
|
+
"default": "1",
|
|
7152
|
+
"description": "Base number of columns to span.",
|
|
7153
|
+
"fieldName": "span"
|
|
7154
|
+
},
|
|
7213
7155
|
{
|
|
7214
|
-
"name": "
|
|
7156
|
+
"name": "spanLg",
|
|
7215
7157
|
"type": {
|
|
7216
|
-
"text": "
|
|
7158
|
+
"text": "number | undefined"
|
|
7217
7159
|
},
|
|
7218
|
-
"
|
|
7219
|
-
"
|
|
7220
|
-
"fieldName": "direction"
|
|
7160
|
+
"description": "Span at large breakpoints.",
|
|
7161
|
+
"fieldName": "spanLg"
|
|
7221
7162
|
},
|
|
7222
7163
|
{
|
|
7223
|
-
"name": "
|
|
7164
|
+
"name": "spanMd",
|
|
7224
7165
|
"type": {
|
|
7225
|
-
"text": "
|
|
7166
|
+
"text": "number | undefined"
|
|
7226
7167
|
},
|
|
7227
|
-
"
|
|
7228
|
-
"
|
|
7229
|
-
"fieldName": "wrap"
|
|
7168
|
+
"description": "Span at medium breakpoints.",
|
|
7169
|
+
"fieldName": "spanMd"
|
|
7230
7170
|
},
|
|
7231
7171
|
{
|
|
7232
|
-
"name": "
|
|
7172
|
+
"name": "spanSm",
|
|
7233
7173
|
"type": {
|
|
7234
|
-
"text": "
|
|
7174
|
+
"text": "number | undefined"
|
|
7235
7175
|
},
|
|
7236
|
-
"
|
|
7237
|
-
"
|
|
7238
|
-
"fieldName": "justify"
|
|
7176
|
+
"description": "Span at small breakpoints.",
|
|
7177
|
+
"fieldName": "spanSm"
|
|
7239
7178
|
},
|
|
7240
7179
|
{
|
|
7241
|
-
"name": "
|
|
7180
|
+
"name": "spanXs",
|
|
7242
7181
|
"type": {
|
|
7243
|
-
"text": "
|
|
7182
|
+
"text": "number | undefined"
|
|
7244
7183
|
},
|
|
7245
|
-
"
|
|
7246
|
-
"
|
|
7247
|
-
"fieldName": "align"
|
|
7184
|
+
"description": "Span at extra-small breakpoints.",
|
|
7185
|
+
"fieldName": "spanXs"
|
|
7248
7186
|
},
|
|
7249
7187
|
{
|
|
7250
|
-
"name": "
|
|
7188
|
+
"name": "grow",
|
|
7251
7189
|
"type": {
|
|
7252
|
-
"text": "
|
|
7190
|
+
"text": "number"
|
|
7253
7191
|
},
|
|
7254
|
-
"default": "
|
|
7255
|
-
"description": "
|
|
7256
|
-
"fieldName": "
|
|
7192
|
+
"default": "0",
|
|
7193
|
+
"description": "Flex grow factor.",
|
|
7194
|
+
"fieldName": "grow"
|
|
7257
7195
|
},
|
|
7258
7196
|
{
|
|
7259
|
-
"name": "
|
|
7197
|
+
"name": "shrink",
|
|
7260
7198
|
"type": {
|
|
7261
|
-
"text": "
|
|
7199
|
+
"text": "number"
|
|
7262
7200
|
},
|
|
7263
|
-
"default": "
|
|
7264
|
-
"description": "
|
|
7265
|
-
"fieldName": "
|
|
7201
|
+
"default": "0",
|
|
7202
|
+
"description": "Flex shrink factor.",
|
|
7203
|
+
"fieldName": "shrink"
|
|
7266
7204
|
},
|
|
7267
7205
|
{
|
|
7268
|
-
"name": "
|
|
7206
|
+
"name": "basis",
|
|
7269
7207
|
"type": {
|
|
7270
|
-
"text": "string |
|
|
7208
|
+
"text": "string | null"
|
|
7271
7209
|
},
|
|
7272
|
-
"
|
|
7273
|
-
"
|
|
7210
|
+
"default": "null",
|
|
7211
|
+
"description": "Flex basis override.",
|
|
7212
|
+
"fieldName": "basis"
|
|
7274
7213
|
},
|
|
7275
7214
|
{
|
|
7276
|
-
"name": "
|
|
7215
|
+
"name": "order",
|
|
7277
7216
|
"type": {
|
|
7278
|
-
"text": "
|
|
7217
|
+
"text": "number | undefined"
|
|
7279
7218
|
},
|
|
7280
|
-
"description": "
|
|
7281
|
-
"fieldName": "
|
|
7219
|
+
"description": "Flex order override.",
|
|
7220
|
+
"fieldName": "order"
|
|
7282
7221
|
},
|
|
7283
7222
|
{
|
|
7284
|
-
"name": "
|
|
7223
|
+
"name": "alignSelf",
|
|
7285
7224
|
"type": {
|
|
7286
|
-
"text": "
|
|
7225
|
+
"text": "SkyFlexcolAlignSelf | undefined"
|
|
7287
7226
|
},
|
|
7288
|
-
"
|
|
7289
|
-
"
|
|
7290
|
-
"fieldName": "col"
|
|
7227
|
+
"description": "Cross-axis alignment override.",
|
|
7228
|
+
"fieldName": "alignSelf"
|
|
7291
7229
|
}
|
|
7292
7230
|
],
|
|
7293
7231
|
"superclass": {
|
|
7294
7232
|
"name": "LitElement",
|
|
7295
7233
|
"package": "lit"
|
|
7296
7234
|
},
|
|
7297
|
-
"tagName": "sky-
|
|
7235
|
+
"tagName": "sky-flexcol",
|
|
7298
7236
|
"customElement": true,
|
|
7299
|
-
"summary": "
|
|
7237
|
+
"summary": "Flex column item for `sky-flexbox` layouts with responsive span controls."
|
|
7300
7238
|
}
|
|
7301
7239
|
],
|
|
7302
7240
|
"exports": [
|
|
7303
7241
|
{
|
|
7304
7242
|
"kind": "js",
|
|
7305
|
-
"name": "
|
|
7243
|
+
"name": "SkyFlexcol",
|
|
7306
7244
|
"declaration": {
|
|
7307
|
-
"name": "
|
|
7308
|
-
"module": "src/sky-
|
|
7245
|
+
"name": "SkyFlexcol",
|
|
7246
|
+
"module": "src/sky-flexcol/sky-flexcol.ts"
|
|
7309
7247
|
}
|
|
7310
7248
|
},
|
|
7311
7249
|
{
|
|
7312
7250
|
"kind": "custom-element-definition",
|
|
7313
|
-
"name": "sky-
|
|
7251
|
+
"name": "sky-flexcol",
|
|
7314
7252
|
"declaration": {
|
|
7315
|
-
"name": "
|
|
7316
|
-
"module": "src/sky-
|
|
7253
|
+
"name": "SkyFlexcol",
|
|
7254
|
+
"module": "src/sky-flexcol/sky-flexcol.ts"
|
|
7317
7255
|
}
|
|
7318
7256
|
}
|
|
7319
7257
|
]
|
|
7320
7258
|
},
|
|
7321
7259
|
{
|
|
7322
7260
|
"kind": "javascript-module",
|
|
7323
|
-
"path": "src/sky-
|
|
7261
|
+
"path": "src/sky-flexbox/sky-flexbox.ts",
|
|
7324
7262
|
"declarations": [
|
|
7325
7263
|
{
|
|
7326
7264
|
"kind": "class",
|
|
7327
7265
|
"description": "",
|
|
7328
|
-
"name": "
|
|
7266
|
+
"name": "SkyFlexbox",
|
|
7329
7267
|
"cssParts": [
|
|
7330
7268
|
{
|
|
7331
|
-
"description": "The flex
|
|
7332
|
-
"name": "
|
|
7269
|
+
"description": "The flex container element.",
|
|
7270
|
+
"name": "container"
|
|
7333
7271
|
}
|
|
7334
7272
|
],
|
|
7335
7273
|
"slots": [
|
|
7336
7274
|
{
|
|
7337
|
-
"description": "Default slot for
|
|
7275
|
+
"description": "Default slot for flex items (`<sky-flexcol>` or plain elements with `span` attributes).",
|
|
7338
7276
|
"name": ""
|
|
7339
7277
|
}
|
|
7340
7278
|
],
|
|
7341
7279
|
"members": [
|
|
7342
7280
|
{
|
|
7343
7281
|
"kind": "field",
|
|
7344
|
-
"name": "
|
|
7282
|
+
"name": "direction",
|
|
7345
7283
|
"type": {
|
|
7346
|
-
"text": "
|
|
7284
|
+
"text": "SkyFlexboxDirection"
|
|
7347
7285
|
},
|
|
7348
|
-
"default": "
|
|
7349
|
-
"description": "
|
|
7286
|
+
"default": "\"row\"",
|
|
7287
|
+
"description": "Flex direction.",
|
|
7350
7288
|
"privacy": "public",
|
|
7351
|
-
"attribute": "
|
|
7289
|
+
"attribute": "direction"
|
|
7352
7290
|
},
|
|
7353
7291
|
{
|
|
7354
7292
|
"kind": "field",
|
|
7355
|
-
"name": "
|
|
7293
|
+
"name": "wrap",
|
|
7356
7294
|
"type": {
|
|
7357
|
-
"text": "
|
|
7295
|
+
"text": "SkyFlexboxWrap"
|
|
7358
7296
|
},
|
|
7359
|
-
"
|
|
7297
|
+
"default": "\"wrap\"",
|
|
7298
|
+
"description": "Flex wrap behavior.",
|
|
7360
7299
|
"privacy": "public",
|
|
7361
|
-
"attribute": "
|
|
7300
|
+
"attribute": "wrap"
|
|
7362
7301
|
},
|
|
7363
7302
|
{
|
|
7364
7303
|
"kind": "field",
|
|
7365
|
-
"name": "
|
|
7304
|
+
"name": "justify",
|
|
7366
7305
|
"type": {
|
|
7367
|
-
"text": "
|
|
7306
|
+
"text": "SkyFlexboxJustify"
|
|
7368
7307
|
},
|
|
7369
|
-
"
|
|
7308
|
+
"default": "\"flex-start\"",
|
|
7309
|
+
"description": "Main-axis alignment.",
|
|
7370
7310
|
"privacy": "public",
|
|
7371
|
-
"attribute": "
|
|
7311
|
+
"attribute": "justify"
|
|
7372
7312
|
},
|
|
7373
7313
|
{
|
|
7374
7314
|
"kind": "field",
|
|
7375
|
-
"name": "
|
|
7315
|
+
"name": "align",
|
|
7376
7316
|
"type": {
|
|
7377
|
-
"text": "
|
|
7317
|
+
"text": "SkyFlexboxAlign"
|
|
7378
7318
|
},
|
|
7379
|
-
"
|
|
7319
|
+
"default": "\"stretch\"",
|
|
7320
|
+
"description": "Cross-axis alignment.",
|
|
7380
7321
|
"privacy": "public",
|
|
7381
|
-
"attribute": "
|
|
7322
|
+
"attribute": "align"
|
|
7382
7323
|
},
|
|
7383
7324
|
{
|
|
7384
7325
|
"kind": "field",
|
|
7385
|
-
"name": "
|
|
7326
|
+
"name": "alignContent",
|
|
7386
7327
|
"type": {
|
|
7387
|
-
"text": "
|
|
7328
|
+
"text": "SkyFlexboxAlignContent"
|
|
7388
7329
|
},
|
|
7389
|
-
"
|
|
7330
|
+
"default": "\"normal\"",
|
|
7331
|
+
"description": "Multi-line cross-axis distribution.",
|
|
7390
7332
|
"privacy": "public",
|
|
7391
|
-
"attribute": "
|
|
7333
|
+
"attribute": "alignContent"
|
|
7392
7334
|
},
|
|
7393
7335
|
{
|
|
7394
7336
|
"kind": "field",
|
|
7395
|
-
"name": "
|
|
7337
|
+
"name": "gap",
|
|
7396
7338
|
"type": {
|
|
7397
|
-
"text": "
|
|
7339
|
+
"text": "string"
|
|
7398
7340
|
},
|
|
7399
|
-
"default": "
|
|
7400
|
-
"description": "
|
|
7341
|
+
"default": "\"16px\"",
|
|
7342
|
+
"description": "Shared row/column gap value.",
|
|
7401
7343
|
"privacy": "public",
|
|
7402
|
-
"attribute": "
|
|
7344
|
+
"attribute": "gap"
|
|
7403
7345
|
},
|
|
7404
7346
|
{
|
|
7405
7347
|
"kind": "field",
|
|
7406
|
-
"name": "
|
|
7348
|
+
"name": "gapX",
|
|
7407
7349
|
"type": {
|
|
7408
|
-
"text": "
|
|
7350
|
+
"text": "string | undefined"
|
|
7409
7351
|
},
|
|
7410
|
-
"
|
|
7411
|
-
"description": "Flex shrink factor.",
|
|
7352
|
+
"description": "Horizontal gap override.",
|
|
7412
7353
|
"privacy": "public",
|
|
7413
|
-
"attribute": "
|
|
7354
|
+
"attribute": "gapX"
|
|
7414
7355
|
},
|
|
7415
7356
|
{
|
|
7416
7357
|
"kind": "field",
|
|
7417
|
-
"name": "
|
|
7358
|
+
"name": "gapY",
|
|
7418
7359
|
"type": {
|
|
7419
|
-
"text": "string |
|
|
7360
|
+
"text": "string | undefined"
|
|
7420
7361
|
},
|
|
7421
|
-
"
|
|
7422
|
-
"description": "Flex basis override.",
|
|
7362
|
+
"description": "Vertical gap override.",
|
|
7423
7363
|
"privacy": "public",
|
|
7424
|
-
"attribute": "
|
|
7364
|
+
"attribute": "gapY"
|
|
7425
7365
|
},
|
|
7426
7366
|
{
|
|
7427
7367
|
"kind": "field",
|
|
7428
|
-
"name": "
|
|
7368
|
+
"name": "col",
|
|
7429
7369
|
"type": {
|
|
7430
|
-
"text": "number
|
|
7370
|
+
"text": "number"
|
|
7431
7371
|
},
|
|
7432
|
-
"
|
|
7372
|
+
"default": "12",
|
|
7373
|
+
"description": "Total column count used for span calculations.",
|
|
7433
7374
|
"privacy": "public",
|
|
7434
|
-
"attribute": "
|
|
7375
|
+
"attribute": "col"
|
|
7435
7376
|
},
|
|
7436
7377
|
{
|
|
7437
7378
|
"kind": "field",
|
|
7438
|
-
"name": "
|
|
7379
|
+
"name": "_childMo",
|
|
7439
7380
|
"type": {
|
|
7440
|
-
"text": "
|
|
7381
|
+
"text": "MutationObserver | undefined"
|
|
7441
7382
|
},
|
|
7442
|
-
"
|
|
7383
|
+
"privacy": "private"
|
|
7384
|
+
},
|
|
7385
|
+
{
|
|
7386
|
+
"kind": "method",
|
|
7387
|
+
"name": "syncVars",
|
|
7388
|
+
"privacy": "private",
|
|
7389
|
+
"description": "Syncs component properties to CSS custom properties."
|
|
7390
|
+
},
|
|
7391
|
+
{
|
|
7392
|
+
"kind": "method",
|
|
7393
|
+
"name": "recalculateSpans",
|
|
7443
7394
|
"privacy": "public",
|
|
7444
|
-
"
|
|
7395
|
+
"description": "Forces recalculation of spans for all child elements.\r\nUseful when dynamically adding/removing items."
|
|
7396
|
+
},
|
|
7397
|
+
{
|
|
7398
|
+
"kind": "field",
|
|
7399
|
+
"name": "updateSpans",
|
|
7400
|
+
"privacy": "private",
|
|
7401
|
+
"description": "Reads span attributes off slotted children and maps them to CSS vars:\r\nspan, span-lg, span-md, span-sm, span-xs"
|
|
7402
|
+
},
|
|
7403
|
+
{
|
|
7404
|
+
"kind": "method",
|
|
7405
|
+
"name": "readSpanRaw",
|
|
7406
|
+
"privacy": "private",
|
|
7407
|
+
"return": {
|
|
7408
|
+
"type": {
|
|
7409
|
+
"text": "string | null"
|
|
7410
|
+
}
|
|
7411
|
+
},
|
|
7412
|
+
"parameters": [
|
|
7413
|
+
{
|
|
7414
|
+
"name": "el",
|
|
7415
|
+
"type": {
|
|
7416
|
+
"text": "HTMLElement"
|
|
7417
|
+
}
|
|
7418
|
+
},
|
|
7419
|
+
{
|
|
7420
|
+
"name": "attrName",
|
|
7421
|
+
"type": {
|
|
7422
|
+
"text": "string"
|
|
7423
|
+
}
|
|
7424
|
+
},
|
|
7425
|
+
{
|
|
7426
|
+
"name": "propName",
|
|
7427
|
+
"type": {
|
|
7428
|
+
"text": "string"
|
|
7429
|
+
}
|
|
7430
|
+
}
|
|
7431
|
+
],
|
|
7432
|
+
"description": "Reads a span value from an HTML attribute or element property."
|
|
7445
7433
|
},
|
|
7446
7434
|
{
|
|
7447
7435
|
"kind": "method",
|
|
7448
|
-
"name": "
|
|
7436
|
+
"name": "applySpanVar",
|
|
7449
7437
|
"privacy": "private",
|
|
7450
|
-
"description": "Syncs component properties to CSS custom properties."
|
|
7451
|
-
},
|
|
7452
|
-
{
|
|
7453
|
-
"kind": "method",
|
|
7454
|
-
"name": "refreshStyles",
|
|
7455
|
-
"privacy": "public",
|
|
7456
|
-
"description": "Forces resynchronization of CSS custom properties.\r\nUseful when properties are changed programmatically."
|
|
7457
|
-
},
|
|
7458
|
-
{
|
|
7459
|
-
"kind": "method",
|
|
7460
|
-
"name": "getSpan",
|
|
7461
|
-
"privacy": "public",
|
|
7462
7438
|
"return": {
|
|
7463
7439
|
"type": {
|
|
7464
|
-
"text": ""
|
|
7440
|
+
"text": "void"
|
|
7465
7441
|
}
|
|
7466
7442
|
},
|
|
7467
|
-
"
|
|
7443
|
+
"parameters": [
|
|
7444
|
+
{
|
|
7445
|
+
"name": "el",
|
|
7446
|
+
"type": {
|
|
7447
|
+
"text": "HTMLElement"
|
|
7448
|
+
}
|
|
7449
|
+
},
|
|
7450
|
+
{
|
|
7451
|
+
"name": "cssVar",
|
|
7452
|
+
"type": {
|
|
7453
|
+
"text": "string"
|
|
7454
|
+
}
|
|
7455
|
+
},
|
|
7456
|
+
{
|
|
7457
|
+
"name": "raw",
|
|
7458
|
+
"type": {
|
|
7459
|
+
"text": "string | null"
|
|
7460
|
+
}
|
|
7461
|
+
}
|
|
7462
|
+
],
|
|
7463
|
+
"description": "Sets or clears a span CSS variable on a slotted child."
|
|
7468
7464
|
},
|
|
7469
7465
|
{
|
|
7470
7466
|
"kind": "method",
|
|
7471
|
-
"name": "
|
|
7472
|
-
"privacy": "
|
|
7467
|
+
"name": "clampSpan",
|
|
7468
|
+
"privacy": "private",
|
|
7473
7469
|
"return": {
|
|
7474
7470
|
"type": {
|
|
7475
|
-
"text": "
|
|
7471
|
+
"text": ""
|
|
7476
7472
|
}
|
|
7477
7473
|
},
|
|
7478
7474
|
"parameters": [
|
|
7479
7475
|
{
|
|
7480
|
-
"name": "
|
|
7476
|
+
"name": "raw",
|
|
7481
7477
|
"type": {
|
|
7482
|
-
"text": "
|
|
7478
|
+
"text": "string | null"
|
|
7483
7479
|
},
|
|
7484
|
-
"description": "
|
|
7480
|
+
"description": "Raw span value from attribute"
|
|
7485
7481
|
}
|
|
7486
7482
|
],
|
|
7487
|
-
"description": "
|
|
7483
|
+
"description": "Clamps span value to valid range (1 to column count)."
|
|
7488
7484
|
}
|
|
7489
7485
|
],
|
|
7490
|
-
"
|
|
7486
|
+
"events": [
|
|
7491
7487
|
{
|
|
7492
|
-
"name": "span",
|
|
7493
7488
|
"type": {
|
|
7494
|
-
"text": "
|
|
7489
|
+
"text": "Event"
|
|
7495
7490
|
},
|
|
7496
|
-
"
|
|
7497
|
-
"
|
|
7498
|
-
|
|
7499
|
-
|
|
7491
|
+
"description": "Fired when slotted children change.",
|
|
7492
|
+
"name": "slotchange"
|
|
7493
|
+
}
|
|
7494
|
+
],
|
|
7495
|
+
"attributes": [
|
|
7500
7496
|
{
|
|
7501
|
-
"name": "
|
|
7497
|
+
"name": "direction",
|
|
7502
7498
|
"type": {
|
|
7503
|
-
"text": "
|
|
7499
|
+
"text": "SkyFlexboxDirection"
|
|
7504
7500
|
},
|
|
7505
|
-
"
|
|
7506
|
-
"
|
|
7501
|
+
"default": "\"row\"",
|
|
7502
|
+
"description": "Flex direction.",
|
|
7503
|
+
"fieldName": "direction"
|
|
7507
7504
|
},
|
|
7508
7505
|
{
|
|
7509
|
-
"name": "
|
|
7506
|
+
"name": "wrap",
|
|
7510
7507
|
"type": {
|
|
7511
|
-
"text": "
|
|
7508
|
+
"text": "SkyFlexboxWrap"
|
|
7512
7509
|
},
|
|
7513
|
-
"
|
|
7514
|
-
"
|
|
7510
|
+
"default": "\"wrap\"",
|
|
7511
|
+
"description": "Flex wrap behavior.",
|
|
7512
|
+
"fieldName": "wrap"
|
|
7515
7513
|
},
|
|
7516
7514
|
{
|
|
7517
|
-
"name": "
|
|
7515
|
+
"name": "justify",
|
|
7518
7516
|
"type": {
|
|
7519
|
-
"text": "
|
|
7517
|
+
"text": "SkyFlexboxJustify"
|
|
7520
7518
|
},
|
|
7521
|
-
"
|
|
7522
|
-
"
|
|
7519
|
+
"default": "\"flex-start\"",
|
|
7520
|
+
"description": "Main-axis alignment.",
|
|
7521
|
+
"fieldName": "justify"
|
|
7523
7522
|
},
|
|
7524
7523
|
{
|
|
7525
|
-
"name": "
|
|
7524
|
+
"name": "align",
|
|
7526
7525
|
"type": {
|
|
7527
|
-
"text": "
|
|
7526
|
+
"text": "SkyFlexboxAlign"
|
|
7528
7527
|
},
|
|
7529
|
-
"
|
|
7530
|
-
"
|
|
7528
|
+
"default": "\"stretch\"",
|
|
7529
|
+
"description": "Cross-axis alignment.",
|
|
7530
|
+
"fieldName": "align"
|
|
7531
7531
|
},
|
|
7532
7532
|
{
|
|
7533
|
-
"name": "
|
|
7533
|
+
"name": "alignContent",
|
|
7534
7534
|
"type": {
|
|
7535
|
-
"text": "
|
|
7535
|
+
"text": "SkyFlexboxAlignContent"
|
|
7536
7536
|
},
|
|
7537
|
-
"default": "
|
|
7538
|
-
"description": "
|
|
7539
|
-
"fieldName": "
|
|
7537
|
+
"default": "\"normal\"",
|
|
7538
|
+
"description": "Multi-line cross-axis distribution.",
|
|
7539
|
+
"fieldName": "alignContent"
|
|
7540
7540
|
},
|
|
7541
7541
|
{
|
|
7542
|
-
"name": "
|
|
7542
|
+
"name": "gap",
|
|
7543
7543
|
"type": {
|
|
7544
|
-
"text": "
|
|
7544
|
+
"text": "string"
|
|
7545
7545
|
},
|
|
7546
|
-
"default": "
|
|
7547
|
-
"description": "
|
|
7548
|
-
"fieldName": "
|
|
7546
|
+
"default": "\"16px\"",
|
|
7547
|
+
"description": "Shared row/column gap value.",
|
|
7548
|
+
"fieldName": "gap"
|
|
7549
7549
|
},
|
|
7550
7550
|
{
|
|
7551
|
-
"name": "
|
|
7551
|
+
"name": "gapX",
|
|
7552
7552
|
"type": {
|
|
7553
|
-
"text": "string |
|
|
7553
|
+
"text": "string | undefined"
|
|
7554
7554
|
},
|
|
7555
|
-
"
|
|
7556
|
-
"
|
|
7557
|
-
"fieldName": "basis"
|
|
7555
|
+
"description": "Horizontal gap override.",
|
|
7556
|
+
"fieldName": "gapX"
|
|
7558
7557
|
},
|
|
7559
7558
|
{
|
|
7560
|
-
"name": "
|
|
7559
|
+
"name": "gapY",
|
|
7561
7560
|
"type": {
|
|
7562
|
-
"text": "
|
|
7561
|
+
"text": "string | undefined"
|
|
7563
7562
|
},
|
|
7564
|
-
"description": "
|
|
7565
|
-
"fieldName": "
|
|
7563
|
+
"description": "Vertical gap override.",
|
|
7564
|
+
"fieldName": "gapY"
|
|
7566
7565
|
},
|
|
7567
7566
|
{
|
|
7568
|
-
"name": "
|
|
7567
|
+
"name": "col",
|
|
7569
7568
|
"type": {
|
|
7570
|
-
"text": "
|
|
7569
|
+
"text": "number"
|
|
7571
7570
|
},
|
|
7572
|
-
"
|
|
7573
|
-
"
|
|
7571
|
+
"default": "12",
|
|
7572
|
+
"description": "Total column count used for span calculations.",
|
|
7573
|
+
"fieldName": "col"
|
|
7574
7574
|
}
|
|
7575
7575
|
],
|
|
7576
7576
|
"superclass": {
|
|
7577
7577
|
"name": "LitElement",
|
|
7578
7578
|
"package": "lit"
|
|
7579
7579
|
},
|
|
7580
|
-
"tagName": "sky-
|
|
7580
|
+
"tagName": "sky-flexbox",
|
|
7581
7581
|
"customElement": true,
|
|
7582
|
-
"summary": "
|
|
7582
|
+
"summary": "Flexbox container with grid-like span support for slotted children."
|
|
7583
7583
|
}
|
|
7584
7584
|
],
|
|
7585
7585
|
"exports": [
|
|
7586
7586
|
{
|
|
7587
7587
|
"kind": "js",
|
|
7588
|
-
"name": "
|
|
7588
|
+
"name": "SkyFlexbox",
|
|
7589
7589
|
"declaration": {
|
|
7590
|
-
"name": "
|
|
7591
|
-
"module": "src/sky-
|
|
7590
|
+
"name": "SkyFlexbox",
|
|
7591
|
+
"module": "src/sky-flexbox/sky-flexbox.ts"
|
|
7592
7592
|
}
|
|
7593
7593
|
},
|
|
7594
7594
|
{
|
|
7595
7595
|
"kind": "custom-element-definition",
|
|
7596
|
-
"name": "sky-
|
|
7596
|
+
"name": "sky-flexbox",
|
|
7597
7597
|
"declaration": {
|
|
7598
|
-
"name": "
|
|
7599
|
-
"module": "src/sky-
|
|
7598
|
+
"name": "SkyFlexbox",
|
|
7599
|
+
"module": "src/sky-flexbox/sky-flexbox.ts"
|
|
7600
7600
|
}
|
|
7601
7601
|
}
|
|
7602
7602
|
]
|
|
@@ -12122,6 +12122,49 @@
|
|
|
12122
12122
|
}
|
|
12123
12123
|
]
|
|
12124
12124
|
},
|
|
12125
|
+
{
|
|
12126
|
+
"kind": "javascript-module",
|
|
12127
|
+
"path": "src/sky-row/sky-row.ts",
|
|
12128
|
+
"declarations": [
|
|
12129
|
+
{
|
|
12130
|
+
"kind": "class",
|
|
12131
|
+
"description": "",
|
|
12132
|
+
"name": "SkyRow",
|
|
12133
|
+
"slots": [
|
|
12134
|
+
{
|
|
12135
|
+
"description": "Default slot for child content.",
|
|
12136
|
+
"name": ""
|
|
12137
|
+
}
|
|
12138
|
+
],
|
|
12139
|
+
"members": [],
|
|
12140
|
+
"superclass": {
|
|
12141
|
+
"name": "LitElement",
|
|
12142
|
+
"package": "lit"
|
|
12143
|
+
},
|
|
12144
|
+
"tagName": "sky-row",
|
|
12145
|
+
"customElement": true,
|
|
12146
|
+
"summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
|
|
12147
|
+
}
|
|
12148
|
+
],
|
|
12149
|
+
"exports": [
|
|
12150
|
+
{
|
|
12151
|
+
"kind": "js",
|
|
12152
|
+
"name": "SkyRow",
|
|
12153
|
+
"declaration": {
|
|
12154
|
+
"name": "SkyRow",
|
|
12155
|
+
"module": "src/sky-row/sky-row.ts"
|
|
12156
|
+
}
|
|
12157
|
+
},
|
|
12158
|
+
{
|
|
12159
|
+
"kind": "custom-element-definition",
|
|
12160
|
+
"name": "sky-row",
|
|
12161
|
+
"declaration": {
|
|
12162
|
+
"name": "SkyRow",
|
|
12163
|
+
"module": "src/sky-row/sky-row.ts"
|
|
12164
|
+
}
|
|
12165
|
+
}
|
|
12166
|
+
]
|
|
12167
|
+
},
|
|
12125
12168
|
{
|
|
12126
12169
|
"kind": "javascript-module",
|
|
12127
12170
|
"path": "src/sky-sheet/sky-sheet.ts",
|
|
@@ -12304,49 +12347,6 @@
|
|
|
12304
12347
|
}
|
|
12305
12348
|
]
|
|
12306
12349
|
},
|
|
12307
|
-
{
|
|
12308
|
-
"kind": "javascript-module",
|
|
12309
|
-
"path": "src/sky-row/sky-row.ts",
|
|
12310
|
-
"declarations": [
|
|
12311
|
-
{
|
|
12312
|
-
"kind": "class",
|
|
12313
|
-
"description": "",
|
|
12314
|
-
"name": "SkyRow",
|
|
12315
|
-
"slots": [
|
|
12316
|
-
{
|
|
12317
|
-
"description": "Default slot for child content.",
|
|
12318
|
-
"name": ""
|
|
12319
|
-
}
|
|
12320
|
-
],
|
|
12321
|
-
"members": [],
|
|
12322
|
-
"superclass": {
|
|
12323
|
-
"name": "LitElement",
|
|
12324
|
-
"package": "lit"
|
|
12325
|
-
},
|
|
12326
|
-
"tagName": "sky-row",
|
|
12327
|
-
"customElement": true,
|
|
12328
|
-
"summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
|
|
12329
|
-
}
|
|
12330
|
-
],
|
|
12331
|
-
"exports": [
|
|
12332
|
-
{
|
|
12333
|
-
"kind": "js",
|
|
12334
|
-
"name": "SkyRow",
|
|
12335
|
-
"declaration": {
|
|
12336
|
-
"name": "SkyRow",
|
|
12337
|
-
"module": "src/sky-row/sky-row.ts"
|
|
12338
|
-
}
|
|
12339
|
-
},
|
|
12340
|
-
{
|
|
12341
|
-
"kind": "custom-element-definition",
|
|
12342
|
-
"name": "sky-row",
|
|
12343
|
-
"declaration": {
|
|
12344
|
-
"name": "SkyRow",
|
|
12345
|
-
"module": "src/sky-row/sky-row.ts"
|
|
12346
|
-
}
|
|
12347
|
-
}
|
|
12348
|
-
]
|
|
12349
|
-
},
|
|
12350
12350
|
{
|
|
12351
12351
|
"kind": "javascript-module",
|
|
12352
12352
|
"path": "src/sky-simple-table/sky-simple-table.ts",
|