le-kit 0.2.6 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/le-navigation.cjs.entry.js +4 -4
- package/dist/collection/components/le-navigation/le-navigation.js +4 -4
- package/dist/collection/components/le-navigation/le-navigation.js.map +1 -1
- package/dist/collection/dist/components/assets/custom-elements.json +746 -728
- package/dist/components/assets/custom-elements.json +746 -728
- package/dist/components/le-navigation.js +4 -4
- package/dist/components/le-navigation.js.map +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/le-navigation.entry.js +4 -4
- package/dist/esm/le-navigation.entry.js.map +1 -1
- package/dist/le-kit/dist/components/assets/custom-elements.json +746 -728
- package/dist/le-kit/le-kit.esm.js +1 -1
- package/dist/le-kit/{p-045e0d4a.entry.js → p-53d9c363.entry.js} +2 -2
- package/dist/le-kit/p-53d9c363.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/le-kit/p-045e0d4a.entry.js.map +0 -1
|
@@ -105,6 +105,15 @@
|
|
|
105
105
|
"default": "false",
|
|
106
106
|
"description": "Show scroll arrows when overflow is \"scroll\"."
|
|
107
107
|
},
|
|
108
|
+
{
|
|
109
|
+
"kind": "field",
|
|
110
|
+
"name": "disablePopover",
|
|
111
|
+
"type": {
|
|
112
|
+
"text": "boolean"
|
|
113
|
+
},
|
|
114
|
+
"default": "false",
|
|
115
|
+
"description": "Disable the internal overflow popover.\nWhen true, the bar still detects overflow and hides items,\nbut doesn't render its own popover. Use this when providing\ncustom overflow handling via the leBarOverflowChange event."
|
|
116
|
+
},
|
|
108
117
|
{
|
|
109
118
|
"kind": "field",
|
|
110
119
|
"name": "showAllMenu",
|
|
@@ -449,6 +458,15 @@
|
|
|
449
458
|
"text": "boolean"
|
|
450
459
|
}
|
|
451
460
|
},
|
|
461
|
+
{
|
|
462
|
+
"name": "disable-popover",
|
|
463
|
+
"fieldName": "disablePopover",
|
|
464
|
+
"default": "false",
|
|
465
|
+
"description": "Disable the internal overflow popover.\nWhen true, the bar still detects overflow and hides items,\nbut doesn't render its own popover. Use this when providing\ncustom overflow handling via the leBarOverflowChange event.",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "boolean"
|
|
468
|
+
}
|
|
469
|
+
},
|
|
452
470
|
{
|
|
453
471
|
"name": "show-all-menu",
|
|
454
472
|
"fieldName": "showAllMenu",
|
|
@@ -493,60 +511,40 @@
|
|
|
493
511
|
},
|
|
494
512
|
{
|
|
495
513
|
"kind": "javascript-module",
|
|
496
|
-
"path": "src/components/le-
|
|
514
|
+
"path": "src/components/le-box/le-box.tsx",
|
|
497
515
|
"declarations": [
|
|
498
516
|
{
|
|
499
517
|
"kind": "class",
|
|
500
|
-
"description": "A flexible
|
|
501
|
-
"name": "
|
|
518
|
+
"description": "A flexible box component for use as a flex item within le-stack.\n\n`le-box` wraps content and provides flex item properties like grow, shrink,\nbasis, and self-alignment. It can also control its internal content alignment.",
|
|
519
|
+
"name": "LeBox",
|
|
502
520
|
"cssProperties": [
|
|
503
521
|
{
|
|
504
|
-
"description": "
|
|
505
|
-
"name": "--le-
|
|
506
|
-
},
|
|
507
|
-
{
|
|
508
|
-
"description": "Button text color",
|
|
509
|
-
"name": "--le-button-color"
|
|
510
|
-
},
|
|
511
|
-
{
|
|
512
|
-
"description": "Button border radius",
|
|
513
|
-
"name": "--le-button-border-radius"
|
|
522
|
+
"description": "Background color",
|
|
523
|
+
"name": "--le-box-bg"
|
|
514
524
|
},
|
|
515
525
|
{
|
|
516
|
-
"description": "
|
|
517
|
-
"name": "--le-
|
|
526
|
+
"description": "Padding inside the box",
|
|
527
|
+
"name": "--le-box-padding"
|
|
518
528
|
},
|
|
519
529
|
{
|
|
520
|
-
"description": "
|
|
521
|
-
"name": "--le-
|
|
530
|
+
"description": "Border radius",
|
|
531
|
+
"name": "--le-box-border-radius"
|
|
522
532
|
}
|
|
523
533
|
],
|
|
524
534
|
"cssParts": [
|
|
525
535
|
{
|
|
526
|
-
"description": "The
|
|
527
|
-
"name": "
|
|
536
|
+
"description": "The main box container",
|
|
537
|
+
"name": "box"
|
|
528
538
|
},
|
|
529
539
|
{
|
|
530
|
-
"description": "The
|
|
540
|
+
"description": "The inner content wrapper",
|
|
531
541
|
"name": "content"
|
|
532
|
-
},
|
|
533
|
-
{
|
|
534
|
-
"description": "The start icon slot",
|
|
535
|
-
"name": "icon-start"
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"description": "The end icon slot",
|
|
539
|
-
"name": "icon-end"
|
|
540
542
|
}
|
|
541
543
|
],
|
|
542
544
|
"slots": [
|
|
543
545
|
{
|
|
544
|
-
"description": "
|
|
546
|
+
"description": "Default slot for box content",
|
|
545
547
|
"name": ""
|
|
546
|
-
},
|
|
547
|
-
{
|
|
548
|
-
"description": "Icon for icon-only buttons",
|
|
549
|
-
"name": "icon-only"
|
|
550
548
|
}
|
|
551
549
|
],
|
|
552
550
|
"members": [
|
|
@@ -559,324 +557,457 @@
|
|
|
559
557
|
},
|
|
560
558
|
{
|
|
561
559
|
"kind": "field",
|
|
562
|
-
"name": "
|
|
560
|
+
"name": "grow",
|
|
563
561
|
"type": {
|
|
564
|
-
"text": "
|
|
562
|
+
"text": "number"
|
|
565
563
|
},
|
|
566
|
-
"
|
|
564
|
+
"default": "0",
|
|
565
|
+
"description": "Flex grow factor - how much the item should grow relative to siblings"
|
|
567
566
|
},
|
|
568
567
|
{
|
|
569
568
|
"kind": "field",
|
|
570
|
-
"name": "
|
|
569
|
+
"name": "shrink",
|
|
571
570
|
"type": {
|
|
572
|
-
"text": "
|
|
571
|
+
"text": "number"
|
|
573
572
|
},
|
|
574
|
-
"default": "
|
|
575
|
-
"description": "
|
|
573
|
+
"default": "1",
|
|
574
|
+
"description": "Flex shrink factor - how much the item should shrink relative to siblings"
|
|
576
575
|
},
|
|
577
576
|
{
|
|
578
577
|
"kind": "field",
|
|
579
|
-
"name": "
|
|
578
|
+
"name": "basis",
|
|
580
579
|
"type": {
|
|
581
|
-
"text": "
|
|
580
|
+
"text": "string"
|
|
582
581
|
},
|
|
583
|
-
"default": "'
|
|
584
|
-
"description": "
|
|
582
|
+
"default": "'auto'",
|
|
583
|
+
"description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')"
|
|
585
584
|
},
|
|
586
585
|
{
|
|
587
586
|
"kind": "field",
|
|
588
|
-
"name": "
|
|
587
|
+
"name": "width",
|
|
589
588
|
"type": {
|
|
590
|
-
"text": "
|
|
589
|
+
"text": "string | undefined"
|
|
591
590
|
},
|
|
592
|
-
"
|
|
593
|
-
"description": "Button size"
|
|
591
|
+
"description": "Width of the box (CSS value like '100px', '50%', 'auto')"
|
|
594
592
|
},
|
|
595
593
|
{
|
|
596
594
|
"kind": "field",
|
|
597
|
-
"name": "
|
|
595
|
+
"name": "height",
|
|
598
596
|
"type": {
|
|
599
|
-
"text": "
|
|
597
|
+
"text": "string | undefined"
|
|
600
598
|
},
|
|
601
|
-
"
|
|
602
|
-
"description": "Whether the button is in a selected/active state"
|
|
599
|
+
"description": "Height of the box (CSS value)"
|
|
603
600
|
},
|
|
604
601
|
{
|
|
605
602
|
"kind": "field",
|
|
606
|
-
"name": "
|
|
603
|
+
"name": "minWidth",
|
|
607
604
|
"type": {
|
|
608
|
-
"text": "
|
|
605
|
+
"text": "string | undefined"
|
|
609
606
|
},
|
|
610
|
-
"
|
|
611
|
-
"description": "Whether the button takes full width of its container"
|
|
607
|
+
"description": "Minimum width constraint"
|
|
612
608
|
},
|
|
613
609
|
{
|
|
614
610
|
"kind": "field",
|
|
615
|
-
"name": "
|
|
611
|
+
"name": "maxWidth",
|
|
616
612
|
"type": {
|
|
617
|
-
"text": "string |
|
|
613
|
+
"text": "string | undefined"
|
|
618
614
|
},
|
|
619
|
-
"description": "
|
|
615
|
+
"description": "Maximum width constraint"
|
|
620
616
|
},
|
|
621
617
|
{
|
|
622
618
|
"kind": "field",
|
|
623
|
-
"name": "
|
|
619
|
+
"name": "minHeight",
|
|
624
620
|
"type": {
|
|
625
|
-
"text": "string |
|
|
621
|
+
"text": "string | undefined"
|
|
626
622
|
},
|
|
627
|
-
"description": "
|
|
623
|
+
"description": "Minimum height constraint"
|
|
628
624
|
},
|
|
629
625
|
{
|
|
630
626
|
"kind": "field",
|
|
631
|
-
"name": "
|
|
627
|
+
"name": "maxHeight",
|
|
632
628
|
"type": {
|
|
633
|
-
"text": "string |
|
|
629
|
+
"text": "string | undefined"
|
|
634
630
|
},
|
|
635
|
-
"description": "
|
|
631
|
+
"description": "Maximum height constraint"
|
|
636
632
|
},
|
|
637
633
|
{
|
|
638
634
|
"kind": "field",
|
|
639
|
-
"name": "
|
|
635
|
+
"name": "background",
|
|
640
636
|
"type": {
|
|
641
|
-
"text": "
|
|
637
|
+
"text": "string | undefined"
|
|
642
638
|
},
|
|
643
|
-
"
|
|
644
|
-
"description": "Whether the button is disabled"
|
|
639
|
+
"description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')"
|
|
645
640
|
},
|
|
646
641
|
{
|
|
647
642
|
"kind": "field",
|
|
648
|
-
"name": "
|
|
643
|
+
"name": "borderRadius",
|
|
649
644
|
"type": {
|
|
650
|
-
"text": "
|
|
645
|
+
"text": "string | undefined"
|
|
651
646
|
},
|
|
652
|
-
"
|
|
653
|
-
"description": "The button type attribute"
|
|
647
|
+
"description": "Border radius (e.g., '8px', 'var(--le-radius-md)')"
|
|
654
648
|
},
|
|
655
649
|
{
|
|
656
650
|
"kind": "field",
|
|
657
|
-
"name": "
|
|
651
|
+
"name": "border",
|
|
658
652
|
"type": {
|
|
659
653
|
"text": "string | undefined"
|
|
660
654
|
},
|
|
661
|
-
"description": "
|
|
655
|
+
"description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')"
|
|
662
656
|
},
|
|
663
657
|
{
|
|
664
658
|
"kind": "field",
|
|
665
|
-
"name": "
|
|
659
|
+
"name": "alignSelf",
|
|
666
660
|
"type": {
|
|
667
|
-
"text": "
|
|
661
|
+
"text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
|
|
668
662
|
},
|
|
669
|
-
"
|
|
663
|
+
"default": "'auto'",
|
|
664
|
+
"description": "Self-alignment override for this item on the cross axis"
|
|
670
665
|
},
|
|
671
666
|
{
|
|
672
667
|
"kind": "field",
|
|
673
|
-
"name": "
|
|
668
|
+
"name": "alignContent",
|
|
674
669
|
"type": {
|
|
675
|
-
"text": "'start' | 'center' | '
|
|
670
|
+
"text": "'start' | 'center' | 'end' | 'stretch'"
|
|
676
671
|
},
|
|
677
|
-
"default": "'
|
|
678
|
-
"description": "
|
|
672
|
+
"default": "'stretch'",
|
|
673
|
+
"description": "Internal horizontal alignment of content"
|
|
679
674
|
},
|
|
680
675
|
{
|
|
681
676
|
"kind": "field",
|
|
682
|
-
"name": "
|
|
683
|
-
"privacy": "private"
|
|
684
|
-
},
|
|
685
|
-
{
|
|
686
|
-
"kind": "method",
|
|
687
|
-
"name": "render"
|
|
688
|
-
}
|
|
689
|
-
],
|
|
690
|
-
"attributes": [
|
|
691
|
-
{
|
|
692
|
-
"name": "mode",
|
|
693
|
-
"fieldName": "mode",
|
|
694
|
-
"description": "Mode of the popover should be 'default' for internal use",
|
|
677
|
+
"name": "justifyContent",
|
|
695
678
|
"type": {
|
|
696
|
-
"text": "'
|
|
697
|
-
}
|
|
679
|
+
"text": "'start' | 'center' | 'end' | 'stretch'"
|
|
680
|
+
},
|
|
681
|
+
"default": "'start'",
|
|
682
|
+
"description": "Internal vertical alignment of content"
|
|
698
683
|
},
|
|
699
684
|
{
|
|
700
|
-
"
|
|
701
|
-
"
|
|
702
|
-
"default": "'solid'",
|
|
703
|
-
"description": "Button variant style",
|
|
685
|
+
"kind": "field",
|
|
686
|
+
"name": "padding",
|
|
704
687
|
"type": {
|
|
705
|
-
"text": "
|
|
706
|
-
}
|
|
688
|
+
"text": "string | undefined"
|
|
689
|
+
},
|
|
690
|
+
"description": "Padding inside the box (CSS value like '8px', '1rem')"
|
|
707
691
|
},
|
|
708
692
|
{
|
|
709
|
-
"
|
|
710
|
-
"
|
|
711
|
-
"default": "'primary'",
|
|
712
|
-
"description": "Button color theme (uses theme semantic colors)",
|
|
693
|
+
"kind": "field",
|
|
694
|
+
"name": "order",
|
|
713
695
|
"type": {
|
|
714
|
-
"text": "
|
|
715
|
-
}
|
|
696
|
+
"text": "number | undefined"
|
|
697
|
+
},
|
|
698
|
+
"description": "Order in the flex container (lower values come first)"
|
|
716
699
|
},
|
|
717
700
|
{
|
|
718
|
-
"
|
|
719
|
-
"
|
|
720
|
-
"default": "'medium'",
|
|
721
|
-
"description": "Button size",
|
|
701
|
+
"kind": "field",
|
|
702
|
+
"name": "displayFlex",
|
|
722
703
|
"type": {
|
|
723
|
-
"text": "
|
|
724
|
-
}
|
|
704
|
+
"text": "boolean"
|
|
705
|
+
},
|
|
706
|
+
"default": "false",
|
|
707
|
+
"description": "Whether to display box content as flex (for internal alignment)"
|
|
725
708
|
},
|
|
726
709
|
{
|
|
727
|
-
"
|
|
728
|
-
"
|
|
729
|
-
"default": "false",
|
|
730
|
-
"description": "Whether the button is in a selected/active state",
|
|
710
|
+
"kind": "field",
|
|
711
|
+
"name": "innerDirection",
|
|
731
712
|
"type": {
|
|
732
|
-
"text": "
|
|
733
|
-
}
|
|
713
|
+
"text": "'horizontal' | 'vertical'"
|
|
714
|
+
},
|
|
715
|
+
"default": "'vertical'",
|
|
716
|
+
"description": "Direction of internal flex layout when displayFlex is true"
|
|
734
717
|
},
|
|
735
718
|
{
|
|
736
|
-
"
|
|
737
|
-
"
|
|
738
|
-
"default": "false",
|
|
739
|
-
"description": "Whether the button takes full width of its container",
|
|
719
|
+
"kind": "field",
|
|
720
|
+
"name": "innerGap",
|
|
740
721
|
"type": {
|
|
741
|
-
"text": "
|
|
742
|
-
}
|
|
722
|
+
"text": "string | undefined"
|
|
723
|
+
},
|
|
724
|
+
"description": "Gap between internal flex items when displayFlex is true"
|
|
743
725
|
},
|
|
744
726
|
{
|
|
745
|
-
"
|
|
746
|
-
"
|
|
747
|
-
"
|
|
748
|
-
"
|
|
749
|
-
"
|
|
727
|
+
"kind": "method",
|
|
728
|
+
"name": "getAlignSelf",
|
|
729
|
+
"privacy": "private",
|
|
730
|
+
"return": {
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "string"
|
|
733
|
+
}
|
|
750
734
|
}
|
|
751
735
|
},
|
|
752
736
|
{
|
|
753
|
-
"
|
|
754
|
-
"
|
|
755
|
-
"
|
|
756
|
-
"
|
|
757
|
-
"
|
|
737
|
+
"kind": "method",
|
|
738
|
+
"name": "getContentAlign",
|
|
739
|
+
"privacy": "private",
|
|
740
|
+
"return": {
|
|
741
|
+
"type": {
|
|
742
|
+
"text": "string"
|
|
743
|
+
}
|
|
758
744
|
}
|
|
759
745
|
},
|
|
760
746
|
{
|
|
761
|
-
"
|
|
762
|
-
"
|
|
763
|
-
"
|
|
747
|
+
"kind": "method",
|
|
748
|
+
"name": "getContentJustify",
|
|
749
|
+
"privacy": "private",
|
|
750
|
+
"return": {
|
|
751
|
+
"type": {
|
|
752
|
+
"text": "string"
|
|
753
|
+
}
|
|
754
|
+
}
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"kind": "method",
|
|
758
|
+
"name": "render"
|
|
759
|
+
}
|
|
760
|
+
],
|
|
761
|
+
"attributes": [
|
|
762
|
+
{
|
|
763
|
+
"name": "grow",
|
|
764
|
+
"fieldName": "grow",
|
|
765
|
+
"default": "0",
|
|
766
|
+
"description": "Flex grow factor - how much the item should grow relative to siblings",
|
|
764
767
|
"type": {
|
|
765
|
-
"text": "
|
|
768
|
+
"text": "number"
|
|
766
769
|
}
|
|
767
770
|
},
|
|
768
771
|
{
|
|
769
|
-
"name": "
|
|
770
|
-
"fieldName": "
|
|
771
|
-
"default": "
|
|
772
|
-
"description": "
|
|
772
|
+
"name": "shrink",
|
|
773
|
+
"fieldName": "shrink",
|
|
774
|
+
"default": "1",
|
|
775
|
+
"description": "Flex shrink factor - how much the item should shrink relative to siblings",
|
|
773
776
|
"type": {
|
|
774
|
-
"text": "
|
|
777
|
+
"text": "number"
|
|
775
778
|
}
|
|
776
779
|
},
|
|
777
780
|
{
|
|
778
|
-
"name": "
|
|
779
|
-
"fieldName": "
|
|
780
|
-
"default": "'
|
|
781
|
-
"description": "
|
|
781
|
+
"name": "basis",
|
|
782
|
+
"fieldName": "basis",
|
|
783
|
+
"default": "'auto'",
|
|
784
|
+
"description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')",
|
|
782
785
|
"type": {
|
|
783
|
-
"text": "
|
|
786
|
+
"text": "string"
|
|
784
787
|
}
|
|
785
788
|
},
|
|
786
789
|
{
|
|
787
|
-
"name": "
|
|
788
|
-
"fieldName": "
|
|
789
|
-
"description": "
|
|
790
|
+
"name": "width",
|
|
791
|
+
"fieldName": "width",
|
|
792
|
+
"description": "Width of the box (CSS value like '100px', '50%', 'auto')",
|
|
790
793
|
"type": {
|
|
791
794
|
"text": "string"
|
|
792
795
|
}
|
|
793
796
|
},
|
|
794
797
|
{
|
|
795
|
-
"name": "
|
|
796
|
-
"fieldName": "
|
|
797
|
-
"description": "
|
|
798
|
+
"name": "height",
|
|
799
|
+
"fieldName": "height",
|
|
800
|
+
"description": "Height of the box (CSS value)",
|
|
798
801
|
"type": {
|
|
799
802
|
"text": "string"
|
|
800
803
|
}
|
|
801
804
|
},
|
|
802
805
|
{
|
|
803
|
-
"name": "
|
|
804
|
-
"fieldName": "
|
|
805
|
-
"
|
|
806
|
-
"description": "Alignment of the button label without the end icon",
|
|
806
|
+
"name": "min-width",
|
|
807
|
+
"fieldName": "minWidth",
|
|
808
|
+
"description": "Minimum width constraint",
|
|
807
809
|
"type": {
|
|
808
|
-
"text": "
|
|
810
|
+
"text": "string"
|
|
809
811
|
}
|
|
810
|
-
}
|
|
811
|
-
],
|
|
812
|
-
"tagName": "le-button",
|
|
813
|
-
"events": [
|
|
812
|
+
},
|
|
814
813
|
{
|
|
815
|
-
"name": "
|
|
814
|
+
"name": "max-width",
|
|
815
|
+
"fieldName": "maxWidth",
|
|
816
|
+
"description": "Maximum width constraint",
|
|
816
817
|
"type": {
|
|
817
|
-
"text": "
|
|
818
|
-
}
|
|
819
|
-
|
|
818
|
+
"text": "string"
|
|
819
|
+
}
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"name": "min-height",
|
|
823
|
+
"fieldName": "minHeight",
|
|
824
|
+
"description": "Minimum height constraint",
|
|
825
|
+
"type": {
|
|
826
|
+
"text": "string"
|
|
827
|
+
}
|
|
828
|
+
},
|
|
829
|
+
{
|
|
830
|
+
"name": "max-height",
|
|
831
|
+
"fieldName": "maxHeight",
|
|
832
|
+
"description": "Maximum height constraint",
|
|
833
|
+
"type": {
|
|
834
|
+
"text": "string"
|
|
835
|
+
}
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"name": "background",
|
|
839
|
+
"fieldName": "background",
|
|
840
|
+
"description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')",
|
|
841
|
+
"type": {
|
|
842
|
+
"text": "string"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"name": "border-radius",
|
|
847
|
+
"fieldName": "borderRadius",
|
|
848
|
+
"description": "Border radius (e.g., '8px', 'var(--le-radius-md)')",
|
|
849
|
+
"type": {
|
|
850
|
+
"text": "string"
|
|
851
|
+
}
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"name": "border",
|
|
855
|
+
"fieldName": "border",
|
|
856
|
+
"description": "Border style (e.g., '1px solid #ccc', '2px dashed var(--le-color-border)')",
|
|
857
|
+
"type": {
|
|
858
|
+
"text": "string"
|
|
859
|
+
}
|
|
860
|
+
},
|
|
861
|
+
{
|
|
862
|
+
"name": "align-self",
|
|
863
|
+
"fieldName": "alignSelf",
|
|
864
|
+
"default": "'auto'",
|
|
865
|
+
"description": "Self-alignment override for this item on the cross axis",
|
|
866
|
+
"type": {
|
|
867
|
+
"text": "'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline'"
|
|
868
|
+
}
|
|
869
|
+
},
|
|
870
|
+
{
|
|
871
|
+
"name": "align-content",
|
|
872
|
+
"fieldName": "alignContent",
|
|
873
|
+
"default": "'stretch'",
|
|
874
|
+
"description": "Internal horizontal alignment of content",
|
|
875
|
+
"type": {
|
|
876
|
+
"text": "'start' | 'center' | 'end' | 'stretch'"
|
|
877
|
+
}
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"name": "justify-content",
|
|
881
|
+
"fieldName": "justifyContent",
|
|
882
|
+
"default": "'start'",
|
|
883
|
+
"description": "Internal vertical alignment of content",
|
|
884
|
+
"type": {
|
|
885
|
+
"text": "'start' | 'center' | 'end' | 'stretch'"
|
|
886
|
+
}
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"name": "padding",
|
|
890
|
+
"fieldName": "padding",
|
|
891
|
+
"description": "Padding inside the box (CSS value like '8px', '1rem')",
|
|
892
|
+
"type": {
|
|
893
|
+
"text": "string"
|
|
894
|
+
}
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"name": "order",
|
|
898
|
+
"fieldName": "order",
|
|
899
|
+
"description": "Order in the flex container (lower values come first)",
|
|
900
|
+
"type": {
|
|
901
|
+
"text": "number"
|
|
902
|
+
}
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"name": "display-flex",
|
|
906
|
+
"fieldName": "displayFlex",
|
|
907
|
+
"default": "false",
|
|
908
|
+
"description": "Whether to display box content as flex (for internal alignment)",
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "boolean"
|
|
911
|
+
}
|
|
912
|
+
},
|
|
913
|
+
{
|
|
914
|
+
"name": "inner-direction",
|
|
915
|
+
"fieldName": "innerDirection",
|
|
916
|
+
"default": "'vertical'",
|
|
917
|
+
"description": "Direction of internal flex layout when displayFlex is true",
|
|
918
|
+
"type": {
|
|
919
|
+
"text": "'horizontal' | 'vertical'"
|
|
920
|
+
}
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"name": "inner-gap",
|
|
924
|
+
"fieldName": "innerGap",
|
|
925
|
+
"description": "Gap between internal flex items when displayFlex is true",
|
|
926
|
+
"type": {
|
|
927
|
+
"text": "string"
|
|
928
|
+
}
|
|
820
929
|
}
|
|
821
930
|
],
|
|
931
|
+
"tagName": "le-box",
|
|
932
|
+
"events": [],
|
|
822
933
|
"customElement": true
|
|
823
934
|
}
|
|
824
935
|
],
|
|
825
936
|
"exports": [
|
|
826
937
|
{
|
|
827
938
|
"kind": "js",
|
|
828
|
-
"name": "
|
|
939
|
+
"name": "LeBox",
|
|
829
940
|
"declaration": {
|
|
830
|
-
"name": "
|
|
831
|
-
"module": "src/components/le-
|
|
941
|
+
"name": "LeBox",
|
|
942
|
+
"module": "src/components/le-box/le-box.tsx"
|
|
832
943
|
}
|
|
833
944
|
},
|
|
834
945
|
{
|
|
835
946
|
"kind": "custom-element-definition",
|
|
836
|
-
"name": "le-
|
|
947
|
+
"name": "le-box",
|
|
837
948
|
"declaration": {
|
|
838
|
-
"name": "
|
|
839
|
-
"module": "src/components/le-
|
|
949
|
+
"name": "LeBox",
|
|
950
|
+
"module": "src/components/le-box/le-box.tsx"
|
|
840
951
|
}
|
|
841
952
|
}
|
|
842
953
|
]
|
|
843
954
|
},
|
|
844
955
|
{
|
|
845
956
|
"kind": "javascript-module",
|
|
846
|
-
"path": "src/components/le-
|
|
957
|
+
"path": "src/components/le-button/le-button.tsx",
|
|
847
958
|
"declarations": [
|
|
848
959
|
{
|
|
849
960
|
"kind": "class",
|
|
850
|
-
"description": "A flexible
|
|
851
|
-
"name": "
|
|
961
|
+
"description": "A flexible button component with multiple variants and states.",
|
|
962
|
+
"name": "LeButton",
|
|
852
963
|
"cssProperties": [
|
|
853
964
|
{
|
|
854
|
-
"description": "
|
|
855
|
-
"name": "--le-
|
|
965
|
+
"description": "Button background color",
|
|
966
|
+
"name": "--le-button-bg"
|
|
856
967
|
},
|
|
857
968
|
{
|
|
858
|
-
"description": "
|
|
859
|
-
"name": "--le-
|
|
969
|
+
"description": "Button text color",
|
|
970
|
+
"name": "--le-button-color"
|
|
860
971
|
},
|
|
861
972
|
{
|
|
862
|
-
"description": "
|
|
863
|
-
"name": "--le-
|
|
973
|
+
"description": "Button border radius",
|
|
974
|
+
"name": "--le-button-border-radius"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"description": "Button horizontal padding",
|
|
978
|
+
"name": "--le-button-padding-x"
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"description": "Button vertical padding",
|
|
982
|
+
"name": "--le-button-padding-y"
|
|
864
983
|
}
|
|
865
984
|
],
|
|
866
985
|
"cssParts": [
|
|
867
986
|
{
|
|
868
|
-
"description": "The
|
|
869
|
-
"name": "
|
|
987
|
+
"description": "The native button element",
|
|
988
|
+
"name": "button"
|
|
870
989
|
},
|
|
871
990
|
{
|
|
872
|
-
"description": "The
|
|
991
|
+
"description": "The button content wrapper",
|
|
873
992
|
"name": "content"
|
|
993
|
+
},
|
|
994
|
+
{
|
|
995
|
+
"description": "The start icon slot",
|
|
996
|
+
"name": "icon-start"
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"description": "The end icon slot",
|
|
1000
|
+
"name": "icon-end"
|
|
874
1001
|
}
|
|
875
1002
|
],
|
|
876
1003
|
"slots": [
|
|
877
1004
|
{
|
|
878
|
-
"description": "
|
|
1005
|
+
"description": "Button text content",
|
|
879
1006
|
"name": ""
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"description": "Icon for icon-only buttons",
|
|
1010
|
+
"name": "icon-only"
|
|
880
1011
|
}
|
|
881
1012
|
],
|
|
882
1013
|
"members": [
|
|
@@ -889,397 +1020,284 @@
|
|
|
889
1020
|
},
|
|
890
1021
|
{
|
|
891
1022
|
"kind": "field",
|
|
892
|
-
"name": "
|
|
893
|
-
"type": {
|
|
894
|
-
"text": "number"
|
|
895
|
-
},
|
|
896
|
-
"default": "0",
|
|
897
|
-
"description": "Flex grow factor - how much the item should grow relative to siblings"
|
|
898
|
-
},
|
|
899
|
-
{
|
|
900
|
-
"kind": "field",
|
|
901
|
-
"name": "shrink",
|
|
902
|
-
"type": {
|
|
903
|
-
"text": "number"
|
|
904
|
-
},
|
|
905
|
-
"default": "1",
|
|
906
|
-
"description": "Flex shrink factor - how much the item should shrink relative to siblings"
|
|
907
|
-
},
|
|
908
|
-
{
|
|
909
|
-
"kind": "field",
|
|
910
|
-
"name": "basis",
|
|
911
|
-
"type": {
|
|
912
|
-
"text": "string"
|
|
913
|
-
},
|
|
914
|
-
"default": "'auto'",
|
|
915
|
-
"description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')"
|
|
916
|
-
},
|
|
917
|
-
{
|
|
918
|
-
"kind": "field",
|
|
919
|
-
"name": "width",
|
|
920
|
-
"type": {
|
|
921
|
-
"text": "string | undefined"
|
|
922
|
-
},
|
|
923
|
-
"description": "Width of the box (CSS value like '100px', '50%', 'auto')"
|
|
924
|
-
},
|
|
925
|
-
{
|
|
926
|
-
"kind": "field",
|
|
927
|
-
"name": "height",
|
|
928
|
-
"type": {
|
|
929
|
-
"text": "string | undefined"
|
|
930
|
-
},
|
|
931
|
-
"description": "Height of the box (CSS value)"
|
|
932
|
-
},
|
|
933
|
-
{
|
|
934
|
-
"kind": "field",
|
|
935
|
-
"name": "minWidth",
|
|
936
|
-
"type": {
|
|
937
|
-
"text": "string | undefined"
|
|
938
|
-
},
|
|
939
|
-
"description": "Minimum width constraint"
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"kind": "field",
|
|
943
|
-
"name": "maxWidth",
|
|
944
|
-
"type": {
|
|
945
|
-
"text": "string | undefined"
|
|
946
|
-
},
|
|
947
|
-
"description": "Maximum width constraint"
|
|
948
|
-
},
|
|
949
|
-
{
|
|
950
|
-
"kind": "field",
|
|
951
|
-
"name": "minHeight",
|
|
952
|
-
"type": {
|
|
953
|
-
"text": "string | undefined"
|
|
954
|
-
},
|
|
955
|
-
"description": "Minimum height constraint"
|
|
956
|
-
},
|
|
957
|
-
{
|
|
958
|
-
"kind": "field",
|
|
959
|
-
"name": "maxHeight",
|
|
960
|
-
"type": {
|
|
961
|
-
"text": "string | undefined"
|
|
962
|
-
},
|
|
963
|
-
"description": "Maximum height constraint"
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"kind": "field",
|
|
967
|
-
"name": "background",
|
|
968
|
-
"type": {
|
|
969
|
-
"text": "string | undefined"
|
|
970
|
-
},
|
|
971
|
-
"description": "Background color or CSS value (e.g., '#f0f0f0', 'var(--le-color-primary-light)')"
|
|
972
|
-
},
|
|
973
|
-
{
|
|
974
|
-
"kind": "field",
|
|
975
|
-
"name": "borderRadius",
|
|
1023
|
+
"name": "mode",
|
|
976
1024
|
"type": {
|
|
977
|
-
"text": "
|
|
1025
|
+
"text": "'default' | 'admin'"
|
|
978
1026
|
},
|
|
979
|
-
"description": "
|
|
1027
|
+
"description": "Mode of the popover should be 'default' for internal use"
|
|
980
1028
|
},
|
|
981
1029
|
{
|
|
982
1030
|
"kind": "field",
|
|
983
|
-
"name": "
|
|
1031
|
+
"name": "variant",
|
|
984
1032
|
"type": {
|
|
985
|
-
"text": "
|
|
1033
|
+
"text": "'solid' | 'outlined' | 'clear' | 'system'"
|
|
986
1034
|
},
|
|
987
|
-
"
|
|
1035
|
+
"default": "'solid'",
|
|
1036
|
+
"description": "Button variant style"
|
|
988
1037
|
},
|
|
989
1038
|
{
|
|
990
1039
|
"kind": "field",
|
|
991
|
-
"name": "
|
|
1040
|
+
"name": "color",
|
|
992
1041
|
"type": {
|
|
993
|
-
"text": "'
|
|
1042
|
+
"text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
|
|
994
1043
|
},
|
|
995
|
-
"default": "'
|
|
996
|
-
"description": "
|
|
1044
|
+
"default": "'primary'",
|
|
1045
|
+
"description": "Button color theme (uses theme semantic colors)"
|
|
997
1046
|
},
|
|
998
1047
|
{
|
|
999
1048
|
"kind": "field",
|
|
1000
|
-
"name": "
|
|
1049
|
+
"name": "size",
|
|
1001
1050
|
"type": {
|
|
1002
|
-
"text": "'
|
|
1051
|
+
"text": "'small' | 'medium' | 'large'"
|
|
1003
1052
|
},
|
|
1004
|
-
"default": "'
|
|
1005
|
-
"description": "
|
|
1053
|
+
"default": "'medium'",
|
|
1054
|
+
"description": "Button size"
|
|
1006
1055
|
},
|
|
1007
1056
|
{
|
|
1008
1057
|
"kind": "field",
|
|
1009
|
-
"name": "
|
|
1058
|
+
"name": "selected",
|
|
1010
1059
|
"type": {
|
|
1011
|
-
"text": "
|
|
1060
|
+
"text": "boolean"
|
|
1012
1061
|
},
|
|
1013
|
-
"default": "
|
|
1014
|
-
"description": "
|
|
1062
|
+
"default": "false",
|
|
1063
|
+
"description": "Whether the button is in a selected/active state"
|
|
1015
1064
|
},
|
|
1016
1065
|
{
|
|
1017
1066
|
"kind": "field",
|
|
1018
|
-
"name": "
|
|
1067
|
+
"name": "fullWidth",
|
|
1019
1068
|
"type": {
|
|
1020
|
-
"text": "
|
|
1069
|
+
"text": "boolean"
|
|
1021
1070
|
},
|
|
1022
|
-
"
|
|
1071
|
+
"default": "false",
|
|
1072
|
+
"description": "Whether the button takes full width of its container"
|
|
1023
1073
|
},
|
|
1024
1074
|
{
|
|
1025
1075
|
"kind": "field",
|
|
1026
|
-
"name": "
|
|
1076
|
+
"name": "iconOnly",
|
|
1027
1077
|
"type": {
|
|
1028
|
-
"text": "
|
|
1078
|
+
"text": "string | Node | undefined"
|
|
1029
1079
|
},
|
|
1030
|
-
"description": "
|
|
1080
|
+
"description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot"
|
|
1031
1081
|
},
|
|
1032
1082
|
{
|
|
1033
1083
|
"kind": "field",
|
|
1034
|
-
"name": "
|
|
1084
|
+
"name": "iconStart",
|
|
1035
1085
|
"type": {
|
|
1036
|
-
"text": "
|
|
1086
|
+
"text": "string | Node | undefined"
|
|
1037
1087
|
},
|
|
1038
|
-
"
|
|
1039
|
-
"description": "Whether to display box content as flex (for internal alignment)"
|
|
1088
|
+
"description": "Start icon image or emoji"
|
|
1040
1089
|
},
|
|
1041
1090
|
{
|
|
1042
1091
|
"kind": "field",
|
|
1043
|
-
"name": "
|
|
1092
|
+
"name": "iconEnd",
|
|
1044
1093
|
"type": {
|
|
1045
|
-
"text": "
|
|
1094
|
+
"text": "string | Node | undefined"
|
|
1046
1095
|
},
|
|
1047
|
-
"
|
|
1048
|
-
"description": "Direction of internal flex layout when displayFlex is true"
|
|
1096
|
+
"description": "End icon image or emoji"
|
|
1049
1097
|
},
|
|
1050
1098
|
{
|
|
1051
1099
|
"kind": "field",
|
|
1052
|
-
"name": "
|
|
1053
|
-
"type": {
|
|
1054
|
-
"text": "string | undefined"
|
|
1055
|
-
},
|
|
1056
|
-
"description": "Gap between internal flex items when displayFlex is true"
|
|
1057
|
-
},
|
|
1058
|
-
{
|
|
1059
|
-
"kind": "method",
|
|
1060
|
-
"name": "getAlignSelf",
|
|
1061
|
-
"privacy": "private",
|
|
1062
|
-
"return": {
|
|
1063
|
-
"type": {
|
|
1064
|
-
"text": "string"
|
|
1065
|
-
}
|
|
1066
|
-
}
|
|
1067
|
-
},
|
|
1068
|
-
{
|
|
1069
|
-
"kind": "method",
|
|
1070
|
-
"name": "getContentAlign",
|
|
1071
|
-
"privacy": "private",
|
|
1072
|
-
"return": {
|
|
1073
|
-
"type": {
|
|
1074
|
-
"text": "string"
|
|
1075
|
-
}
|
|
1076
|
-
}
|
|
1077
|
-
},
|
|
1078
|
-
{
|
|
1079
|
-
"kind": "method",
|
|
1080
|
-
"name": "getContentJustify",
|
|
1081
|
-
"privacy": "private",
|
|
1082
|
-
"return": {
|
|
1083
|
-
"type": {
|
|
1084
|
-
"text": "string"
|
|
1085
|
-
}
|
|
1086
|
-
}
|
|
1087
|
-
},
|
|
1088
|
-
{
|
|
1089
|
-
"kind": "method",
|
|
1090
|
-
"name": "render"
|
|
1091
|
-
}
|
|
1092
|
-
],
|
|
1093
|
-
"attributes": [
|
|
1094
|
-
{
|
|
1095
|
-
"name": "grow",
|
|
1096
|
-
"fieldName": "grow",
|
|
1097
|
-
"default": "0",
|
|
1098
|
-
"description": "Flex grow factor - how much the item should grow relative to siblings",
|
|
1100
|
+
"name": "disabled",
|
|
1099
1101
|
"type": {
|
|
1100
|
-
"text": "
|
|
1101
|
-
}
|
|
1102
|
+
"text": "boolean"
|
|
1103
|
+
},
|
|
1104
|
+
"default": "false",
|
|
1105
|
+
"description": "Whether the button is disabled"
|
|
1102
1106
|
},
|
|
1103
1107
|
{
|
|
1104
|
-
"
|
|
1105
|
-
"
|
|
1106
|
-
"default": "1",
|
|
1107
|
-
"description": "Flex shrink factor - how much the item should shrink relative to siblings",
|
|
1108
|
+
"kind": "field",
|
|
1109
|
+
"name": "type",
|
|
1108
1110
|
"type": {
|
|
1109
|
-
"text": "
|
|
1110
|
-
}
|
|
1111
|
+
"text": "'button' | 'submit' | 'reset'"
|
|
1112
|
+
},
|
|
1113
|
+
"default": "'button'",
|
|
1114
|
+
"description": "The button type attribute"
|
|
1111
1115
|
},
|
|
1112
1116
|
{
|
|
1113
|
-
"
|
|
1114
|
-
"
|
|
1115
|
-
"default": "'auto'",
|
|
1116
|
-
"description": "Flex basis - initial size before growing/shrinking (e.g., '200px', '25%', 'auto')",
|
|
1117
|
+
"kind": "field",
|
|
1118
|
+
"name": "href",
|
|
1117
1119
|
"type": {
|
|
1118
|
-
"text": "string"
|
|
1119
|
-
}
|
|
1120
|
+
"text": "string | undefined"
|
|
1121
|
+
},
|
|
1122
|
+
"description": "Optional href to make the button act as a link"
|
|
1120
1123
|
},
|
|
1121
1124
|
{
|
|
1122
|
-
"
|
|
1123
|
-
"
|
|
1124
|
-
"description": "Width of the box (CSS value like '100px', '50%', 'auto')",
|
|
1125
|
+
"kind": "field",
|
|
1126
|
+
"name": "target",
|
|
1125
1127
|
"type": {
|
|
1126
|
-
"text": "string"
|
|
1127
|
-
}
|
|
1128
|
+
"text": "string | undefined"
|
|
1129
|
+
},
|
|
1130
|
+
"description": "Link target when href is set"
|
|
1128
1131
|
},
|
|
1129
1132
|
{
|
|
1130
|
-
"
|
|
1131
|
-
"
|
|
1132
|
-
"description": "Height of the box (CSS value)",
|
|
1133
|
+
"kind": "field",
|
|
1134
|
+
"name": "align",
|
|
1133
1135
|
"type": {
|
|
1134
|
-
"text": "
|
|
1135
|
-
}
|
|
1136
|
+
"text": "'start' | 'center' | 'space-between' | 'end'"
|
|
1137
|
+
},
|
|
1138
|
+
"default": "'center'",
|
|
1139
|
+
"description": "Alignment of the button label without the end icon"
|
|
1136
1140
|
},
|
|
1137
1141
|
{
|
|
1138
|
-
"
|
|
1139
|
-
"
|
|
1140
|
-
"
|
|
1141
|
-
"type": {
|
|
1142
|
-
"text": "string"
|
|
1143
|
-
}
|
|
1142
|
+
"kind": "field",
|
|
1143
|
+
"name": "handleClick",
|
|
1144
|
+
"privacy": "private"
|
|
1144
1145
|
},
|
|
1145
1146
|
{
|
|
1146
|
-
"
|
|
1147
|
-
"
|
|
1148
|
-
|
|
1147
|
+
"kind": "method",
|
|
1148
|
+
"name": "render"
|
|
1149
|
+
}
|
|
1150
|
+
],
|
|
1151
|
+
"attributes": [
|
|
1152
|
+
{
|
|
1153
|
+
"name": "mode",
|
|
1154
|
+
"fieldName": "mode",
|
|
1155
|
+
"description": "Mode of the popover should be 'default' for internal use",
|
|
1149
1156
|
"type": {
|
|
1150
|
-
"text": "
|
|
1157
|
+
"text": "'default' | 'admin'"
|
|
1151
1158
|
}
|
|
1152
1159
|
},
|
|
1153
1160
|
{
|
|
1154
|
-
"name": "
|
|
1155
|
-
"fieldName": "
|
|
1156
|
-
"
|
|
1161
|
+
"name": "variant",
|
|
1162
|
+
"fieldName": "variant",
|
|
1163
|
+
"default": "'solid'",
|
|
1164
|
+
"description": "Button variant style",
|
|
1157
1165
|
"type": {
|
|
1158
|
-
"text": "
|
|
1166
|
+
"text": "'solid' | 'outlined' | 'clear' | 'system'"
|
|
1159
1167
|
}
|
|
1160
1168
|
},
|
|
1161
1169
|
{
|
|
1162
|
-
"name": "
|
|
1163
|
-
"fieldName": "
|
|
1164
|
-
"
|
|
1170
|
+
"name": "color",
|
|
1171
|
+
"fieldName": "color",
|
|
1172
|
+
"default": "'primary'",
|
|
1173
|
+
"description": "Button color theme (uses theme semantic colors)",
|
|
1165
1174
|
"type": {
|
|
1166
|
-
"text": "
|
|
1175
|
+
"text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info'"
|
|
1167
1176
|
}
|
|
1168
1177
|
},
|
|
1169
1178
|
{
|
|
1170
|
-
"name": "
|
|
1171
|
-
"fieldName": "
|
|
1172
|
-
"
|
|
1179
|
+
"name": "size",
|
|
1180
|
+
"fieldName": "size",
|
|
1181
|
+
"default": "'medium'",
|
|
1182
|
+
"description": "Button size",
|
|
1173
1183
|
"type": {
|
|
1174
|
-
"text": "
|
|
1184
|
+
"text": "'small' | 'medium' | 'large'"
|
|
1175
1185
|
}
|
|
1176
1186
|
},
|
|
1177
1187
|
{
|
|
1178
|
-
"name": "
|
|
1179
|
-
"fieldName": "
|
|
1180
|
-
"
|
|
1188
|
+
"name": "selected",
|
|
1189
|
+
"fieldName": "selected",
|
|
1190
|
+
"default": "false",
|
|
1191
|
+
"description": "Whether the button is in a selected/active state",
|
|
1181
1192
|
"type": {
|
|
1182
|
-
"text": "
|
|
1193
|
+
"text": "boolean"
|
|
1183
1194
|
}
|
|
1184
1195
|
},
|
|
1185
1196
|
{
|
|
1186
|
-
"name": "
|
|
1187
|
-
"fieldName": "
|
|
1188
|
-
"
|
|
1197
|
+
"name": "full-width",
|
|
1198
|
+
"fieldName": "fullWidth",
|
|
1199
|
+
"default": "false",
|
|
1200
|
+
"description": "Whether the button takes full width of its container",
|
|
1189
1201
|
"type": {
|
|
1190
|
-
"text": "
|
|
1202
|
+
"text": "boolean"
|
|
1191
1203
|
}
|
|
1192
1204
|
},
|
|
1193
1205
|
{
|
|
1194
|
-
"name": "
|
|
1195
|
-
"fieldName": "
|
|
1196
|
-
"
|
|
1197
|
-
"description": "Self-alignment override for this item on the cross axis",
|
|
1206
|
+
"name": "icon-only",
|
|
1207
|
+
"fieldName": "iconOnly",
|
|
1208
|
+
"description": "Icon only button image or emoji\nif this prop is set, the button will render only the icon slot",
|
|
1198
1209
|
"type": {
|
|
1199
|
-
"text": "
|
|
1210
|
+
"text": "string | Node"
|
|
1200
1211
|
}
|
|
1201
1212
|
},
|
|
1202
1213
|
{
|
|
1203
|
-
"name": "
|
|
1204
|
-
"fieldName": "
|
|
1205
|
-
"
|
|
1206
|
-
"description": "Internal horizontal alignment of content",
|
|
1214
|
+
"name": "icon-start",
|
|
1215
|
+
"fieldName": "iconStart",
|
|
1216
|
+
"description": "Start icon image or emoji",
|
|
1207
1217
|
"type": {
|
|
1208
|
-
"text": "
|
|
1218
|
+
"text": "string | Node"
|
|
1209
1219
|
}
|
|
1210
1220
|
},
|
|
1211
1221
|
{
|
|
1212
|
-
"name": "
|
|
1213
|
-
"fieldName": "
|
|
1214
|
-
"
|
|
1215
|
-
"description": "Internal vertical alignment of content",
|
|
1222
|
+
"name": "icon-end",
|
|
1223
|
+
"fieldName": "iconEnd",
|
|
1224
|
+
"description": "End icon image or emoji",
|
|
1216
1225
|
"type": {
|
|
1217
|
-
"text": "
|
|
1226
|
+
"text": "string | Node"
|
|
1218
1227
|
}
|
|
1219
1228
|
},
|
|
1220
1229
|
{
|
|
1221
|
-
"name": "
|
|
1222
|
-
"fieldName": "
|
|
1223
|
-
"
|
|
1230
|
+
"name": "disabled",
|
|
1231
|
+
"fieldName": "disabled",
|
|
1232
|
+
"default": "false",
|
|
1233
|
+
"description": "Whether the button is disabled",
|
|
1224
1234
|
"type": {
|
|
1225
|
-
"text": "
|
|
1235
|
+
"text": "boolean"
|
|
1226
1236
|
}
|
|
1227
1237
|
},
|
|
1228
1238
|
{
|
|
1229
|
-
"name": "
|
|
1230
|
-
"fieldName": "
|
|
1231
|
-
"
|
|
1239
|
+
"name": "type",
|
|
1240
|
+
"fieldName": "type",
|
|
1241
|
+
"default": "'button'",
|
|
1242
|
+
"description": "The button type attribute",
|
|
1232
1243
|
"type": {
|
|
1233
|
-
"text": "
|
|
1244
|
+
"text": "'button' | 'submit' | 'reset'"
|
|
1234
1245
|
}
|
|
1235
1246
|
},
|
|
1236
1247
|
{
|
|
1237
|
-
"name": "
|
|
1238
|
-
"fieldName": "
|
|
1239
|
-
"
|
|
1240
|
-
"description": "Whether to display box content as flex (for internal alignment)",
|
|
1248
|
+
"name": "href",
|
|
1249
|
+
"fieldName": "href",
|
|
1250
|
+
"description": "Optional href to make the button act as a link",
|
|
1241
1251
|
"type": {
|
|
1242
|
-
"text": "
|
|
1252
|
+
"text": "string"
|
|
1243
1253
|
}
|
|
1244
1254
|
},
|
|
1245
1255
|
{
|
|
1246
|
-
"name": "
|
|
1247
|
-
"fieldName": "
|
|
1248
|
-
"
|
|
1249
|
-
"description": "Direction of internal flex layout when displayFlex is true",
|
|
1256
|
+
"name": "target",
|
|
1257
|
+
"fieldName": "target",
|
|
1258
|
+
"description": "Link target when href is set",
|
|
1250
1259
|
"type": {
|
|
1251
|
-
"text": "
|
|
1260
|
+
"text": "string"
|
|
1252
1261
|
}
|
|
1253
1262
|
},
|
|
1254
1263
|
{
|
|
1255
|
-
"name": "
|
|
1256
|
-
"fieldName": "
|
|
1257
|
-
"
|
|
1264
|
+
"name": "align",
|
|
1265
|
+
"fieldName": "align",
|
|
1266
|
+
"default": "'center'",
|
|
1267
|
+
"description": "Alignment of the button label without the end icon",
|
|
1258
1268
|
"type": {
|
|
1259
|
-
"text": "
|
|
1269
|
+
"text": "'start' | 'center' | 'space-between' | 'end'"
|
|
1260
1270
|
}
|
|
1261
1271
|
}
|
|
1262
1272
|
],
|
|
1263
|
-
"tagName": "le-
|
|
1264
|
-
"events": [
|
|
1273
|
+
"tagName": "le-button",
|
|
1274
|
+
"events": [
|
|
1275
|
+
{
|
|
1276
|
+
"name": "click",
|
|
1277
|
+
"type": {
|
|
1278
|
+
"text": "EventEmitter<MouseEvent>"
|
|
1279
|
+
},
|
|
1280
|
+
"description": "Emitted when the button is clicked.\nThis is a custom event that wraps the native click but ensures the target is the le-button."
|
|
1281
|
+
}
|
|
1282
|
+
],
|
|
1265
1283
|
"customElement": true
|
|
1266
1284
|
}
|
|
1267
1285
|
],
|
|
1268
1286
|
"exports": [
|
|
1269
1287
|
{
|
|
1270
1288
|
"kind": "js",
|
|
1271
|
-
"name": "
|
|
1289
|
+
"name": "LeButton",
|
|
1272
1290
|
"declaration": {
|
|
1273
|
-
"name": "
|
|
1274
|
-
"module": "src/components/le-
|
|
1291
|
+
"name": "LeButton",
|
|
1292
|
+
"module": "src/components/le-button/le-button.tsx"
|
|
1275
1293
|
}
|
|
1276
1294
|
},
|
|
1277
1295
|
{
|
|
1278
1296
|
"kind": "custom-element-definition",
|
|
1279
|
-
"name": "le-
|
|
1297
|
+
"name": "le-button",
|
|
1280
1298
|
"declaration": {
|
|
1281
|
-
"name": "
|
|
1282
|
-
"module": "src/components/le-
|
|
1299
|
+
"name": "LeButton",
|
|
1300
|
+
"module": "src/components/le-button/le-button.tsx"
|
|
1283
1301
|
}
|
|
1284
1302
|
}
|
|
1285
1303
|
]
|
|
@@ -1591,239 +1609,119 @@
|
|
|
1591
1609
|
},
|
|
1592
1610
|
{
|
|
1593
1611
|
"kind": "javascript-module",
|
|
1594
|
-
"path": "src/components/le-
|
|
1612
|
+
"path": "src/components/le-collapse/le-collapse.tsx",
|
|
1595
1613
|
"declarations": [
|
|
1596
1614
|
{
|
|
1597
1615
|
"kind": "class",
|
|
1598
|
-
"description": "
|
|
1599
|
-
"name": "
|
|
1600
|
-
"
|
|
1616
|
+
"description": "Animated show/hide wrapper.\n\nSupports height collapse (auto->0) and/or fading.\nCan optionally listen to the nearest `le-header` shrink events.",
|
|
1617
|
+
"name": "LeCollapse",
|
|
1618
|
+
"cssProperties": [
|
|
1601
1619
|
{
|
|
1602
|
-
"description": "
|
|
1603
|
-
"name": ""
|
|
1620
|
+
"description": "Transition duration",
|
|
1621
|
+
"name": "--le-collapse-duration"
|
|
1604
1622
|
}
|
|
1605
1623
|
],
|
|
1606
|
-
"
|
|
1607
|
-
{
|
|
1608
|
-
"kind": "field",
|
|
1609
|
-
"name": "el",
|
|
1610
|
-
"type": {
|
|
1611
|
-
"text": "HTMLElement"
|
|
1612
|
-
}
|
|
1613
|
-
},
|
|
1614
|
-
{
|
|
1615
|
-
"kind": "field",
|
|
1616
|
-
"name": "component",
|
|
1617
|
-
"type": {
|
|
1618
|
-
"text": "string"
|
|
1619
|
-
},
|
|
1620
|
-
"description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
|
|
1621
|
-
},
|
|
1622
|
-
{
|
|
1623
|
-
"kind": "field",
|
|
1624
|
-
"name": "displayName",
|
|
1625
|
-
"type": {
|
|
1626
|
-
"text": "string | undefined"
|
|
1627
|
-
},
|
|
1628
|
-
"description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
|
|
1629
|
-
},
|
|
1624
|
+
"cssParts": [
|
|
1630
1625
|
{
|
|
1631
|
-
"
|
|
1632
|
-
"name": "
|
|
1633
|
-
"type": {
|
|
1634
|
-
"text": "string | undefined"
|
|
1635
|
-
},
|
|
1636
|
-
"description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
|
|
1626
|
+
"description": "Collapsible region",
|
|
1627
|
+
"name": "region"
|
|
1637
1628
|
},
|
|
1638
1629
|
{
|
|
1639
|
-
"
|
|
1640
|
-
"name": "
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1630
|
+
"description": "Inner content",
|
|
1631
|
+
"name": "content"
|
|
1632
|
+
}
|
|
1633
|
+
],
|
|
1634
|
+
"slots": [
|
|
1635
|
+
{
|
|
1636
|
+
"description": "Content to animate",
|
|
1637
|
+
"name": ""
|
|
1638
|
+
}
|
|
1639
|
+
],
|
|
1640
|
+
"members": [
|
|
1646
1641
|
{
|
|
1647
1642
|
"kind": "field",
|
|
1648
|
-
"name": "
|
|
1643
|
+
"name": "el",
|
|
1649
1644
|
"type": {
|
|
1650
|
-
"text": "HTMLElement
|
|
1651
|
-
}
|
|
1652
|
-
"privacy": "private",
|
|
1653
|
-
"description": "Reference to the host element (found automatically from parent)"
|
|
1645
|
+
"text": "HTMLElement"
|
|
1646
|
+
}
|
|
1654
1647
|
},
|
|
1655
1648
|
{
|
|
1656
1649
|
"kind": "field",
|
|
1657
|
-
"name": "
|
|
1650
|
+
"name": "closed",
|
|
1658
1651
|
"type": {
|
|
1659
1652
|
"text": "boolean"
|
|
1660
1653
|
},
|
|
1661
|
-
"privacy": "private",
|
|
1662
1654
|
"default": "false",
|
|
1663
|
-
"description": "
|
|
1655
|
+
"description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
|
|
1664
1656
|
},
|
|
1665
1657
|
{
|
|
1666
1658
|
"kind": "field",
|
|
1667
|
-
"name": "
|
|
1659
|
+
"name": "scrollDown",
|
|
1668
1660
|
"type": {
|
|
1669
|
-
"text": "
|
|
1661
|
+
"text": "boolean"
|
|
1670
1662
|
},
|
|
1671
|
-
"
|
|
1672
|
-
"
|
|
1673
|
-
"description": "Component metadata loaded from Custom Elements Manifest"
|
|
1663
|
+
"default": "false",
|
|
1664
|
+
"description": "Whether the content should scroll down from the top when open."
|
|
1674
1665
|
},
|
|
1675
1666
|
{
|
|
1676
1667
|
"kind": "field",
|
|
1677
|
-
"name": "
|
|
1668
|
+
"name": "noFading",
|
|
1678
1669
|
"type": {
|
|
1679
|
-
"text": "
|
|
1670
|
+
"text": "boolean"
|
|
1680
1671
|
},
|
|
1681
|
-
"
|
|
1682
|
-
"
|
|
1683
|
-
"description": "Current property values of the host component"
|
|
1672
|
+
"default": "false",
|
|
1673
|
+
"description": "Stop fading the content when collapsing/expanding."
|
|
1684
1674
|
},
|
|
1685
1675
|
{
|
|
1686
1676
|
"kind": "field",
|
|
1687
|
-
"name": "
|
|
1677
|
+
"name": "collapseOnHeaderShrink",
|
|
1688
1678
|
"type": {
|
|
1689
|
-
"text": "
|
|
1679
|
+
"text": "boolean"
|
|
1690
1680
|
},
|
|
1691
|
-
"
|
|
1692
|
-
|
|
1693
|
-
{
|
|
1694
|
-
"kind": "method",
|
|
1695
|
-
"name": "findHostElement",
|
|
1696
|
-
"privacy": "private",
|
|
1697
|
-
"description": "Find the host element by traversing up through shadow DOM"
|
|
1681
|
+
"default": "false",
|
|
1682
|
+
"description": "If true, collapse/expand based on the nearest header shrink event."
|
|
1698
1683
|
},
|
|
1699
1684
|
{
|
|
1700
1685
|
"kind": "method",
|
|
1701
|
-
"name": "
|
|
1702
|
-
"privacy": "private",
|
|
1703
|
-
"return": {
|
|
1704
|
-
"type": {
|
|
1705
|
-
"text": "string"
|
|
1706
|
-
}
|
|
1707
|
-
},
|
|
1686
|
+
"name": "handleHeaderShrink",
|
|
1708
1687
|
"parameters": [
|
|
1709
1688
|
{
|
|
1710
|
-
"name": "
|
|
1689
|
+
"name": "ev",
|
|
1711
1690
|
"type": {
|
|
1712
|
-
"text": "
|
|
1691
|
+
"text": "Event"
|
|
1713
1692
|
}
|
|
1714
1693
|
}
|
|
1715
1694
|
],
|
|
1716
|
-
"description": "
|
|
1717
|
-
},
|
|
1718
|
-
{
|
|
1719
|
-
"kind": "method",
|
|
1720
|
-
"name": "loadComponentMetadata",
|
|
1721
|
-
"privacy": "private",
|
|
1722
|
-
"description": "Load component metadata from the Custom Elements Manifest"
|
|
1695
|
+
"description": "Handles `leHeaderShrinkChange` events from the `le-header`.\nIn case multiple headers are present, only the nearest one in the DOM tree is used."
|
|
1723
1696
|
},
|
|
1724
1697
|
{
|
|
1725
|
-
"kind": "
|
|
1726
|
-
"name": "
|
|
1727
|
-
"
|
|
1728
|
-
|
|
1729
|
-
"type": {
|
|
1730
|
-
"text": "boolean"
|
|
1731
|
-
}
|
|
1698
|
+
"kind": "field",
|
|
1699
|
+
"name": "headerShrunk",
|
|
1700
|
+
"type": {
|
|
1701
|
+
"text": "boolean"
|
|
1732
1702
|
},
|
|
1733
|
-
"parameters": [
|
|
1734
|
-
{
|
|
1735
|
-
"name": "name",
|
|
1736
|
-
"type": {
|
|
1737
|
-
"text": "string"
|
|
1738
|
-
}
|
|
1739
|
-
}
|
|
1740
|
-
],
|
|
1741
|
-
"description": "Check if an attribute is internal (should not be shown in editor)"
|
|
1742
|
-
},
|
|
1743
|
-
{
|
|
1744
|
-
"kind": "method",
|
|
1745
|
-
"name": "readPropertyValues",
|
|
1746
|
-
"privacy": "private",
|
|
1747
|
-
"description": "Read current property values from the host element"
|
|
1748
|
-
},
|
|
1749
|
-
{
|
|
1750
|
-
"kind": "method",
|
|
1751
|
-
"name": "parseAttributeValue",
|
|
1752
1703
|
"privacy": "private",
|
|
1753
|
-
"
|
|
1754
|
-
"type": {
|
|
1755
|
-
"text": "any"
|
|
1756
|
-
}
|
|
1757
|
-
},
|
|
1758
|
-
"parameters": [
|
|
1759
|
-
{
|
|
1760
|
-
"name": "value",
|
|
1761
|
-
"type": {
|
|
1762
|
-
"text": "string | null"
|
|
1763
|
-
}
|
|
1764
|
-
},
|
|
1765
|
-
{
|
|
1766
|
-
"name": "type",
|
|
1767
|
-
"optional": true,
|
|
1768
|
-
"type": {
|
|
1769
|
-
"text": "string"
|
|
1770
|
-
}
|
|
1771
|
-
}
|
|
1772
|
-
],
|
|
1773
|
-
"description": "Parse an attribute value based on its type"
|
|
1704
|
+
"default": "false"
|
|
1774
1705
|
},
|
|
1775
1706
|
{
|
|
1776
1707
|
"kind": "method",
|
|
1777
|
-
"name": "
|
|
1778
|
-
"privacy": "
|
|
1779
|
-
"parameters": [
|
|
1780
|
-
{
|
|
1781
|
-
"name": "attrName",
|
|
1782
|
-
"type": {
|
|
1783
|
-
"text": "string"
|
|
1784
|
-
}
|
|
1785
|
-
},
|
|
1786
|
-
{
|
|
1787
|
-
"name": "value",
|
|
1788
|
-
"type": {
|
|
1789
|
-
"text": "any"
|
|
1790
|
-
}
|
|
1791
|
-
},
|
|
1792
|
-
{
|
|
1793
|
-
"name": "type",
|
|
1794
|
-
"optional": true,
|
|
1795
|
-
"type": {
|
|
1796
|
-
"text": "string"
|
|
1797
|
-
}
|
|
1798
|
-
}
|
|
1799
|
-
],
|
|
1800
|
-
"description": "Handle property value changes from the editor"
|
|
1708
|
+
"name": "onOpenChange",
|
|
1709
|
+
"privacy": "protected"
|
|
1801
1710
|
},
|
|
1802
1711
|
{
|
|
1803
1712
|
"kind": "method",
|
|
1804
|
-
"name": "
|
|
1805
|
-
"privacy": "
|
|
1806
|
-
"description": "Delete this component from the DOM"
|
|
1713
|
+
"name": "onDrivenStateChange",
|
|
1714
|
+
"privacy": "protected"
|
|
1807
1715
|
},
|
|
1808
1716
|
{
|
|
1809
1717
|
"kind": "method",
|
|
1810
|
-
"name": "
|
|
1811
|
-
"privacy": "private"
|
|
1812
|
-
"description": "Render the property editor form"
|
|
1718
|
+
"name": "shouldBeOpen",
|
|
1719
|
+
"privacy": "private"
|
|
1813
1720
|
},
|
|
1814
1721
|
{
|
|
1815
1722
|
"kind": "method",
|
|
1816
|
-
"name": "
|
|
1817
|
-
"privacy": "private"
|
|
1818
|
-
"parameters": [
|
|
1819
|
-
{
|
|
1820
|
-
"name": "attr",
|
|
1821
|
-
"type": {
|
|
1822
|
-
"text": "AttributeMetadata"
|
|
1823
|
-
}
|
|
1824
|
-
}
|
|
1825
|
-
],
|
|
1826
|
-
"description": "Render a single property field based on its type"
|
|
1723
|
+
"name": "applyOpenState",
|
|
1724
|
+
"privacy": "private"
|
|
1827
1725
|
},
|
|
1828
1726
|
{
|
|
1829
1727
|
"kind": "method",
|
|
@@ -1832,39 +1730,43 @@
|
|
|
1832
1730
|
],
|
|
1833
1731
|
"attributes": [
|
|
1834
1732
|
{
|
|
1835
|
-
"name": "
|
|
1836
|
-
"fieldName": "
|
|
1837
|
-
"
|
|
1733
|
+
"name": "closed",
|
|
1734
|
+
"fieldName": "closed",
|
|
1735
|
+
"default": "false",
|
|
1736
|
+
"description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop.",
|
|
1838
1737
|
"type": {
|
|
1839
|
-
"text": "
|
|
1738
|
+
"text": "boolean"
|
|
1840
1739
|
}
|
|
1841
1740
|
},
|
|
1842
1741
|
{
|
|
1843
|
-
"name": "
|
|
1844
|
-
"fieldName": "
|
|
1845
|
-
"
|
|
1742
|
+
"name": "scroll-down",
|
|
1743
|
+
"fieldName": "scrollDown",
|
|
1744
|
+
"default": "false",
|
|
1745
|
+
"description": "Whether the content should scroll down from the top when open.",
|
|
1846
1746
|
"type": {
|
|
1847
|
-
"text": "
|
|
1747
|
+
"text": "boolean"
|
|
1848
1748
|
}
|
|
1849
1749
|
},
|
|
1850
1750
|
{
|
|
1851
|
-
"name": "
|
|
1852
|
-
"fieldName": "
|
|
1853
|
-
"
|
|
1751
|
+
"name": "no-fading",
|
|
1752
|
+
"fieldName": "noFading",
|
|
1753
|
+
"default": "false",
|
|
1754
|
+
"description": "Stop fading the content when collapsing/expanding.",
|
|
1854
1755
|
"type": {
|
|
1855
|
-
"text": "
|
|
1756
|
+
"text": "boolean"
|
|
1856
1757
|
}
|
|
1857
1758
|
},
|
|
1858
1759
|
{
|
|
1859
|
-
"name": "
|
|
1860
|
-
"fieldName": "
|
|
1861
|
-
"
|
|
1760
|
+
"name": "collapse-on-header-shrink",
|
|
1761
|
+
"fieldName": "collapseOnHeaderShrink",
|
|
1762
|
+
"default": "false",
|
|
1763
|
+
"description": "If true, collapse/expand based on the nearest header shrink event.",
|
|
1862
1764
|
"type": {
|
|
1863
|
-
"text": "
|
|
1765
|
+
"text": "boolean"
|
|
1864
1766
|
}
|
|
1865
1767
|
}
|
|
1866
1768
|
],
|
|
1867
|
-
"tagName": "le-
|
|
1769
|
+
"tagName": "le-collapse",
|
|
1868
1770
|
"events": [],
|
|
1869
1771
|
"customElement": true
|
|
1870
1772
|
}
|
|
@@ -1872,18 +1774,18 @@
|
|
|
1872
1774
|
"exports": [
|
|
1873
1775
|
{
|
|
1874
1776
|
"kind": "js",
|
|
1875
|
-
"name": "
|
|
1777
|
+
"name": "LeCollapse",
|
|
1876
1778
|
"declaration": {
|
|
1877
|
-
"name": "
|
|
1878
|
-
"module": "src/components/le-
|
|
1779
|
+
"name": "LeCollapse",
|
|
1780
|
+
"module": "src/components/le-collapse/le-collapse.tsx"
|
|
1879
1781
|
}
|
|
1880
1782
|
},
|
|
1881
1783
|
{
|
|
1882
1784
|
"kind": "custom-element-definition",
|
|
1883
|
-
"name": "le-
|
|
1785
|
+
"name": "le-collapse",
|
|
1884
1786
|
"declaration": {
|
|
1885
|
-
"name": "
|
|
1886
|
-
"module": "src/components/le-
|
|
1787
|
+
"name": "LeCollapse",
|
|
1788
|
+
"module": "src/components/le-collapse/le-collapse.tsx"
|
|
1887
1789
|
}
|
|
1888
1790
|
}
|
|
1889
1791
|
]
|
|
@@ -2300,31 +2202,15 @@
|
|
|
2300
2202
|
},
|
|
2301
2203
|
{
|
|
2302
2204
|
"kind": "javascript-module",
|
|
2303
|
-
"path": "src/components/le-
|
|
2304
|
-
"declarations": [
|
|
2305
|
-
{
|
|
2306
|
-
"kind": "class",
|
|
2307
|
-
"description": "
|
|
2308
|
-
"name": "
|
|
2309
|
-
"cssProperties": [
|
|
2310
|
-
{
|
|
2311
|
-
"description": "Transition duration",
|
|
2312
|
-
"name": "--le-collapse-duration"
|
|
2313
|
-
}
|
|
2314
|
-
],
|
|
2315
|
-
"cssParts": [
|
|
2316
|
-
{
|
|
2317
|
-
"description": "Collapsible region",
|
|
2318
|
-
"name": "region"
|
|
2319
|
-
},
|
|
2320
|
-
{
|
|
2321
|
-
"description": "Inner content",
|
|
2322
|
-
"name": "content"
|
|
2323
|
-
}
|
|
2324
|
-
],
|
|
2205
|
+
"path": "src/components/le-component/le-component.tsx",
|
|
2206
|
+
"declarations": [
|
|
2207
|
+
{
|
|
2208
|
+
"kind": "class",
|
|
2209
|
+
"description": "Component wrapper for admin mode editing.\n\nThis component is used internally by other components to provide admin-mode\nediting capabilities. It wraps the component's rendered output and shows\na settings popover for editing properties.\n\nIn default mode, it acts as a simple passthrough (display: contents).\nIn admin mode, it shows a border, component name header, and settings popover.\n\nThe host element is found automatically by traversing up through the shadow DOM.\n\nUsage inside a component's render method:\n```tsx\nrender() {\n return (\n <le-component component=\"le-card\">\n <Host>...</Host>\n </le-component>\n );\n}\n```",
|
|
2210
|
+
"name": "LeComponent",
|
|
2325
2211
|
"slots": [
|
|
2326
2212
|
{
|
|
2327
|
-
"description": "
|
|
2213
|
+
"description": "The component's rendered content",
|
|
2328
2214
|
"name": ""
|
|
2329
2215
|
}
|
|
2330
2216
|
],
|
|
@@ -2338,81 +2224,217 @@
|
|
|
2338
2224
|
},
|
|
2339
2225
|
{
|
|
2340
2226
|
"kind": "field",
|
|
2341
|
-
"name": "
|
|
2227
|
+
"name": "component",
|
|
2342
2228
|
"type": {
|
|
2343
|
-
"text": "
|
|
2229
|
+
"text": "string"
|
|
2344
2230
|
},
|
|
2345
|
-
"
|
|
2346
|
-
"description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop."
|
|
2231
|
+
"description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name."
|
|
2347
2232
|
},
|
|
2348
2233
|
{
|
|
2349
2234
|
"kind": "field",
|
|
2350
|
-
"name": "
|
|
2235
|
+
"name": "displayName",
|
|
2351
2236
|
"type": {
|
|
2352
|
-
"text": "
|
|
2237
|
+
"text": "string | undefined"
|
|
2353
2238
|
},
|
|
2354
|
-
"
|
|
2355
|
-
"description": "Whether the content should scroll down from the top when open."
|
|
2239
|
+
"description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name."
|
|
2356
2240
|
},
|
|
2357
2241
|
{
|
|
2358
2242
|
"kind": "field",
|
|
2359
|
-
"name": "
|
|
2243
|
+
"name": "hostClass",
|
|
2360
2244
|
"type": {
|
|
2361
|
-
"text": "
|
|
2245
|
+
"text": "string | undefined"
|
|
2362
2246
|
},
|
|
2363
|
-
"
|
|
2364
|
-
"description": "Stop fading the content when collapsing/expanding."
|
|
2247
|
+
"description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes."
|
|
2365
2248
|
},
|
|
2366
2249
|
{
|
|
2367
2250
|
"kind": "field",
|
|
2368
|
-
"name": "
|
|
2251
|
+
"name": "hostStyle",
|
|
2252
|
+
"type": {
|
|
2253
|
+
"text": "{ [key: string]: string } | undefined"
|
|
2254
|
+
},
|
|
2255
|
+
"description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties)."
|
|
2256
|
+
},
|
|
2257
|
+
{
|
|
2258
|
+
"kind": "field",
|
|
2259
|
+
"name": "hostElement",
|
|
2260
|
+
"type": {
|
|
2261
|
+
"text": "HTMLElement | undefined"
|
|
2262
|
+
},
|
|
2263
|
+
"privacy": "private",
|
|
2264
|
+
"description": "Reference to the host element (found automatically from parent)"
|
|
2265
|
+
},
|
|
2266
|
+
{
|
|
2267
|
+
"kind": "field",
|
|
2268
|
+
"name": "adminMode",
|
|
2369
2269
|
"type": {
|
|
2370
2270
|
"text": "boolean"
|
|
2371
2271
|
},
|
|
2272
|
+
"privacy": "private",
|
|
2372
2273
|
"default": "false",
|
|
2373
|
-
"description": "
|
|
2274
|
+
"description": "Internal state to track admin mode"
|
|
2275
|
+
},
|
|
2276
|
+
{
|
|
2277
|
+
"kind": "field",
|
|
2278
|
+
"name": "componentMeta",
|
|
2279
|
+
"type": {
|
|
2280
|
+
"text": "ComponentMetadata | null"
|
|
2281
|
+
},
|
|
2282
|
+
"privacy": "private",
|
|
2283
|
+
"default": "null",
|
|
2284
|
+
"description": "Component metadata loaded from Custom Elements Manifest"
|
|
2285
|
+
},
|
|
2286
|
+
{
|
|
2287
|
+
"kind": "field",
|
|
2288
|
+
"name": "propertyValues",
|
|
2289
|
+
"type": {
|
|
2290
|
+
"text": "Record<string, any>"
|
|
2291
|
+
},
|
|
2292
|
+
"privacy": "private",
|
|
2293
|
+
"default": "{}",
|
|
2294
|
+
"description": "Current property values of the host component"
|
|
2295
|
+
},
|
|
2296
|
+
{
|
|
2297
|
+
"kind": "field",
|
|
2298
|
+
"name": "disconnectModeObserver",
|
|
2299
|
+
"type": {
|
|
2300
|
+
"text": "() => void | undefined"
|
|
2301
|
+
},
|
|
2302
|
+
"privacy": "private"
|
|
2374
2303
|
},
|
|
2375
2304
|
{
|
|
2376
2305
|
"kind": "method",
|
|
2377
|
-
"name": "
|
|
2306
|
+
"name": "findHostElement",
|
|
2307
|
+
"privacy": "private",
|
|
2308
|
+
"description": "Find the host element by traversing up through shadow DOM"
|
|
2309
|
+
},
|
|
2310
|
+
{
|
|
2311
|
+
"kind": "method",
|
|
2312
|
+
"name": "formatDisplayName",
|
|
2313
|
+
"privacy": "private",
|
|
2314
|
+
"return": {
|
|
2315
|
+
"type": {
|
|
2316
|
+
"text": "string"
|
|
2317
|
+
}
|
|
2318
|
+
},
|
|
2378
2319
|
"parameters": [
|
|
2379
2320
|
{
|
|
2380
|
-
"name": "
|
|
2321
|
+
"name": "tagName",
|
|
2381
2322
|
"type": {
|
|
2382
|
-
"text": "
|
|
2323
|
+
"text": "string"
|
|
2383
2324
|
}
|
|
2384
2325
|
}
|
|
2385
2326
|
],
|
|
2386
|
-
"description": "
|
|
2327
|
+
"description": "Formats a tag name into a display name\ne.g., 'le-card' -> 'Card'"
|
|
2387
2328
|
},
|
|
2388
2329
|
{
|
|
2389
|
-
"kind": "
|
|
2390
|
-
"name": "
|
|
2391
|
-
"
|
|
2392
|
-
|
|
2330
|
+
"kind": "method",
|
|
2331
|
+
"name": "loadComponentMetadata",
|
|
2332
|
+
"privacy": "private",
|
|
2333
|
+
"description": "Load component metadata from the Custom Elements Manifest"
|
|
2334
|
+
},
|
|
2335
|
+
{
|
|
2336
|
+
"kind": "method",
|
|
2337
|
+
"name": "isInternalAttribute",
|
|
2338
|
+
"privacy": "private",
|
|
2339
|
+
"return": {
|
|
2340
|
+
"type": {
|
|
2341
|
+
"text": "boolean"
|
|
2342
|
+
}
|
|
2393
2343
|
},
|
|
2344
|
+
"parameters": [
|
|
2345
|
+
{
|
|
2346
|
+
"name": "name",
|
|
2347
|
+
"type": {
|
|
2348
|
+
"text": "string"
|
|
2349
|
+
}
|
|
2350
|
+
}
|
|
2351
|
+
],
|
|
2352
|
+
"description": "Check if an attribute is internal (should not be shown in editor)"
|
|
2353
|
+
},
|
|
2354
|
+
{
|
|
2355
|
+
"kind": "method",
|
|
2356
|
+
"name": "readPropertyValues",
|
|
2394
2357
|
"privacy": "private",
|
|
2395
|
-
"
|
|
2358
|
+
"description": "Read current property values from the host element"
|
|
2396
2359
|
},
|
|
2397
2360
|
{
|
|
2398
2361
|
"kind": "method",
|
|
2399
|
-
"name": "
|
|
2400
|
-
"privacy": "
|
|
2362
|
+
"name": "parseAttributeValue",
|
|
2363
|
+
"privacy": "private",
|
|
2364
|
+
"return": {
|
|
2365
|
+
"type": {
|
|
2366
|
+
"text": "any"
|
|
2367
|
+
}
|
|
2368
|
+
},
|
|
2369
|
+
"parameters": [
|
|
2370
|
+
{
|
|
2371
|
+
"name": "value",
|
|
2372
|
+
"type": {
|
|
2373
|
+
"text": "string | null"
|
|
2374
|
+
}
|
|
2375
|
+
},
|
|
2376
|
+
{
|
|
2377
|
+
"name": "type",
|
|
2378
|
+
"optional": true,
|
|
2379
|
+
"type": {
|
|
2380
|
+
"text": "string"
|
|
2381
|
+
}
|
|
2382
|
+
}
|
|
2383
|
+
],
|
|
2384
|
+
"description": "Parse an attribute value based on its type"
|
|
2401
2385
|
},
|
|
2402
2386
|
{
|
|
2403
2387
|
"kind": "method",
|
|
2404
|
-
"name": "
|
|
2405
|
-
"privacy": "
|
|
2388
|
+
"name": "handlePropertyChange",
|
|
2389
|
+
"privacy": "private",
|
|
2390
|
+
"parameters": [
|
|
2391
|
+
{
|
|
2392
|
+
"name": "attrName",
|
|
2393
|
+
"type": {
|
|
2394
|
+
"text": "string"
|
|
2395
|
+
}
|
|
2396
|
+
},
|
|
2397
|
+
{
|
|
2398
|
+
"name": "value",
|
|
2399
|
+
"type": {
|
|
2400
|
+
"text": "any"
|
|
2401
|
+
}
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "type",
|
|
2405
|
+
"optional": true,
|
|
2406
|
+
"type": {
|
|
2407
|
+
"text": "string"
|
|
2408
|
+
}
|
|
2409
|
+
}
|
|
2410
|
+
],
|
|
2411
|
+
"description": "Handle property value changes from the editor"
|
|
2406
2412
|
},
|
|
2407
2413
|
{
|
|
2408
2414
|
"kind": "method",
|
|
2409
|
-
"name": "
|
|
2410
|
-
"privacy": "private"
|
|
2415
|
+
"name": "deleteComponent",
|
|
2416
|
+
"privacy": "private",
|
|
2417
|
+
"description": "Delete this component from the DOM"
|
|
2411
2418
|
},
|
|
2412
2419
|
{
|
|
2413
2420
|
"kind": "method",
|
|
2414
|
-
"name": "
|
|
2415
|
-
"privacy": "private"
|
|
2421
|
+
"name": "renderPropertyEditor",
|
|
2422
|
+
"privacy": "private",
|
|
2423
|
+
"description": "Render the property editor form"
|
|
2424
|
+
},
|
|
2425
|
+
{
|
|
2426
|
+
"kind": "method",
|
|
2427
|
+
"name": "renderPropertyField",
|
|
2428
|
+
"privacy": "private",
|
|
2429
|
+
"parameters": [
|
|
2430
|
+
{
|
|
2431
|
+
"name": "attr",
|
|
2432
|
+
"type": {
|
|
2433
|
+
"text": "AttributeMetadata"
|
|
2434
|
+
}
|
|
2435
|
+
}
|
|
2436
|
+
],
|
|
2437
|
+
"description": "Render a single property field based on its type"
|
|
2416
2438
|
},
|
|
2417
2439
|
{
|
|
2418
2440
|
"kind": "method",
|
|
@@ -2421,43 +2443,39 @@
|
|
|
2421
2443
|
],
|
|
2422
2444
|
"attributes": [
|
|
2423
2445
|
{
|
|
2424
|
-
"name": "
|
|
2425
|
-
"fieldName": "
|
|
2426
|
-
"
|
|
2427
|
-
"description": "Since Stencil boolean props default to `false` when the attribute is missing.\ninstead of `open` defaulting to `true`, using a `closed` prop.",
|
|
2446
|
+
"name": "component",
|
|
2447
|
+
"fieldName": "component",
|
|
2448
|
+
"description": "The tag name of the component (e.g., 'le-card').\nUsed to look up property metadata and display the component name.",
|
|
2428
2449
|
"type": {
|
|
2429
|
-
"text": "
|
|
2450
|
+
"text": "string"
|
|
2430
2451
|
}
|
|
2431
2452
|
},
|
|
2432
2453
|
{
|
|
2433
|
-
"name": "
|
|
2434
|
-
"fieldName": "
|
|
2435
|
-
"
|
|
2436
|
-
"description": "Whether the content should scroll down from the top when open.",
|
|
2454
|
+
"name": "display-name",
|
|
2455
|
+
"fieldName": "displayName",
|
|
2456
|
+
"description": "Optional display name for the component.\nIf not provided, the tag name will be formatted as the display name.",
|
|
2437
2457
|
"type": {
|
|
2438
|
-
"text": "
|
|
2458
|
+
"text": "string"
|
|
2439
2459
|
}
|
|
2440
2460
|
},
|
|
2441
2461
|
{
|
|
2442
|
-
"name": "
|
|
2443
|
-
"fieldName": "
|
|
2444
|
-
"
|
|
2445
|
-
"description": "Stop fading the content when collapsing/expanding.",
|
|
2462
|
+
"name": "host-class",
|
|
2463
|
+
"fieldName": "hostClass",
|
|
2464
|
+
"description": "Classes to apply to the host element.\nAllows parent components to pass their styling classes.",
|
|
2446
2465
|
"type": {
|
|
2447
|
-
"text": "
|
|
2466
|
+
"text": "string"
|
|
2448
2467
|
}
|
|
2449
2468
|
},
|
|
2450
2469
|
{
|
|
2451
|
-
"name": "
|
|
2452
|
-
"fieldName": "
|
|
2453
|
-
"
|
|
2454
|
-
"description": "If true, collapse/expand based on the nearest header shrink event.",
|
|
2470
|
+
"name": "host-style",
|
|
2471
|
+
"fieldName": "hostStyle",
|
|
2472
|
+
"description": "Inline styles to apply to the host element.\nAllows parent components to pass dynamic styles (e.g., flex properties).",
|
|
2455
2473
|
"type": {
|
|
2456
|
-
"text": "
|
|
2474
|
+
"text": "{ [key: string]: string }"
|
|
2457
2475
|
}
|
|
2458
2476
|
}
|
|
2459
2477
|
],
|
|
2460
|
-
"tagName": "le-
|
|
2478
|
+
"tagName": "le-component",
|
|
2461
2479
|
"events": [],
|
|
2462
2480
|
"customElement": true
|
|
2463
2481
|
}
|
|
@@ -2465,18 +2483,18 @@
|
|
|
2465
2483
|
"exports": [
|
|
2466
2484
|
{
|
|
2467
2485
|
"kind": "js",
|
|
2468
|
-
"name": "
|
|
2486
|
+
"name": "LeComponent",
|
|
2469
2487
|
"declaration": {
|
|
2470
|
-
"name": "
|
|
2471
|
-
"module": "src/components/le-
|
|
2488
|
+
"name": "LeComponent",
|
|
2489
|
+
"module": "src/components/le-component/le-component.tsx"
|
|
2472
2490
|
}
|
|
2473
2491
|
},
|
|
2474
2492
|
{
|
|
2475
2493
|
"kind": "custom-element-definition",
|
|
2476
|
-
"name": "le-
|
|
2494
|
+
"name": "le-component",
|
|
2477
2495
|
"declaration": {
|
|
2478
|
-
"name": "
|
|
2479
|
-
"module": "src/components/le-
|
|
2496
|
+
"name": "LeComponent",
|
|
2497
|
+
"module": "src/components/le-component/le-component.tsx"
|
|
2480
2498
|
}
|
|
2481
2499
|
}
|
|
2482
2500
|
]
|