@latty-ds/web 0.6.0 → 0.7.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/custom-elements.json +892 -892
- package/dist/components/list/index.js +9 -1
- package/dist/index.cjs +9 -1
- package/dist/index.js +9 -1
- package/dist/manifest.json +81 -81
- package/package.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -415,6 +415,182 @@
|
|
|
415
415
|
}
|
|
416
416
|
]
|
|
417
417
|
},
|
|
418
|
+
{
|
|
419
|
+
"kind": "javascript-module",
|
|
420
|
+
"path": "src/components/avatar/avatar.styles.ts",
|
|
421
|
+
"declarations": [
|
|
422
|
+
{
|
|
423
|
+
"kind": "variable",
|
|
424
|
+
"name": "avatarStyles",
|
|
425
|
+
"default": "css` :host { display: inline-flex; flex-shrink: 0; vertical-align: middle; } span[part='base'] { align-items: center; background: var(--lt-avatar-bg, var(--lt-bg-overlay)); box-sizing: border-box; color: var(--lt-avatar-color, var(--lt-color-neutral-700)); display: inline-flex; justify-content: center; overflow: hidden; position: relative; } img[part='image'] { height: 100%; object-fit: cover; width: 100%; } .initials { font-family: 'Hanken Grotesk', sans-serif; font-weight: 600; letter-spacing: 0.02em; line-height: 1; user-select: none; } /* ── Colors (fallback bg + text) ────────────────────────────────────── */ :host([color='neutral']) span[part='base'] { background: var(--lt-bg-overlay); color: var(--lt-text-neutral); } :host([color='primary']) span[part='base'] { background: var(--lt-bg-primary-subtle); color: var(--lt-text-primary); } :host([color='secondary']) span[part='base'] { background: var(--lt-bg-secondary-subtle); color: var(--lt-text-secondary); } :host([color='success']) span[part='base'] { background: var(--lt-bg-success-subtle); color: var(--lt-text-success); } :host([color='warning']) span[part='base'] { background: var(--lt-bg-warning-subtle); color: var(--lt-text-warning); } :host([color='error']) span[part='base'] { background: var(--lt-bg-error-subtle); color: var(--lt-text-error); } :host([color='info']) span[part='base'] { background: var(--lt-bg-info-subtle); color: var(--lt-text-info); } /* ── Shape ───────────────────────────────────────────────────────────── */ :host([shape='circle']) span[part='base'] { border-radius: 999px; } :host([shape='square']) span[part='base'] { border-radius: var(--lt-border-radius); } /* ── Sizes ───────────────────────────────────────────────────────────── */ :host([size='xs']) span[part='base'] { height: 24px; width: 24px; } :host([size='xs']) .initials { font-size: 0.625rem; } :host([size='sm']) span[part='base'] { height: 32px; width: 32px; } :host([size='sm']) .initials { font-size: 0.75rem; } :host([size='md']) span[part='base'] { height: 40px; width: 40px; } :host([size='md']) .initials { font-size: 0.9375rem; } :host([size='lg']) span[part='base'] { height: 52px; width: 52px; } :host([size='lg']) .initials { font-size: 1.125rem; } :host([size='xl']) span[part='base'] { height: 68px; width: 68px; } :host([size='xl']) .initials { font-size: 1.5rem; } `"
|
|
426
|
+
}
|
|
427
|
+
],
|
|
428
|
+
"exports": [
|
|
429
|
+
{
|
|
430
|
+
"kind": "js",
|
|
431
|
+
"name": "avatarStyles",
|
|
432
|
+
"declaration": {
|
|
433
|
+
"name": "avatarStyles",
|
|
434
|
+
"module": "src/components/avatar/avatar.styles.ts"
|
|
435
|
+
}
|
|
436
|
+
}
|
|
437
|
+
]
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"kind": "javascript-module",
|
|
441
|
+
"path": "src/components/avatar/avatar.ts",
|
|
442
|
+
"declarations": [
|
|
443
|
+
{
|
|
444
|
+
"kind": "class",
|
|
445
|
+
"description": "Displays a user avatar — image, initials fallback, or icon fallback.",
|
|
446
|
+
"name": "Avatar",
|
|
447
|
+
"members": [
|
|
448
|
+
{
|
|
449
|
+
"kind": "field",
|
|
450
|
+
"name": "styles",
|
|
451
|
+
"static": true,
|
|
452
|
+
"default": "avatarStyles"
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"kind": "field",
|
|
456
|
+
"name": "src",
|
|
457
|
+
"type": {
|
|
458
|
+
"text": "string"
|
|
459
|
+
},
|
|
460
|
+
"default": "''",
|
|
461
|
+
"description": "URL of the avatar image."
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"kind": "field",
|
|
465
|
+
"name": "name",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "string"
|
|
468
|
+
},
|
|
469
|
+
"default": "''",
|
|
470
|
+
"description": "Full name used to derive initials when no image is available."
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"kind": "field",
|
|
474
|
+
"name": "alt",
|
|
475
|
+
"type": {
|
|
476
|
+
"text": "string"
|
|
477
|
+
},
|
|
478
|
+
"default": "''",
|
|
479
|
+
"description": "Accessible label for the image (defaults to `name`)."
|
|
480
|
+
},
|
|
481
|
+
{
|
|
482
|
+
"kind": "field",
|
|
483
|
+
"name": "size",
|
|
484
|
+
"type": {
|
|
485
|
+
"text": "AvatarSize"
|
|
486
|
+
},
|
|
487
|
+
"default": "'md'",
|
|
488
|
+
"description": "Size of the avatar."
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"kind": "field",
|
|
492
|
+
"name": "shape",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "AvatarShape"
|
|
495
|
+
},
|
|
496
|
+
"default": "'circle'",
|
|
497
|
+
"description": "Shape of the avatar."
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"kind": "field",
|
|
501
|
+
"name": "color",
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "AvatarColor"
|
|
504
|
+
},
|
|
505
|
+
"default": "'neutral'",
|
|
506
|
+
"description": "Background color used for the initials and icon fallback states."
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"kind": "field",
|
|
510
|
+
"name": "_imgError",
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "boolean"
|
|
513
|
+
},
|
|
514
|
+
"privacy": "private",
|
|
515
|
+
"default": "false"
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"kind": "field",
|
|
519
|
+
"name": "_initials",
|
|
520
|
+
"type": {
|
|
521
|
+
"text": "string"
|
|
522
|
+
},
|
|
523
|
+
"privacy": "private",
|
|
524
|
+
"readonly": true
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"kind": "method",
|
|
528
|
+
"name": "_handleImgError",
|
|
529
|
+
"privacy": "private"
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"kind": "method",
|
|
533
|
+
"name": "render"
|
|
534
|
+
}
|
|
535
|
+
],
|
|
536
|
+
"superclass": {
|
|
537
|
+
"name": "ThemeableElement",
|
|
538
|
+
"module": "/src/base"
|
|
539
|
+
},
|
|
540
|
+
"tagName": "lt-avatar",
|
|
541
|
+
"customElement": true
|
|
542
|
+
}
|
|
543
|
+
],
|
|
544
|
+
"exports": [
|
|
545
|
+
{
|
|
546
|
+
"kind": "js",
|
|
547
|
+
"name": "Avatar",
|
|
548
|
+
"declaration": {
|
|
549
|
+
"name": "Avatar",
|
|
550
|
+
"module": "src/components/avatar/avatar.ts"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
]
|
|
554
|
+
},
|
|
555
|
+
{
|
|
556
|
+
"kind": "javascript-module",
|
|
557
|
+
"path": "src/components/avatar/index.ts",
|
|
558
|
+
"declarations": [],
|
|
559
|
+
"exports": [
|
|
560
|
+
{
|
|
561
|
+
"kind": "js",
|
|
562
|
+
"name": "Avatar",
|
|
563
|
+
"declaration": {
|
|
564
|
+
"name": "Avatar",
|
|
565
|
+
"module": "./avatar"
|
|
566
|
+
}
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"kind": "js",
|
|
570
|
+
"name": "AvatarSize",
|
|
571
|
+
"declaration": {
|
|
572
|
+
"name": "AvatarSize",
|
|
573
|
+
"module": "./avatar.types"
|
|
574
|
+
}
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"kind": "js",
|
|
578
|
+
"name": "AvatarShape",
|
|
579
|
+
"declaration": {
|
|
580
|
+
"name": "AvatarShape",
|
|
581
|
+
"module": "./avatar.types"
|
|
582
|
+
}
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"kind": "js",
|
|
586
|
+
"name": "AvatarColor",
|
|
587
|
+
"declaration": {
|
|
588
|
+
"name": "AvatarColor",
|
|
589
|
+
"module": "./avatar.types"
|
|
590
|
+
}
|
|
591
|
+
}
|
|
592
|
+
]
|
|
593
|
+
},
|
|
418
594
|
{
|
|
419
595
|
"kind": "javascript-module",
|
|
420
596
|
"path": "src/components/badge/badge.styles.ts",
|
|
@@ -561,62 +737,245 @@
|
|
|
561
737
|
},
|
|
562
738
|
{
|
|
563
739
|
"kind": "javascript-module",
|
|
564
|
-
"path": "src/components/
|
|
740
|
+
"path": "src/components/breadcrumb/breadcrumb.styles.ts",
|
|
565
741
|
"declarations": [
|
|
566
742
|
{
|
|
567
743
|
"kind": "variable",
|
|
568
|
-
"name": "
|
|
569
|
-
"default": "css` :host { display:
|
|
744
|
+
"name": "breadcrumbStyles",
|
|
745
|
+
"default": "css` :host { display: block; } [part='list'] { align-items: center; display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; } `"
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"kind": "variable",
|
|
749
|
+
"name": "breadcrumbItemStyles",
|
|
750
|
+
"default": "css` :host { align-items: center; display: inline-flex; font-family: var(--lt-typography-fontfamily); font-size: 0.875rem; } [part='link'] { color: var(--lt-interactive-primary-bg); text-decoration: none; transition: color 120ms ease; } [part='link']:hover { color: var(--lt-interactive-primary-bg-hover); text-decoration: underline; } [part='text'] { color: var(--lt-text-default); font-weight: 600; } [part='separator'] { color: var(--lt-text-muted); margin-inline: var(--lt-spacing-2); user-select: none; } [part='separator']::after { content: var(--lt-breadcrumb-separator, '/'); } :host(:last-child) [part='separator'] { display: none; } `"
|
|
570
751
|
}
|
|
571
752
|
],
|
|
572
753
|
"exports": [
|
|
573
754
|
{
|
|
574
755
|
"kind": "js",
|
|
575
|
-
"name": "
|
|
756
|
+
"name": "breadcrumbStyles",
|
|
576
757
|
"declaration": {
|
|
577
|
-
"name": "
|
|
578
|
-
"module": "src/components/
|
|
758
|
+
"name": "breadcrumbStyles",
|
|
759
|
+
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
760
|
+
}
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"kind": "js",
|
|
764
|
+
"name": "breadcrumbItemStyles",
|
|
765
|
+
"declaration": {
|
|
766
|
+
"name": "breadcrumbItemStyles",
|
|
767
|
+
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
579
768
|
}
|
|
580
769
|
}
|
|
581
770
|
]
|
|
582
771
|
},
|
|
583
772
|
{
|
|
584
773
|
"kind": "javascript-module",
|
|
585
|
-
"path": "src/components/
|
|
774
|
+
"path": "src/components/breadcrumb/breadcrumb.ts",
|
|
586
775
|
"declarations": [
|
|
587
776
|
{
|
|
588
777
|
"kind": "class",
|
|
589
|
-
"description": "
|
|
590
|
-
"name": "
|
|
591
|
-
"slots": [
|
|
592
|
-
{
|
|
593
|
-
"description": "Button label/content",
|
|
594
|
-
"name": ""
|
|
595
|
-
}
|
|
596
|
-
],
|
|
778
|
+
"description": "Navigation breadcrumb trail container.\nPlace `lt-breadcrumb-item` elements inside as direct children.",
|
|
779
|
+
"name": "Breadcrumb",
|
|
597
780
|
"members": [
|
|
598
781
|
{
|
|
599
782
|
"kind": "field",
|
|
600
783
|
"name": "styles",
|
|
601
784
|
"static": true,
|
|
602
|
-
"default": "
|
|
785
|
+
"default": "breadcrumbStyles"
|
|
603
786
|
},
|
|
604
787
|
{
|
|
605
788
|
"kind": "field",
|
|
606
|
-
"name": "
|
|
789
|
+
"name": "separator",
|
|
607
790
|
"type": {
|
|
608
|
-
"text": "
|
|
791
|
+
"text": "string"
|
|
609
792
|
},
|
|
610
|
-
"
|
|
611
|
-
"
|
|
793
|
+
"default": "'/'",
|
|
794
|
+
"description": "The character or element to use as a separator between breadcrumb items.\nThis is passed down to all children items via CSS variables."
|
|
612
795
|
},
|
|
613
796
|
{
|
|
614
|
-
"kind": "
|
|
615
|
-
"name": "
|
|
616
|
-
"
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
797
|
+
"kind": "method",
|
|
798
|
+
"name": "updated",
|
|
799
|
+
"parameters": [
|
|
800
|
+
{
|
|
801
|
+
"name": "changed",
|
|
802
|
+
"type": {
|
|
803
|
+
"text": "PropertyValues<this>"
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
]
|
|
807
|
+
},
|
|
808
|
+
{
|
|
809
|
+
"kind": "method",
|
|
810
|
+
"name": "render"
|
|
811
|
+
}
|
|
812
|
+
],
|
|
813
|
+
"superclass": {
|
|
814
|
+
"name": "ThemeableElement",
|
|
815
|
+
"module": "/src/base"
|
|
816
|
+
},
|
|
817
|
+
"tagName": "lt-breadcrumb",
|
|
818
|
+
"customElement": true
|
|
819
|
+
},
|
|
820
|
+
{
|
|
821
|
+
"kind": "class",
|
|
822
|
+
"description": "A single step in a breadcrumb trail.\nRenders as a link when `href` is provided, or as plain text when `current`.",
|
|
823
|
+
"name": "BreadcrumbItem",
|
|
824
|
+
"members": [
|
|
825
|
+
{
|
|
826
|
+
"kind": "field",
|
|
827
|
+
"name": "styles",
|
|
828
|
+
"static": true,
|
|
829
|
+
"default": "breadcrumbItemStyles"
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"kind": "field",
|
|
833
|
+
"name": "href",
|
|
834
|
+
"type": {
|
|
835
|
+
"text": "string"
|
|
836
|
+
},
|
|
837
|
+
"default": "''",
|
|
838
|
+
"description": "URL this item links to. Omit for the current (last) item."
|
|
839
|
+
},
|
|
840
|
+
{
|
|
841
|
+
"kind": "field",
|
|
842
|
+
"name": "current",
|
|
843
|
+
"type": {
|
|
844
|
+
"text": "boolean"
|
|
845
|
+
},
|
|
846
|
+
"default": "false",
|
|
847
|
+
"description": "Marks this item as the current page. Renders as non-linked text with `aria-current=\"page\"`."
|
|
848
|
+
},
|
|
849
|
+
{
|
|
850
|
+
"kind": "field",
|
|
851
|
+
"name": "separator",
|
|
852
|
+
"type": {
|
|
853
|
+
"text": "string"
|
|
854
|
+
},
|
|
855
|
+
"default": "''",
|
|
856
|
+
"description": "Custom separator for this specific item. Overrides the parent's separator."
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"kind": "method",
|
|
860
|
+
"name": "render"
|
|
861
|
+
}
|
|
862
|
+
],
|
|
863
|
+
"superclass": {
|
|
864
|
+
"name": "ThemeableElement",
|
|
865
|
+
"module": "/src/base"
|
|
866
|
+
},
|
|
867
|
+
"tagName": "lt-breadcrumb-item",
|
|
868
|
+
"customElement": true
|
|
869
|
+
}
|
|
870
|
+
],
|
|
871
|
+
"exports": [
|
|
872
|
+
{
|
|
873
|
+
"kind": "js",
|
|
874
|
+
"name": "Breadcrumb",
|
|
875
|
+
"declaration": {
|
|
876
|
+
"name": "Breadcrumb",
|
|
877
|
+
"module": "src/components/breadcrumb/breadcrumb.ts"
|
|
878
|
+
}
|
|
879
|
+
},
|
|
880
|
+
{
|
|
881
|
+
"kind": "js",
|
|
882
|
+
"name": "BreadcrumbItem",
|
|
883
|
+
"declaration": {
|
|
884
|
+
"name": "BreadcrumbItem",
|
|
885
|
+
"module": "src/components/breadcrumb/breadcrumb.ts"
|
|
886
|
+
}
|
|
887
|
+
}
|
|
888
|
+
]
|
|
889
|
+
},
|
|
890
|
+
{
|
|
891
|
+
"kind": "javascript-module",
|
|
892
|
+
"path": "src/components/breadcrumb/index.ts",
|
|
893
|
+
"declarations": [],
|
|
894
|
+
"exports": [
|
|
895
|
+
{
|
|
896
|
+
"kind": "js",
|
|
897
|
+
"name": "Breadcrumb",
|
|
898
|
+
"declaration": {
|
|
899
|
+
"name": "Breadcrumb",
|
|
900
|
+
"module": "./breadcrumb"
|
|
901
|
+
}
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"kind": "js",
|
|
905
|
+
"name": "BreadcrumbItem",
|
|
906
|
+
"declaration": {
|
|
907
|
+
"name": "BreadcrumbItem",
|
|
908
|
+
"module": "./breadcrumb"
|
|
909
|
+
}
|
|
910
|
+
},
|
|
911
|
+
{
|
|
912
|
+
"kind": "js",
|
|
913
|
+
"name": "BreadcrumbSeparator",
|
|
914
|
+
"declaration": {
|
|
915
|
+
"name": "BreadcrumbSeparator",
|
|
916
|
+
"module": "./breadcrumb.types"
|
|
917
|
+
}
|
|
918
|
+
}
|
|
919
|
+
]
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "javascript-module",
|
|
923
|
+
"path": "src/components/button/button.styles.ts",
|
|
924
|
+
"declarations": [
|
|
925
|
+
{
|
|
926
|
+
"kind": "variable",
|
|
927
|
+
"name": "buttonStyles",
|
|
928
|
+
"default": "css` :host { display: inline-block; font-family: 'Hanken Grotesk', sans-serif; /* Internal state props — set per variant/appearance below */ --_color: var(--lt-text-on-primary); --_bg: var(--lt-interactive-primary-bg); --_border-color: transparent; --_hover-bg: var(--lt-interactive-primary-bg-hover); --_active-bg: var(--lt-interactive-primary-bg-active); } :host([full-width]) { display: block; width: 100%; } :host([full-width]) [part='base'] { width: 100%; } [part='base'] { align-items: center; background: var(--lt-button-bg, var(--_bg)); border-radius: var(--lt-border-radius); border: 1px solid var(--lt-button-border-color, var(--_border-color)); box-sizing: border-box; color: var(--lt-button-color, var(--_color)); cursor: pointer; display: inline-flex; font-family: inherit; font-weight: 400; gap: var(--lt-spacing-2); justify-content: center; line-height: 1; min-width: 88px; user-select: none; transition: background-color 120ms ease, border-color 120ms ease, transform 50ms ease; } [part='base']:active { transform: translateY(1px); } [part='base']:focus-visible { outline: 3px solid var(--lt-border-focus); outline-offset: 2px; } [part='base'][disabled], [part='base'][aria-disabled='true'] { cursor: not-allowed; opacity: 0.6; pointer-events: none; transform: none; } /* anchor reset — browsers apply link color + underline by default */ a[part='base'] { text-decoration: none; } /* sizes */ :host([size='sm']) [part='base'] { font-size: 0.875rem; height: 32px; padding-inline: var(--lt-spacing-3); } :host([size='md']) [part='base'] { font-size: 1rem; height: 40px; padding-inline: var(--lt-spacing-4); } :host([size='lg']) [part='base'] { font-size: 1.0625rem; height: 48px; padding-inline: var(--lt-spacing-5); } /* variants — solid */ :host([variant='primary']) { --_bg: var(--lt-interactive-primary-bg); --_color: var(--lt-text-on-primary); --_hover-bg: var(--lt-interactive-primary-bg-hover); --_active-bg: var(--lt-interactive-primary-bg-active); } :host([variant='secondary']) { --_bg: var(--lt-interactive-secondary-bg); --_color: var(--lt-text-on-secondary); --_hover-bg: var(--lt-interactive-secondary-bg-hover); --_active-bg: var(--lt-interactive-secondary-bg-active); } :host([variant='neutral']) { --_bg: var(--lt-color-neutral-500); --_color: var(--lt-color-neutral-50); --_hover-bg: var(--lt-color-neutral-700); --_active-bg: var(--lt-color-neutral-800); } :host([variant='success']) { --_bg: var(--lt-interactive-success-bg); --_color: var(--lt-text-on-success); --_hover-bg: var(--lt-interactive-success-bg-hover); --_active-bg: var(--lt-interactive-success-bg-active); } :host([variant='warning']) { --_bg: var(--lt-interactive-warning-bg); --_color: var(--lt-text-on-warning); --_hover-bg: var(--lt-interactive-warning-bg-hover); --_active-bg: var(--lt-interactive-warning-bg-active); } :host([variant='error']) { --_bg: var(--lt-interactive-error-bg); --_color: var(--lt-text-on-error); --_hover-bg: var(--lt-interactive-error-bg-hover); --_active-bg: var(--lt-interactive-error-bg-active); } :host([variant='info']) { --_bg: var(--lt-interactive-info-bg); --_color: var(--lt-text-on-info); --_hover-bg: var(--lt-interactive-info-bg-hover); --_active-bg: var(--lt-interactive-info-bg-active); } [part='base']:hover:not([disabled]):not([aria-disabled='true']) { background: var(--lt-button-bg, var(--_hover-bg)); } [part='base']:active:not([disabled]):not([aria-disabled='true']) { background: var(--lt-button-bg, var(--_active-bg)); } /* outlined appearance */ :host([appearance='outlined'][variant='primary']) { --_bg: transparent; --_color: var(--lt-text-primary); --_border-color: var(--lt-border-primary-strong); --_hover-bg: var(--lt-bg-primary-subtle); --_active-bg: var(--lt-bg-primary-subtle); } :host([appearance='outlined'][variant='secondary']) { --_bg: transparent; --_color: var(--lt-text-secondary); --_border-color: var(--lt-border-secondary-strong); --_hover-bg: var(--lt-bg-secondary-subtle); --_active-bg: var(--lt-bg-secondary-subtle); } :host([appearance='outlined'][variant='neutral']) { --_bg: transparent; --_color: var(--lt-text-neutral); --_border-color: var(--lt-border-strong); --_hover-bg: var(--lt-bg-subtle); --_active-bg: var(--lt-bg-surface); } :host([appearance='outlined'][variant='success']) { --_bg: transparent; --_color: var(--lt-text-success); --_border-color: var(--lt-border-success-strong); --_hover-bg: var(--lt-bg-success-subtle); --_active-bg: var(--lt-bg-success-subtle); } :host([appearance='outlined'][variant='warning']) { --_bg: transparent; --_color: var(--lt-text-warning); --_border-color: var(--lt-border-warning-strong); --_hover-bg: var(--lt-bg-warning-subtle); --_active-bg: var(--lt-bg-warning-subtle); } :host([appearance='outlined'][variant='error']) { --_bg: transparent; --_color: var(--lt-text-error); --_border-color: var(--lt-border-error-strong); --_hover-bg: var(--lt-bg-error-subtle); --_active-bg: var(--lt-bg-error-subtle); } :host([appearance='outlined'][variant='info']) { --_bg: transparent; --_color: var(--lt-text-info); --_border-color: var(--lt-border-info-strong); --_hover-bg: var(--lt-bg-info-subtle); --_active-bg: var(--lt-bg-info-subtle); } :host([appearance='outlined']) [part='base']:active:not([disabled]):not([aria-disabled='true']) { opacity: 0.8; } /* loading */ .spinner { animation: spin 700ms linear infinite; border-radius: 999px; border-right-color: transparent; border: 2px solid currentColor; height: 1em; width: 1em; } @keyframes spin { to { transform: rotate(360deg); } } .icon, .end { align-items: center; display: inline-flex; justify-content: center; } :host([uppercase]) [part='base'] { font-variant-caps: small-caps; letter-spacing: 0.05rem; text-transform: lowercase; } `"
|
|
929
|
+
}
|
|
930
|
+
],
|
|
931
|
+
"exports": [
|
|
932
|
+
{
|
|
933
|
+
"kind": "js",
|
|
934
|
+
"name": "buttonStyles",
|
|
935
|
+
"declaration": {
|
|
936
|
+
"name": "buttonStyles",
|
|
937
|
+
"module": "src/components/button/button.styles.ts"
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
]
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"kind": "javascript-module",
|
|
944
|
+
"path": "src/components/button/button.ts",
|
|
945
|
+
"declarations": [
|
|
946
|
+
{
|
|
947
|
+
"kind": "class",
|
|
948
|
+
"description": "Button component with multiple variants, sizes, appearances, and loading state support.",
|
|
949
|
+
"name": "Button",
|
|
950
|
+
"slots": [
|
|
951
|
+
{
|
|
952
|
+
"description": "Button label/content",
|
|
953
|
+
"name": ""
|
|
954
|
+
}
|
|
955
|
+
],
|
|
956
|
+
"members": [
|
|
957
|
+
{
|
|
958
|
+
"kind": "field",
|
|
959
|
+
"name": "styles",
|
|
960
|
+
"static": true,
|
|
961
|
+
"default": "buttonStyles"
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"kind": "field",
|
|
965
|
+
"name": "formAssociated",
|
|
966
|
+
"type": {
|
|
967
|
+
"text": "boolean"
|
|
968
|
+
},
|
|
969
|
+
"static": true,
|
|
970
|
+
"default": "true"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"kind": "field",
|
|
974
|
+
"name": "_internals",
|
|
975
|
+
"type": {
|
|
976
|
+
"text": "ElementInternals"
|
|
977
|
+
},
|
|
978
|
+
"privacy": "private"
|
|
620
979
|
},
|
|
621
980
|
{
|
|
622
981
|
"kind": "field",
|
|
@@ -1288,418 +1647,59 @@
|
|
|
1288
1647
|
"text": "Date"
|
|
1289
1648
|
}
|
|
1290
1649
|
}
|
|
1291
|
-
]
|
|
1292
|
-
},
|
|
1293
|
-
{
|
|
1294
|
-
"kind": "method",
|
|
1295
|
-
"name": "render"
|
|
1296
|
-
}
|
|
1297
|
-
],
|
|
1298
|
-
"events": [
|
|
1299
|
-
{
|
|
1300
|
-
"type": {
|
|
1301
|
-
"text": "CustomEvent<{valueStart: string, valueEnd: string}>"
|
|
1302
|
-
},
|
|
1303
|
-
"description": "Fired when a full range is selected (mode=\"range\").",
|
|
1304
|
-
"name": "change"
|
|
1305
|
-
},
|
|
1306
|
-
{
|
|
1307
|
-
"type": {
|
|
1308
|
-
"text": "CustomEvent<{year: number, month: number}>"
|
|
1309
|
-
},
|
|
1310
|
-
"description": "Fired when the viewed month changes.",
|
|
1311
|
-
"name": "month-change"
|
|
1312
|
-
}
|
|
1313
|
-
],
|
|
1314
|
-
"superclass": {
|
|
1315
|
-
"name": "ThemeableElement",
|
|
1316
|
-
"module": "/src/base"
|
|
1317
|
-
},
|
|
1318
|
-
"tagName": "lt-calendar",
|
|
1319
|
-
"customElement": true
|
|
1320
|
-
}
|
|
1321
|
-
],
|
|
1322
|
-
"exports": [
|
|
1323
|
-
{
|
|
1324
|
-
"kind": "js",
|
|
1325
|
-
"name": "Calendar",
|
|
1326
|
-
"declaration": {
|
|
1327
|
-
"name": "Calendar",
|
|
1328
|
-
"module": "src/components/calendar/calendar.ts"
|
|
1329
|
-
}
|
|
1330
|
-
}
|
|
1331
|
-
]
|
|
1332
|
-
},
|
|
1333
|
-
{
|
|
1334
|
-
"kind": "javascript-module",
|
|
1335
|
-
"path": "src/components/calendar/index.ts",
|
|
1336
|
-
"declarations": [],
|
|
1337
|
-
"exports": [
|
|
1338
|
-
{
|
|
1339
|
-
"kind": "js",
|
|
1340
|
-
"name": "Calendar",
|
|
1341
|
-
"declaration": {
|
|
1342
|
-
"name": "Calendar",
|
|
1343
|
-
"module": "./calendar"
|
|
1344
|
-
}
|
|
1345
|
-
}
|
|
1346
|
-
]
|
|
1347
|
-
},
|
|
1348
|
-
{
|
|
1349
|
-
"kind": "javascript-module",
|
|
1350
|
-
"path": "src/components/breadcrumb/breadcrumb.styles.ts",
|
|
1351
|
-
"declarations": [
|
|
1352
|
-
{
|
|
1353
|
-
"kind": "variable",
|
|
1354
|
-
"name": "breadcrumbStyles",
|
|
1355
|
-
"default": "css` :host { display: block; } [part='list'] { align-items: center; display: flex; flex-wrap: wrap; gap: 0; list-style: none; margin: 0; padding: 0; } `"
|
|
1356
|
-
},
|
|
1357
|
-
{
|
|
1358
|
-
"kind": "variable",
|
|
1359
|
-
"name": "breadcrumbItemStyles",
|
|
1360
|
-
"default": "css` :host { align-items: center; display: inline-flex; font-family: var(--lt-typography-fontfamily); font-size: 0.875rem; } [part='link'] { color: var(--lt-interactive-primary-bg); text-decoration: none; transition: color 120ms ease; } [part='link']:hover { color: var(--lt-interactive-primary-bg-hover); text-decoration: underline; } [part='text'] { color: var(--lt-text-default); font-weight: 600; } [part='separator'] { color: var(--lt-text-muted); margin-inline: var(--lt-spacing-2); user-select: none; } [part='separator']::after { content: var(--lt-breadcrumb-separator, '/'); } :host(:last-child) [part='separator'] { display: none; } `"
|
|
1361
|
-
}
|
|
1362
|
-
],
|
|
1363
|
-
"exports": [
|
|
1364
|
-
{
|
|
1365
|
-
"kind": "js",
|
|
1366
|
-
"name": "breadcrumbStyles",
|
|
1367
|
-
"declaration": {
|
|
1368
|
-
"name": "breadcrumbStyles",
|
|
1369
|
-
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
1370
|
-
}
|
|
1371
|
-
},
|
|
1372
|
-
{
|
|
1373
|
-
"kind": "js",
|
|
1374
|
-
"name": "breadcrumbItemStyles",
|
|
1375
|
-
"declaration": {
|
|
1376
|
-
"name": "breadcrumbItemStyles",
|
|
1377
|
-
"module": "src/components/breadcrumb/breadcrumb.styles.ts"
|
|
1378
|
-
}
|
|
1379
|
-
}
|
|
1380
|
-
]
|
|
1381
|
-
},
|
|
1382
|
-
{
|
|
1383
|
-
"kind": "javascript-module",
|
|
1384
|
-
"path": "src/components/breadcrumb/breadcrumb.ts",
|
|
1385
|
-
"declarations": [
|
|
1386
|
-
{
|
|
1387
|
-
"kind": "class",
|
|
1388
|
-
"description": "Navigation breadcrumb trail container.\nPlace `lt-breadcrumb-item` elements inside as direct children.",
|
|
1389
|
-
"name": "Breadcrumb",
|
|
1390
|
-
"members": [
|
|
1391
|
-
{
|
|
1392
|
-
"kind": "field",
|
|
1393
|
-
"name": "styles",
|
|
1394
|
-
"static": true,
|
|
1395
|
-
"default": "breadcrumbStyles"
|
|
1396
|
-
},
|
|
1397
|
-
{
|
|
1398
|
-
"kind": "field",
|
|
1399
|
-
"name": "separator",
|
|
1400
|
-
"type": {
|
|
1401
|
-
"text": "string"
|
|
1402
|
-
},
|
|
1403
|
-
"default": "'/'",
|
|
1404
|
-
"description": "The character or element to use as a separator between breadcrumb items.\nThis is passed down to all children items via CSS variables."
|
|
1405
|
-
},
|
|
1406
|
-
{
|
|
1407
|
-
"kind": "method",
|
|
1408
|
-
"name": "updated",
|
|
1409
|
-
"parameters": [
|
|
1410
|
-
{
|
|
1411
|
-
"name": "changed",
|
|
1412
|
-
"type": {
|
|
1413
|
-
"text": "PropertyValues<this>"
|
|
1414
|
-
}
|
|
1415
|
-
}
|
|
1416
|
-
]
|
|
1417
|
-
},
|
|
1418
|
-
{
|
|
1419
|
-
"kind": "method",
|
|
1420
|
-
"name": "render"
|
|
1421
|
-
}
|
|
1422
|
-
],
|
|
1423
|
-
"superclass": {
|
|
1424
|
-
"name": "ThemeableElement",
|
|
1425
|
-
"module": "/src/base"
|
|
1426
|
-
},
|
|
1427
|
-
"tagName": "lt-breadcrumb",
|
|
1428
|
-
"customElement": true
|
|
1429
|
-
},
|
|
1430
|
-
{
|
|
1431
|
-
"kind": "class",
|
|
1432
|
-
"description": "A single step in a breadcrumb trail.\nRenders as a link when `href` is provided, or as plain text when `current`.",
|
|
1433
|
-
"name": "BreadcrumbItem",
|
|
1434
|
-
"members": [
|
|
1435
|
-
{
|
|
1436
|
-
"kind": "field",
|
|
1437
|
-
"name": "styles",
|
|
1438
|
-
"static": true,
|
|
1439
|
-
"default": "breadcrumbItemStyles"
|
|
1440
|
-
},
|
|
1441
|
-
{
|
|
1442
|
-
"kind": "field",
|
|
1443
|
-
"name": "href",
|
|
1444
|
-
"type": {
|
|
1445
|
-
"text": "string"
|
|
1446
|
-
},
|
|
1447
|
-
"default": "''",
|
|
1448
|
-
"description": "URL this item links to. Omit for the current (last) item."
|
|
1449
|
-
},
|
|
1450
|
-
{
|
|
1451
|
-
"kind": "field",
|
|
1452
|
-
"name": "current",
|
|
1453
|
-
"type": {
|
|
1454
|
-
"text": "boolean"
|
|
1455
|
-
},
|
|
1456
|
-
"default": "false",
|
|
1457
|
-
"description": "Marks this item as the current page. Renders as non-linked text with `aria-current=\"page\"`."
|
|
1458
|
-
},
|
|
1459
|
-
{
|
|
1460
|
-
"kind": "field",
|
|
1461
|
-
"name": "separator",
|
|
1462
|
-
"type": {
|
|
1463
|
-
"text": "string"
|
|
1464
|
-
},
|
|
1465
|
-
"default": "''",
|
|
1466
|
-
"description": "Custom separator for this specific item. Overrides the parent's separator."
|
|
1467
|
-
},
|
|
1468
|
-
{
|
|
1469
|
-
"kind": "method",
|
|
1470
|
-
"name": "render"
|
|
1471
|
-
}
|
|
1472
|
-
],
|
|
1473
|
-
"superclass": {
|
|
1474
|
-
"name": "ThemeableElement",
|
|
1475
|
-
"module": "/src/base"
|
|
1476
|
-
},
|
|
1477
|
-
"tagName": "lt-breadcrumb-item",
|
|
1478
|
-
"customElement": true
|
|
1479
|
-
}
|
|
1480
|
-
],
|
|
1481
|
-
"exports": [
|
|
1482
|
-
{
|
|
1483
|
-
"kind": "js",
|
|
1484
|
-
"name": "Breadcrumb",
|
|
1485
|
-
"declaration": {
|
|
1486
|
-
"name": "Breadcrumb",
|
|
1487
|
-
"module": "src/components/breadcrumb/breadcrumb.ts"
|
|
1488
|
-
}
|
|
1489
|
-
},
|
|
1490
|
-
{
|
|
1491
|
-
"kind": "js",
|
|
1492
|
-
"name": "BreadcrumbItem",
|
|
1493
|
-
"declaration": {
|
|
1494
|
-
"name": "BreadcrumbItem",
|
|
1495
|
-
"module": "src/components/breadcrumb/breadcrumb.ts"
|
|
1496
|
-
}
|
|
1497
|
-
}
|
|
1498
|
-
]
|
|
1499
|
-
},
|
|
1500
|
-
{
|
|
1501
|
-
"kind": "javascript-module",
|
|
1502
|
-
"path": "src/components/breadcrumb/index.ts",
|
|
1503
|
-
"declarations": [],
|
|
1504
|
-
"exports": [
|
|
1505
|
-
{
|
|
1506
|
-
"kind": "js",
|
|
1507
|
-
"name": "Breadcrumb",
|
|
1508
|
-
"declaration": {
|
|
1509
|
-
"name": "Breadcrumb",
|
|
1510
|
-
"module": "./breadcrumb"
|
|
1511
|
-
}
|
|
1512
|
-
},
|
|
1513
|
-
{
|
|
1514
|
-
"kind": "js",
|
|
1515
|
-
"name": "BreadcrumbItem",
|
|
1516
|
-
"declaration": {
|
|
1517
|
-
"name": "BreadcrumbItem",
|
|
1518
|
-
"module": "./breadcrumb"
|
|
1519
|
-
}
|
|
1520
|
-
},
|
|
1521
|
-
{
|
|
1522
|
-
"kind": "js",
|
|
1523
|
-
"name": "BreadcrumbSeparator",
|
|
1524
|
-
"declaration": {
|
|
1525
|
-
"name": "BreadcrumbSeparator",
|
|
1526
|
-
"module": "./breadcrumb.types"
|
|
1527
|
-
}
|
|
1528
|
-
}
|
|
1529
|
-
]
|
|
1530
|
-
},
|
|
1531
|
-
{
|
|
1532
|
-
"kind": "javascript-module",
|
|
1533
|
-
"path": "src/components/avatar/avatar.styles.ts",
|
|
1534
|
-
"declarations": [
|
|
1535
|
-
{
|
|
1536
|
-
"kind": "variable",
|
|
1537
|
-
"name": "avatarStyles",
|
|
1538
|
-
"default": "css` :host { display: inline-flex; flex-shrink: 0; vertical-align: middle; } span[part='base'] { align-items: center; background: var(--lt-avatar-bg, var(--lt-bg-overlay)); box-sizing: border-box; color: var(--lt-avatar-color, var(--lt-color-neutral-700)); display: inline-flex; justify-content: center; overflow: hidden; position: relative; } img[part='image'] { height: 100%; object-fit: cover; width: 100%; } .initials { font-family: 'Hanken Grotesk', sans-serif; font-weight: 600; letter-spacing: 0.02em; line-height: 1; user-select: none; } /* ── Colors (fallback bg + text) ────────────────────────────────────── */ :host([color='neutral']) span[part='base'] { background: var(--lt-bg-overlay); color: var(--lt-text-neutral); } :host([color='primary']) span[part='base'] { background: var(--lt-bg-primary-subtle); color: var(--lt-text-primary); } :host([color='secondary']) span[part='base'] { background: var(--lt-bg-secondary-subtle); color: var(--lt-text-secondary); } :host([color='success']) span[part='base'] { background: var(--lt-bg-success-subtle); color: var(--lt-text-success); } :host([color='warning']) span[part='base'] { background: var(--lt-bg-warning-subtle); color: var(--lt-text-warning); } :host([color='error']) span[part='base'] { background: var(--lt-bg-error-subtle); color: var(--lt-text-error); } :host([color='info']) span[part='base'] { background: var(--lt-bg-info-subtle); color: var(--lt-text-info); } /* ── Shape ───────────────────────────────────────────────────────────── */ :host([shape='circle']) span[part='base'] { border-radius: 999px; } :host([shape='square']) span[part='base'] { border-radius: var(--lt-border-radius); } /* ── Sizes ───────────────────────────────────────────────────────────── */ :host([size='xs']) span[part='base'] { height: 24px; width: 24px; } :host([size='xs']) .initials { font-size: 0.625rem; } :host([size='sm']) span[part='base'] { height: 32px; width: 32px; } :host([size='sm']) .initials { font-size: 0.75rem; } :host([size='md']) span[part='base'] { height: 40px; width: 40px; } :host([size='md']) .initials { font-size: 0.9375rem; } :host([size='lg']) span[part='base'] { height: 52px; width: 52px; } :host([size='lg']) .initials { font-size: 1.125rem; } :host([size='xl']) span[part='base'] { height: 68px; width: 68px; } :host([size='xl']) .initials { font-size: 1.5rem; } `"
|
|
1539
|
-
}
|
|
1540
|
-
],
|
|
1541
|
-
"exports": [
|
|
1542
|
-
{
|
|
1543
|
-
"kind": "js",
|
|
1544
|
-
"name": "avatarStyles",
|
|
1545
|
-
"declaration": {
|
|
1546
|
-
"name": "avatarStyles",
|
|
1547
|
-
"module": "src/components/avatar/avatar.styles.ts"
|
|
1548
|
-
}
|
|
1549
|
-
}
|
|
1550
|
-
]
|
|
1551
|
-
},
|
|
1552
|
-
{
|
|
1553
|
-
"kind": "javascript-module",
|
|
1554
|
-
"path": "src/components/avatar/avatar.ts",
|
|
1555
|
-
"declarations": [
|
|
1556
|
-
{
|
|
1557
|
-
"kind": "class",
|
|
1558
|
-
"description": "Displays a user avatar — image, initials fallback, or icon fallback.",
|
|
1559
|
-
"name": "Avatar",
|
|
1560
|
-
"members": [
|
|
1561
|
-
{
|
|
1562
|
-
"kind": "field",
|
|
1563
|
-
"name": "styles",
|
|
1564
|
-
"static": true,
|
|
1565
|
-
"default": "avatarStyles"
|
|
1566
|
-
},
|
|
1567
|
-
{
|
|
1568
|
-
"kind": "field",
|
|
1569
|
-
"name": "src",
|
|
1570
|
-
"type": {
|
|
1571
|
-
"text": "string"
|
|
1572
|
-
},
|
|
1573
|
-
"default": "''",
|
|
1574
|
-
"description": "URL of the avatar image."
|
|
1575
|
-
},
|
|
1576
|
-
{
|
|
1577
|
-
"kind": "field",
|
|
1578
|
-
"name": "name",
|
|
1579
|
-
"type": {
|
|
1580
|
-
"text": "string"
|
|
1581
|
-
},
|
|
1582
|
-
"default": "''",
|
|
1583
|
-
"description": "Full name used to derive initials when no image is available."
|
|
1584
|
-
},
|
|
1585
|
-
{
|
|
1586
|
-
"kind": "field",
|
|
1587
|
-
"name": "alt",
|
|
1588
|
-
"type": {
|
|
1589
|
-
"text": "string"
|
|
1590
|
-
},
|
|
1591
|
-
"default": "''",
|
|
1592
|
-
"description": "Accessible label for the image (defaults to `name`)."
|
|
1593
|
-
},
|
|
1594
|
-
{
|
|
1595
|
-
"kind": "field",
|
|
1596
|
-
"name": "size",
|
|
1597
|
-
"type": {
|
|
1598
|
-
"text": "AvatarSize"
|
|
1599
|
-
},
|
|
1600
|
-
"default": "'md'",
|
|
1601
|
-
"description": "Size of the avatar."
|
|
1602
|
-
},
|
|
1603
|
-
{
|
|
1604
|
-
"kind": "field",
|
|
1605
|
-
"name": "shape",
|
|
1606
|
-
"type": {
|
|
1607
|
-
"text": "AvatarShape"
|
|
1608
|
-
},
|
|
1609
|
-
"default": "'circle'",
|
|
1610
|
-
"description": "Shape of the avatar."
|
|
1611
|
-
},
|
|
1612
|
-
{
|
|
1613
|
-
"kind": "field",
|
|
1614
|
-
"name": "color",
|
|
1615
|
-
"type": {
|
|
1616
|
-
"text": "AvatarColor"
|
|
1617
|
-
},
|
|
1618
|
-
"default": "'neutral'",
|
|
1619
|
-
"description": "Background color used for the initials and icon fallback states."
|
|
1620
|
-
},
|
|
1621
|
-
{
|
|
1622
|
-
"kind": "field",
|
|
1623
|
-
"name": "_imgError",
|
|
1624
|
-
"type": {
|
|
1625
|
-
"text": "boolean"
|
|
1626
|
-
},
|
|
1627
|
-
"privacy": "private",
|
|
1628
|
-
"default": "false"
|
|
1629
|
-
},
|
|
1630
|
-
{
|
|
1631
|
-
"kind": "field",
|
|
1632
|
-
"name": "_initials",
|
|
1633
|
-
"type": {
|
|
1634
|
-
"text": "string"
|
|
1635
|
-
},
|
|
1636
|
-
"privacy": "private",
|
|
1637
|
-
"readonly": true
|
|
1650
|
+
]
|
|
1638
1651
|
},
|
|
1639
1652
|
{
|
|
1640
1653
|
"kind": "method",
|
|
1641
|
-
"name": "
|
|
1642
|
-
|
|
1654
|
+
"name": "render"
|
|
1655
|
+
}
|
|
1656
|
+
],
|
|
1657
|
+
"events": [
|
|
1658
|
+
{
|
|
1659
|
+
"type": {
|
|
1660
|
+
"text": "CustomEvent<{valueStart: string, valueEnd: string}>"
|
|
1661
|
+
},
|
|
1662
|
+
"description": "Fired when a full range is selected (mode=\"range\").",
|
|
1663
|
+
"name": "change"
|
|
1643
1664
|
},
|
|
1644
1665
|
{
|
|
1645
|
-
"
|
|
1646
|
-
|
|
1666
|
+
"type": {
|
|
1667
|
+
"text": "CustomEvent<{year: number, month: number}>"
|
|
1668
|
+
},
|
|
1669
|
+
"description": "Fired when the viewed month changes.",
|
|
1670
|
+
"name": "month-change"
|
|
1647
1671
|
}
|
|
1648
1672
|
],
|
|
1649
1673
|
"superclass": {
|
|
1650
1674
|
"name": "ThemeableElement",
|
|
1651
1675
|
"module": "/src/base"
|
|
1652
1676
|
},
|
|
1653
|
-
"tagName": "lt-
|
|
1677
|
+
"tagName": "lt-calendar",
|
|
1654
1678
|
"customElement": true
|
|
1655
1679
|
}
|
|
1656
1680
|
],
|
|
1657
1681
|
"exports": [
|
|
1658
1682
|
{
|
|
1659
1683
|
"kind": "js",
|
|
1660
|
-
"name": "
|
|
1684
|
+
"name": "Calendar",
|
|
1661
1685
|
"declaration": {
|
|
1662
|
-
"name": "
|
|
1663
|
-
"module": "src/components/
|
|
1686
|
+
"name": "Calendar",
|
|
1687
|
+
"module": "src/components/calendar/calendar.ts"
|
|
1664
1688
|
}
|
|
1665
1689
|
}
|
|
1666
1690
|
]
|
|
1667
1691
|
},
|
|
1668
1692
|
{
|
|
1669
1693
|
"kind": "javascript-module",
|
|
1670
|
-
"path": "src/components/
|
|
1694
|
+
"path": "src/components/calendar/index.ts",
|
|
1671
1695
|
"declarations": [],
|
|
1672
1696
|
"exports": [
|
|
1673
1697
|
{
|
|
1674
1698
|
"kind": "js",
|
|
1675
|
-
"name": "
|
|
1676
|
-
"declaration": {
|
|
1677
|
-
"name": "Avatar",
|
|
1678
|
-
"module": "./avatar"
|
|
1679
|
-
}
|
|
1680
|
-
},
|
|
1681
|
-
{
|
|
1682
|
-
"kind": "js",
|
|
1683
|
-
"name": "AvatarSize",
|
|
1684
|
-
"declaration": {
|
|
1685
|
-
"name": "AvatarSize",
|
|
1686
|
-
"module": "./avatar.types"
|
|
1687
|
-
}
|
|
1688
|
-
},
|
|
1689
|
-
{
|
|
1690
|
-
"kind": "js",
|
|
1691
|
-
"name": "AvatarShape",
|
|
1692
|
-
"declaration": {
|
|
1693
|
-
"name": "AvatarShape",
|
|
1694
|
-
"module": "./avatar.types"
|
|
1695
|
-
}
|
|
1696
|
-
},
|
|
1697
|
-
{
|
|
1698
|
-
"kind": "js",
|
|
1699
|
-
"name": "AvatarColor",
|
|
1699
|
+
"name": "Calendar",
|
|
1700
1700
|
"declaration": {
|
|
1701
|
-
"name": "
|
|
1702
|
-
"module": "./
|
|
1701
|
+
"name": "Calendar",
|
|
1702
|
+
"module": "./calendar"
|
|
1703
1703
|
}
|
|
1704
1704
|
}
|
|
1705
1705
|
]
|
|
@@ -4620,7 +4620,7 @@
|
|
|
4620
4620
|
{
|
|
4621
4621
|
"kind": "variable",
|
|
4622
4622
|
"name": "listItemStyles",
|
|
4623
|
-
"default": "css` :host { display: list-item; margin: 0; padding: 0; } .inner { display: flex; align-items: flex-start; gap: var(--lt-spacing-2); } lt-icon { flex-shrink: 0; color: var(--lt-color-neutral-500); font-size: inherit; } `"
|
|
4623
|
+
"default": "css` :host { display: list-item; margin: 0; padding: 0; } .inner { display: flex; align-items: flex-start; gap: var(--lt-spacing-2); } /* Keep the slotted content as a single flex item so rich inline markup (strong, code, multiple text runs) flows as normal prose instead of each node becoming its own shrunk flex item. min-width: 0 lets it wrap. */ .content { flex: 1 1 auto; min-width: 0; } lt-icon { flex-shrink: 0; color: var(--lt-color-neutral-500); font-size: inherit; } `"
|
|
4624
4624
|
}
|
|
4625
4625
|
],
|
|
4626
4626
|
"exports": [
|
|
@@ -5401,52 +5401,255 @@
|
|
|
5401
5401
|
"description": "Color variant of the progress bar."
|
|
5402
5402
|
},
|
|
5403
5403
|
{
|
|
5404
|
-
"kind": "field",
|
|
5405
|
-
"name": "size",
|
|
5406
|
-
"type": {
|
|
5407
|
-
"text": "ProgressSize"
|
|
5408
|
-
},
|
|
5409
|
-
"default": "'md'",
|
|
5410
|
-
"description": "Height of the track."
|
|
5404
|
+
"kind": "field",
|
|
5405
|
+
"name": "size",
|
|
5406
|
+
"type": {
|
|
5407
|
+
"text": "ProgressSize"
|
|
5408
|
+
},
|
|
5409
|
+
"default": "'md'",
|
|
5410
|
+
"description": "Height of the track."
|
|
5411
|
+
},
|
|
5412
|
+
{
|
|
5413
|
+
"kind": "field",
|
|
5414
|
+
"name": "label",
|
|
5415
|
+
"type": {
|
|
5416
|
+
"text": "string"
|
|
5417
|
+
},
|
|
5418
|
+
"default": "''",
|
|
5419
|
+
"description": "Accessible label for screen readers."
|
|
5420
|
+
},
|
|
5421
|
+
{
|
|
5422
|
+
"kind": "field",
|
|
5423
|
+
"name": "indeterminate",
|
|
5424
|
+
"type": {
|
|
5425
|
+
"text": "boolean"
|
|
5426
|
+
},
|
|
5427
|
+
"default": "false",
|
|
5428
|
+
"description": "When true the bar animates continuously without a set value."
|
|
5429
|
+
},
|
|
5430
|
+
{
|
|
5431
|
+
"kind": "method",
|
|
5432
|
+
"name": "render"
|
|
5433
|
+
}
|
|
5434
|
+
],
|
|
5435
|
+
"superclass": {
|
|
5436
|
+
"name": "ThemeableElement",
|
|
5437
|
+
"module": "/src/base"
|
|
5438
|
+
},
|
|
5439
|
+
"tagName": "lt-progress",
|
|
5440
|
+
"customElement": true
|
|
5441
|
+
}
|
|
5442
|
+
],
|
|
5443
|
+
"exports": [
|
|
5444
|
+
{
|
|
5445
|
+
"kind": "js",
|
|
5446
|
+
"name": "Progress",
|
|
5447
|
+
"declaration": {
|
|
5448
|
+
"name": "Progress",
|
|
5449
|
+
"module": "src/components/progress/progress.ts"
|
|
5450
|
+
}
|
|
5451
|
+
}
|
|
5452
|
+
]
|
|
5453
|
+
},
|
|
5454
|
+
{
|
|
5455
|
+
"kind": "javascript-module",
|
|
5456
|
+
"path": "src/components/radio-group/index.ts",
|
|
5457
|
+
"declarations": [],
|
|
5458
|
+
"exports": [
|
|
5459
|
+
{
|
|
5460
|
+
"kind": "js",
|
|
5461
|
+
"name": "RadioGroup",
|
|
5462
|
+
"declaration": {
|
|
5463
|
+
"name": "RadioGroup",
|
|
5464
|
+
"module": "./radio-group"
|
|
5465
|
+
}
|
|
5466
|
+
},
|
|
5467
|
+
{
|
|
5468
|
+
"kind": "js",
|
|
5469
|
+
"name": "RadioGroupOrientation",
|
|
5470
|
+
"declaration": {
|
|
5471
|
+
"name": "RadioGroupOrientation",
|
|
5472
|
+
"module": "./radio-group.types"
|
|
5473
|
+
}
|
|
5474
|
+
}
|
|
5475
|
+
]
|
|
5476
|
+
},
|
|
5477
|
+
{
|
|
5478
|
+
"kind": "javascript-module",
|
|
5479
|
+
"path": "src/components/radio-group/radio-group.styles.ts",
|
|
5480
|
+
"declarations": [
|
|
5481
|
+
{
|
|
5482
|
+
"kind": "variable",
|
|
5483
|
+
"name": "radioGroupStyles",
|
|
5484
|
+
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .radio-group { display: flex; flex-direction: column; gap: var(--lt-spacing-2); } .label { color: var(--lt-text-default); margin-bottom: var(--lt-spacing-1); } .required-indicator { color: var(--lt-color-error-500); margin-left: var(--lt-spacing-1); } .radios-container { display: flex; gap: var(--lt-spacing-3); } :host([orientation='vertical']) .radios-container { flex-direction: column; } :host([orientation='horizontal']) .radios-container { flex-direction: row; flex-wrap: wrap; } .helper-text { color: var(--lt-text-subtle); margin-top: var(--lt-spacing-1); } .helper-text::part(base) { font-weight: 200; } :host([error]) .helper-text { color: var(--lt-text-error); } `"
|
|
5485
|
+
}
|
|
5486
|
+
],
|
|
5487
|
+
"exports": [
|
|
5488
|
+
{
|
|
5489
|
+
"kind": "js",
|
|
5490
|
+
"name": "radioGroupStyles",
|
|
5491
|
+
"declaration": {
|
|
5492
|
+
"name": "radioGroupStyles",
|
|
5493
|
+
"module": "src/components/radio-group/radio-group.styles.ts"
|
|
5494
|
+
}
|
|
5495
|
+
}
|
|
5496
|
+
]
|
|
5497
|
+
},
|
|
5498
|
+
{
|
|
5499
|
+
"kind": "javascript-module",
|
|
5500
|
+
"path": "src/components/radio-group/radio-group.ts",
|
|
5501
|
+
"declarations": [
|
|
5502
|
+
{
|
|
5503
|
+
"kind": "class",
|
|
5504
|
+
"description": "A container component that manages a group of radio buttons.",
|
|
5505
|
+
"name": "RadioGroup",
|
|
5506
|
+
"slots": [
|
|
5507
|
+
{
|
|
5508
|
+
"description": "Radio buttons to be managed by this group",
|
|
5509
|
+
"name": ""
|
|
5510
|
+
}
|
|
5511
|
+
],
|
|
5512
|
+
"members": [
|
|
5513
|
+
{
|
|
5514
|
+
"kind": "field",
|
|
5515
|
+
"name": "styles",
|
|
5516
|
+
"static": true,
|
|
5517
|
+
"default": "radioGroupStyles"
|
|
5518
|
+
},
|
|
5519
|
+
{
|
|
5520
|
+
"kind": "field",
|
|
5521
|
+
"name": "label",
|
|
5522
|
+
"type": {
|
|
5523
|
+
"text": "string"
|
|
5524
|
+
},
|
|
5525
|
+
"default": "''",
|
|
5526
|
+
"description": "Label for the radio group."
|
|
5527
|
+
},
|
|
5528
|
+
{
|
|
5529
|
+
"kind": "field",
|
|
5530
|
+
"name": "name",
|
|
5531
|
+
"type": {
|
|
5532
|
+
"text": "string"
|
|
5533
|
+
},
|
|
5534
|
+
"default": "''",
|
|
5535
|
+
"description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time."
|
|
5536
|
+
},
|
|
5537
|
+
{
|
|
5538
|
+
"kind": "field",
|
|
5539
|
+
"name": "value",
|
|
5540
|
+
"type": {
|
|
5541
|
+
"text": "string"
|
|
5542
|
+
},
|
|
5543
|
+
"default": "''",
|
|
5544
|
+
"description": "Currently selected value in the group."
|
|
5545
|
+
},
|
|
5546
|
+
{
|
|
5547
|
+
"kind": "field",
|
|
5548
|
+
"name": "orientation",
|
|
5549
|
+
"type": {
|
|
5550
|
+
"text": "RadioGroupOrientation"
|
|
5551
|
+
},
|
|
5552
|
+
"default": "'vertical'",
|
|
5553
|
+
"description": "Layout orientation of the radio buttons."
|
|
5554
|
+
},
|
|
5555
|
+
{
|
|
5556
|
+
"kind": "field",
|
|
5557
|
+
"name": "helperText",
|
|
5558
|
+
"type": {
|
|
5559
|
+
"text": "string"
|
|
5560
|
+
},
|
|
5561
|
+
"default": "''",
|
|
5562
|
+
"description": "Helper text displayed below the radio group."
|
|
5563
|
+
},
|
|
5564
|
+
{
|
|
5565
|
+
"kind": "field",
|
|
5566
|
+
"name": "error",
|
|
5567
|
+
"type": {
|
|
5568
|
+
"text": "boolean"
|
|
5569
|
+
},
|
|
5570
|
+
"default": "false",
|
|
5571
|
+
"description": "Whether the radio group is in an error state."
|
|
5572
|
+
},
|
|
5573
|
+
{
|
|
5574
|
+
"kind": "field",
|
|
5575
|
+
"name": "required",
|
|
5576
|
+
"type": {
|
|
5577
|
+
"text": "boolean"
|
|
5578
|
+
},
|
|
5579
|
+
"default": "false",
|
|
5580
|
+
"description": "Whether selection is required."
|
|
5581
|
+
},
|
|
5582
|
+
{
|
|
5583
|
+
"kind": "field",
|
|
5584
|
+
"name": "radios",
|
|
5585
|
+
"type": {
|
|
5586
|
+
"text": "Radio[]"
|
|
5587
|
+
},
|
|
5588
|
+
"privacy": "private",
|
|
5589
|
+
"description": "Reference to all slotted radio elements."
|
|
5590
|
+
},
|
|
5591
|
+
{
|
|
5592
|
+
"kind": "field",
|
|
5593
|
+
"name": "_attached",
|
|
5594
|
+
"privacy": "private",
|
|
5595
|
+
"default": "new WeakSet<Radio>()"
|
|
5596
|
+
},
|
|
5597
|
+
{
|
|
5598
|
+
"kind": "method",
|
|
5599
|
+
"name": "firstUpdated"
|
|
5600
|
+
},
|
|
5601
|
+
{
|
|
5602
|
+
"kind": "method",
|
|
5603
|
+
"name": "_syncRadios",
|
|
5604
|
+
"privacy": "private"
|
|
5411
5605
|
},
|
|
5412
5606
|
{
|
|
5413
5607
|
"kind": "field",
|
|
5414
|
-
"name": "
|
|
5415
|
-
"
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
|
|
5419
|
-
|
|
5608
|
+
"name": "handleRadioChange",
|
|
5609
|
+
"privacy": "private",
|
|
5610
|
+
"description": "Handles change events from individual radio buttons.\nUpdates the group value and ensures only one radio is checked.",
|
|
5611
|
+
"parameters": [
|
|
5612
|
+
{
|
|
5613
|
+
"description": "The change event from a radio button",
|
|
5614
|
+
"name": "e"
|
|
5615
|
+
}
|
|
5616
|
+
]
|
|
5420
5617
|
},
|
|
5421
5618
|
{
|
|
5422
|
-
"kind": "
|
|
5423
|
-
"name": "
|
|
5424
|
-
"
|
|
5425
|
-
|
|
5426
|
-
},
|
|
5427
|
-
"default": "false",
|
|
5428
|
-
"description": "When true the bar animates continuously without a set value."
|
|
5619
|
+
"kind": "method",
|
|
5620
|
+
"name": "handleSlotChange",
|
|
5621
|
+
"privacy": "private",
|
|
5622
|
+
"description": "Handles slot changes to update radios when content changes."
|
|
5429
5623
|
},
|
|
5430
5624
|
{
|
|
5431
5625
|
"kind": "method",
|
|
5432
5626
|
"name": "render"
|
|
5433
5627
|
}
|
|
5434
5628
|
],
|
|
5629
|
+
"events": [
|
|
5630
|
+
{
|
|
5631
|
+
"type": {
|
|
5632
|
+
"text": "CustomEvent<{value: string}>"
|
|
5633
|
+
},
|
|
5634
|
+
"description": "Dispatched when a radio in the group is selected",
|
|
5635
|
+
"name": "change"
|
|
5636
|
+
}
|
|
5637
|
+
],
|
|
5435
5638
|
"superclass": {
|
|
5436
5639
|
"name": "ThemeableElement",
|
|
5437
5640
|
"module": "/src/base"
|
|
5438
5641
|
},
|
|
5439
|
-
"tagName": "lt-
|
|
5642
|
+
"tagName": "lt-radio-group",
|
|
5440
5643
|
"customElement": true
|
|
5441
5644
|
}
|
|
5442
5645
|
],
|
|
5443
5646
|
"exports": [
|
|
5444
5647
|
{
|
|
5445
5648
|
"kind": "js",
|
|
5446
|
-
"name": "
|
|
5649
|
+
"name": "RadioGroup",
|
|
5447
5650
|
"declaration": {
|
|
5448
|
-
"name": "
|
|
5449
|
-
"module": "src/components/
|
|
5651
|
+
"name": "RadioGroup",
|
|
5652
|
+
"module": "src/components/radio-group/radio-group.ts"
|
|
5450
5653
|
}
|
|
5451
5654
|
}
|
|
5452
5655
|
]
|
|
@@ -5610,253 +5813,50 @@
|
|
|
5610
5813
|
"kind": "field",
|
|
5611
5814
|
"name": "name",
|
|
5612
5815
|
"type": {
|
|
5613
|
-
"text": "string"
|
|
5614
|
-
},
|
|
5615
|
-
"default": "''",
|
|
5616
|
-
"description": "Name attribute for radio group.\nAll radios with the same name belong to the same group."
|
|
5617
|
-
},
|
|
5618
|
-
{
|
|
5619
|
-
"kind": "field",
|
|
5620
|
-
"name": "value",
|
|
5621
|
-
"type": {
|
|
5622
|
-
"text": "string"
|
|
5623
|
-
},
|
|
5624
|
-
"default": "''",
|
|
5625
|
-
"description": "Value attribute for form submission."
|
|
5626
|
-
},
|
|
5627
|
-
{
|
|
5628
|
-
"kind": "method",
|
|
5629
|
-
"name": "updated"
|
|
5630
|
-
},
|
|
5631
|
-
{
|
|
5632
|
-
"kind": "method",
|
|
5633
|
-
"name": "formResetCallback"
|
|
5634
|
-
},
|
|
5635
|
-
{
|
|
5636
|
-
"kind": "method",
|
|
5637
|
-
"name": "checkValidity"
|
|
5638
|
-
},
|
|
5639
|
-
{
|
|
5640
|
-
"kind": "method",
|
|
5641
|
-
"name": "reportValidity"
|
|
5642
|
-
},
|
|
5643
|
-
{
|
|
5644
|
-
"kind": "method",
|
|
5645
|
-
"name": "handleChange",
|
|
5646
|
-
"privacy": "private",
|
|
5647
|
-
"parameters": [
|
|
5648
|
-
{
|
|
5649
|
-
"name": "e",
|
|
5650
|
-
"type": {
|
|
5651
|
-
"text": "Event"
|
|
5652
|
-
},
|
|
5653
|
-
"description": "The native change event"
|
|
5654
|
-
}
|
|
5655
|
-
],
|
|
5656
|
-
"description": "Handles radio change events.\nUpdates the checked state and dispatches a custom change event."
|
|
5657
|
-
},
|
|
5658
|
-
{
|
|
5659
|
-
"kind": "method",
|
|
5660
|
-
"name": "render"
|
|
5661
|
-
}
|
|
5662
|
-
],
|
|
5663
|
-
"events": [
|
|
5664
|
-
{
|
|
5665
|
-
"name": "change",
|
|
5666
|
-
"type": {
|
|
5667
|
-
"text": "CustomEvent<{value: string, checked: boolean}>"
|
|
5668
|
-
},
|
|
5669
|
-
"description": "Dispatched when the radio is selected"
|
|
5670
|
-
}
|
|
5671
|
-
],
|
|
5672
|
-
"superclass": {
|
|
5673
|
-
"name": "ThemeableElement",
|
|
5674
|
-
"module": "/src/base"
|
|
5675
|
-
},
|
|
5676
|
-
"tagName": "lt-radio",
|
|
5677
|
-
"customElement": true
|
|
5678
|
-
}
|
|
5679
|
-
],
|
|
5680
|
-
"exports": [
|
|
5681
|
-
{
|
|
5682
|
-
"kind": "js",
|
|
5683
|
-
"name": "Radio",
|
|
5684
|
-
"declaration": {
|
|
5685
|
-
"name": "Radio",
|
|
5686
|
-
"module": "src/components/radio/radio.ts"
|
|
5687
|
-
}
|
|
5688
|
-
}
|
|
5689
|
-
]
|
|
5690
|
-
},
|
|
5691
|
-
{
|
|
5692
|
-
"kind": "javascript-module",
|
|
5693
|
-
"path": "src/components/radio-group/index.ts",
|
|
5694
|
-
"declarations": [],
|
|
5695
|
-
"exports": [
|
|
5696
|
-
{
|
|
5697
|
-
"kind": "js",
|
|
5698
|
-
"name": "RadioGroup",
|
|
5699
|
-
"declaration": {
|
|
5700
|
-
"name": "RadioGroup",
|
|
5701
|
-
"module": "./radio-group"
|
|
5702
|
-
}
|
|
5703
|
-
},
|
|
5704
|
-
{
|
|
5705
|
-
"kind": "js",
|
|
5706
|
-
"name": "RadioGroupOrientation",
|
|
5707
|
-
"declaration": {
|
|
5708
|
-
"name": "RadioGroupOrientation",
|
|
5709
|
-
"module": "./radio-group.types"
|
|
5710
|
-
}
|
|
5711
|
-
}
|
|
5712
|
-
]
|
|
5713
|
-
},
|
|
5714
|
-
{
|
|
5715
|
-
"kind": "javascript-module",
|
|
5716
|
-
"path": "src/components/radio-group/radio-group.styles.ts",
|
|
5717
|
-
"declarations": [
|
|
5718
|
-
{
|
|
5719
|
-
"kind": "variable",
|
|
5720
|
-
"name": "radioGroupStyles",
|
|
5721
|
-
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .radio-group { display: flex; flex-direction: column; gap: var(--lt-spacing-2); } .label { color: var(--lt-text-default); margin-bottom: var(--lt-spacing-1); } .required-indicator { color: var(--lt-color-error-500); margin-left: var(--lt-spacing-1); } .radios-container { display: flex; gap: var(--lt-spacing-3); } :host([orientation='vertical']) .radios-container { flex-direction: column; } :host([orientation='horizontal']) .radios-container { flex-direction: row; flex-wrap: wrap; } .helper-text { color: var(--lt-text-subtle); margin-top: var(--lt-spacing-1); } .helper-text::part(base) { font-weight: 200; } :host([error]) .helper-text { color: var(--lt-text-error); } `"
|
|
5722
|
-
}
|
|
5723
|
-
],
|
|
5724
|
-
"exports": [
|
|
5725
|
-
{
|
|
5726
|
-
"kind": "js",
|
|
5727
|
-
"name": "radioGroupStyles",
|
|
5728
|
-
"declaration": {
|
|
5729
|
-
"name": "radioGroupStyles",
|
|
5730
|
-
"module": "src/components/radio-group/radio-group.styles.ts"
|
|
5731
|
-
}
|
|
5732
|
-
}
|
|
5733
|
-
]
|
|
5734
|
-
},
|
|
5735
|
-
{
|
|
5736
|
-
"kind": "javascript-module",
|
|
5737
|
-
"path": "src/components/radio-group/radio-group.ts",
|
|
5738
|
-
"declarations": [
|
|
5739
|
-
{
|
|
5740
|
-
"kind": "class",
|
|
5741
|
-
"description": "A container component that manages a group of radio buttons.",
|
|
5742
|
-
"name": "RadioGroup",
|
|
5743
|
-
"slots": [
|
|
5744
|
-
{
|
|
5745
|
-
"description": "Radio buttons to be managed by this group",
|
|
5746
|
-
"name": ""
|
|
5747
|
-
}
|
|
5748
|
-
],
|
|
5749
|
-
"members": [
|
|
5750
|
-
{
|
|
5751
|
-
"kind": "field",
|
|
5752
|
-
"name": "styles",
|
|
5753
|
-
"static": true,
|
|
5754
|
-
"default": "radioGroupStyles"
|
|
5755
|
-
},
|
|
5756
|
-
{
|
|
5757
|
-
"kind": "field",
|
|
5758
|
-
"name": "label",
|
|
5759
|
-
"type": {
|
|
5760
|
-
"text": "string"
|
|
5761
|
-
},
|
|
5762
|
-
"default": "''",
|
|
5763
|
-
"description": "Label for the radio group."
|
|
5764
|
-
},
|
|
5765
|
-
{
|
|
5766
|
-
"kind": "field",
|
|
5767
|
-
"name": "name",
|
|
5768
|
-
"type": {
|
|
5769
|
-
"text": "string"
|
|
5770
|
-
},
|
|
5771
|
-
"default": "''",
|
|
5772
|
-
"description": "Name attribute applied to all radio buttons in the group.\nEnsures only one radio can be selected at a time."
|
|
5773
|
-
},
|
|
5774
|
-
{
|
|
5775
|
-
"kind": "field",
|
|
5776
|
-
"name": "value",
|
|
5777
|
-
"type": {
|
|
5778
|
-
"text": "string"
|
|
5779
|
-
},
|
|
5780
|
-
"default": "''",
|
|
5781
|
-
"description": "Currently selected value in the group."
|
|
5782
|
-
},
|
|
5783
|
-
{
|
|
5784
|
-
"kind": "field",
|
|
5785
|
-
"name": "orientation",
|
|
5786
|
-
"type": {
|
|
5787
|
-
"text": "RadioGroupOrientation"
|
|
5788
|
-
},
|
|
5789
|
-
"default": "'vertical'",
|
|
5790
|
-
"description": "Layout orientation of the radio buttons."
|
|
5791
|
-
},
|
|
5792
|
-
{
|
|
5793
|
-
"kind": "field",
|
|
5794
|
-
"name": "helperText",
|
|
5795
|
-
"type": {
|
|
5796
|
-
"text": "string"
|
|
5797
|
-
},
|
|
5798
|
-
"default": "''",
|
|
5799
|
-
"description": "Helper text displayed below the radio group."
|
|
5800
|
-
},
|
|
5801
|
-
{
|
|
5802
|
-
"kind": "field",
|
|
5803
|
-
"name": "error",
|
|
5804
|
-
"type": {
|
|
5805
|
-
"text": "boolean"
|
|
5806
|
-
},
|
|
5807
|
-
"default": "false",
|
|
5808
|
-
"description": "Whether the radio group is in an error state."
|
|
5809
|
-
},
|
|
5810
|
-
{
|
|
5811
|
-
"kind": "field",
|
|
5812
|
-
"name": "required",
|
|
5813
|
-
"type": {
|
|
5814
|
-
"text": "boolean"
|
|
5816
|
+
"text": "string"
|
|
5815
5817
|
},
|
|
5816
|
-
"default": "
|
|
5817
|
-
"description": "
|
|
5818
|
+
"default": "''",
|
|
5819
|
+
"description": "Name attribute for radio group.\nAll radios with the same name belong to the same group."
|
|
5818
5820
|
},
|
|
5819
5821
|
{
|
|
5820
5822
|
"kind": "field",
|
|
5821
|
-
"name": "
|
|
5823
|
+
"name": "value",
|
|
5822
5824
|
"type": {
|
|
5823
|
-
"text": "
|
|
5825
|
+
"text": "string"
|
|
5824
5826
|
},
|
|
5825
|
-
"
|
|
5826
|
-
"description": "
|
|
5827
|
+
"default": "''",
|
|
5828
|
+
"description": "Value attribute for form submission."
|
|
5827
5829
|
},
|
|
5828
5830
|
{
|
|
5829
|
-
"kind": "
|
|
5830
|
-
"name": "
|
|
5831
|
-
"privacy": "private",
|
|
5832
|
-
"default": "new WeakSet<Radio>()"
|
|
5831
|
+
"kind": "method",
|
|
5832
|
+
"name": "updated"
|
|
5833
5833
|
},
|
|
5834
5834
|
{
|
|
5835
5835
|
"kind": "method",
|
|
5836
|
-
"name": "
|
|
5836
|
+
"name": "formResetCallback"
|
|
5837
5837
|
},
|
|
5838
5838
|
{
|
|
5839
5839
|
"kind": "method",
|
|
5840
|
-
"name": "
|
|
5841
|
-
"privacy": "private"
|
|
5840
|
+
"name": "checkValidity"
|
|
5842
5841
|
},
|
|
5843
5842
|
{
|
|
5844
|
-
"kind": "
|
|
5845
|
-
"name": "
|
|
5846
|
-
"privacy": "private",
|
|
5847
|
-
"description": "Handles change events from individual radio buttons.\nUpdates the group value and ensures only one radio is checked.",
|
|
5848
|
-
"parameters": [
|
|
5849
|
-
{
|
|
5850
|
-
"description": "The change event from a radio button",
|
|
5851
|
-
"name": "e"
|
|
5852
|
-
}
|
|
5853
|
-
]
|
|
5843
|
+
"kind": "method",
|
|
5844
|
+
"name": "reportValidity"
|
|
5854
5845
|
},
|
|
5855
5846
|
{
|
|
5856
5847
|
"kind": "method",
|
|
5857
|
-
"name": "
|
|
5848
|
+
"name": "handleChange",
|
|
5858
5849
|
"privacy": "private",
|
|
5859
|
-
"
|
|
5850
|
+
"parameters": [
|
|
5851
|
+
{
|
|
5852
|
+
"name": "e",
|
|
5853
|
+
"type": {
|
|
5854
|
+
"text": "Event"
|
|
5855
|
+
},
|
|
5856
|
+
"description": "The native change event"
|
|
5857
|
+
}
|
|
5858
|
+
],
|
|
5859
|
+
"description": "Handles radio change events.\nUpdates the checked state and dispatches a custom change event."
|
|
5860
5860
|
},
|
|
5861
5861
|
{
|
|
5862
5862
|
"kind": "method",
|
|
@@ -5865,28 +5865,28 @@
|
|
|
5865
5865
|
],
|
|
5866
5866
|
"events": [
|
|
5867
5867
|
{
|
|
5868
|
+
"name": "change",
|
|
5868
5869
|
"type": {
|
|
5869
|
-
"text": "CustomEvent<{value: string}>"
|
|
5870
|
+
"text": "CustomEvent<{value: string, checked: boolean}>"
|
|
5870
5871
|
},
|
|
5871
|
-
"description": "Dispatched when
|
|
5872
|
-
"name": "change"
|
|
5872
|
+
"description": "Dispatched when the radio is selected"
|
|
5873
5873
|
}
|
|
5874
5874
|
],
|
|
5875
5875
|
"superclass": {
|
|
5876
5876
|
"name": "ThemeableElement",
|
|
5877
5877
|
"module": "/src/base"
|
|
5878
5878
|
},
|
|
5879
|
-
"tagName": "lt-radio
|
|
5879
|
+
"tagName": "lt-radio",
|
|
5880
5880
|
"customElement": true
|
|
5881
5881
|
}
|
|
5882
5882
|
],
|
|
5883
5883
|
"exports": [
|
|
5884
5884
|
{
|
|
5885
5885
|
"kind": "js",
|
|
5886
|
-
"name": "
|
|
5886
|
+
"name": "Radio",
|
|
5887
5887
|
"declaration": {
|
|
5888
|
-
"name": "
|
|
5889
|
-
"module": "src/components/radio
|
|
5888
|
+
"name": "Radio",
|
|
5889
|
+
"module": "src/components/radio/radio.ts"
|
|
5890
5890
|
}
|
|
5891
5891
|
}
|
|
5892
5892
|
]
|
|
@@ -7590,45 +7590,243 @@
|
|
|
7590
7590
|
"type": {
|
|
7591
7591
|
"text": "string"
|
|
7592
7592
|
},
|
|
7593
|
-
"default": "'on'",
|
|
7594
|
-
"description": "Value attribute for form submission."
|
|
7593
|
+
"default": "'on'",
|
|
7594
|
+
"description": "Value attribute for form submission."
|
|
7595
|
+
},
|
|
7596
|
+
{
|
|
7597
|
+
"kind": "method",
|
|
7598
|
+
"name": "updated",
|
|
7599
|
+
"description": "Handles switch change events.\nUpdates the checked state and dispatches a custom change event.",
|
|
7600
|
+
"parameters": [
|
|
7601
|
+
{
|
|
7602
|
+
"description": "The native change event",
|
|
7603
|
+
"name": "e"
|
|
7604
|
+
}
|
|
7605
|
+
],
|
|
7606
|
+
"privacy": "private"
|
|
7607
|
+
},
|
|
7608
|
+
{
|
|
7609
|
+
"kind": "method",
|
|
7610
|
+
"name": "formResetCallback"
|
|
7611
|
+
},
|
|
7612
|
+
{
|
|
7613
|
+
"kind": "method",
|
|
7614
|
+
"name": "checkValidity"
|
|
7615
|
+
},
|
|
7616
|
+
{
|
|
7617
|
+
"kind": "method",
|
|
7618
|
+
"name": "reportValidity"
|
|
7619
|
+
},
|
|
7620
|
+
{
|
|
7621
|
+
"kind": "method",
|
|
7622
|
+
"name": "handleChange",
|
|
7623
|
+
"privacy": "private",
|
|
7624
|
+
"parameters": [
|
|
7625
|
+
{
|
|
7626
|
+
"name": "e",
|
|
7627
|
+
"type": {
|
|
7628
|
+
"text": "Event"
|
|
7629
|
+
}
|
|
7630
|
+
}
|
|
7631
|
+
]
|
|
7632
|
+
},
|
|
7633
|
+
{
|
|
7634
|
+
"kind": "method",
|
|
7635
|
+
"name": "render"
|
|
7636
|
+
}
|
|
7637
|
+
],
|
|
7638
|
+
"events": [
|
|
7639
|
+
{
|
|
7640
|
+
"name": "change",
|
|
7641
|
+
"type": {
|
|
7642
|
+
"text": "CustomEvent<{checked: boolean}>"
|
|
7643
|
+
},
|
|
7644
|
+
"description": "Dispatched when the switch state changes"
|
|
7645
|
+
}
|
|
7646
|
+
],
|
|
7647
|
+
"superclass": {
|
|
7648
|
+
"name": "ThemeableElement",
|
|
7649
|
+
"module": "/src/base"
|
|
7650
|
+
},
|
|
7651
|
+
"tagName": "lt-switch",
|
|
7652
|
+
"customElement": true
|
|
7653
|
+
}
|
|
7654
|
+
],
|
|
7655
|
+
"exports": [
|
|
7656
|
+
{
|
|
7657
|
+
"kind": "js",
|
|
7658
|
+
"name": "Switch",
|
|
7659
|
+
"declaration": {
|
|
7660
|
+
"name": "Switch",
|
|
7661
|
+
"module": "src/components/switch/switch.ts"
|
|
7662
|
+
}
|
|
7663
|
+
}
|
|
7664
|
+
]
|
|
7665
|
+
},
|
|
7666
|
+
{
|
|
7667
|
+
"kind": "javascript-module",
|
|
7668
|
+
"path": "src/components/tab-group/index.ts",
|
|
7669
|
+
"declarations": [],
|
|
7670
|
+
"exports": [
|
|
7671
|
+
{
|
|
7672
|
+
"kind": "js",
|
|
7673
|
+
"name": "TabGroup",
|
|
7674
|
+
"declaration": {
|
|
7675
|
+
"name": "TabGroup",
|
|
7676
|
+
"module": "./tab-group"
|
|
7677
|
+
}
|
|
7678
|
+
},
|
|
7679
|
+
{
|
|
7680
|
+
"kind": "js",
|
|
7681
|
+
"name": "TabGroupAppearance",
|
|
7682
|
+
"declaration": {
|
|
7683
|
+
"name": "TabGroupAppearance",
|
|
7684
|
+
"module": "./tab-group.types"
|
|
7685
|
+
}
|
|
7686
|
+
},
|
|
7687
|
+
{
|
|
7688
|
+
"kind": "js",
|
|
7689
|
+
"name": "TabGroupSize",
|
|
7690
|
+
"declaration": {
|
|
7691
|
+
"name": "TabGroupSize",
|
|
7692
|
+
"module": "./tab-group.types"
|
|
7693
|
+
}
|
|
7694
|
+
}
|
|
7695
|
+
]
|
|
7696
|
+
},
|
|
7697
|
+
{
|
|
7698
|
+
"kind": "javascript-module",
|
|
7699
|
+
"path": "src/components/tab-group/tab-group.styles.ts",
|
|
7700
|
+
"declarations": [
|
|
7701
|
+
{
|
|
7702
|
+
"kind": "variable",
|
|
7703
|
+
"name": "tabGroupStyles",
|
|
7704
|
+
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .tab-group { display: flex; flex-direction: column; } .tabs-container { border-bottom: 1px solid var(--lt-border-default); display: flex; gap: var(--lt-spacing-1); overflow-x: auto; scrollbar-width: thin; } .tabs-container::-webkit-scrollbar { height: 4px; } .tabs-container::-webkit-scrollbar-track { background: var(--lt-bg-surface); } .tabs-container::-webkit-scrollbar-thumb { background: var(--lt-color-neutral-300); border-radius: 2px; } .panels-container { padding: var(--lt-spacing-4) 0; } ::slotted([slot='panel']) { display: none; } ::slotted([slot='panel'][active]) { display: block; } /* Pills variant */ :host([appearance='pills']) .tabs-container { background: var(--lt-bg-surface); border: none; border-radius: var(--lt-border-radius); gap: var(--lt-spacing-2); padding: var(--lt-spacing-1); } `"
|
|
7705
|
+
}
|
|
7706
|
+
],
|
|
7707
|
+
"exports": [
|
|
7708
|
+
{
|
|
7709
|
+
"kind": "js",
|
|
7710
|
+
"name": "tabGroupStyles",
|
|
7711
|
+
"declaration": {
|
|
7712
|
+
"name": "tabGroupStyles",
|
|
7713
|
+
"module": "src/components/tab-group/tab-group.styles.ts"
|
|
7714
|
+
}
|
|
7715
|
+
}
|
|
7716
|
+
]
|
|
7717
|
+
},
|
|
7718
|
+
{
|
|
7719
|
+
"kind": "javascript-module",
|
|
7720
|
+
"path": "src/components/tab-group/tab-group.ts",
|
|
7721
|
+
"declarations": [
|
|
7722
|
+
{
|
|
7723
|
+
"kind": "class",
|
|
7724
|
+
"description": "A container component that manages a group of tabs.",
|
|
7725
|
+
"name": "TabGroup",
|
|
7726
|
+
"slots": [
|
|
7727
|
+
{
|
|
7728
|
+
"description": "Tab elements",
|
|
7729
|
+
"name": ""
|
|
7730
|
+
},
|
|
7731
|
+
{
|
|
7732
|
+
"description": "Tab panel content (use multiple panels with matching values)",
|
|
7733
|
+
"name": "panel"
|
|
7734
|
+
}
|
|
7735
|
+
],
|
|
7736
|
+
"members": [
|
|
7737
|
+
{
|
|
7738
|
+
"kind": "field",
|
|
7739
|
+
"name": "styles",
|
|
7740
|
+
"static": true,
|
|
7741
|
+
"default": "tabGroupStyles"
|
|
7742
|
+
},
|
|
7743
|
+
{
|
|
7744
|
+
"kind": "field",
|
|
7745
|
+
"name": "value",
|
|
7746
|
+
"type": {
|
|
7747
|
+
"text": "string"
|
|
7748
|
+
},
|
|
7749
|
+
"default": "''",
|
|
7750
|
+
"description": "Currently selected tab value."
|
|
7751
|
+
},
|
|
7752
|
+
{
|
|
7753
|
+
"kind": "field",
|
|
7754
|
+
"name": "appearance",
|
|
7755
|
+
"type": {
|
|
7756
|
+
"text": "TabGroupAppearance"
|
|
7757
|
+
},
|
|
7758
|
+
"default": "'default'",
|
|
7759
|
+
"description": "Visual appearance of the tab group."
|
|
7760
|
+
},
|
|
7761
|
+
{
|
|
7762
|
+
"kind": "field",
|
|
7763
|
+
"name": "size",
|
|
7764
|
+
"type": {
|
|
7765
|
+
"text": "TabGroupSize"
|
|
7766
|
+
},
|
|
7767
|
+
"default": "'md'",
|
|
7768
|
+
"description": "Size of the tabs."
|
|
7769
|
+
},
|
|
7770
|
+
{
|
|
7771
|
+
"kind": "field",
|
|
7772
|
+
"name": "tabs",
|
|
7773
|
+
"type": {
|
|
7774
|
+
"text": "Tab[]"
|
|
7775
|
+
},
|
|
7776
|
+
"privacy": "private",
|
|
7777
|
+
"description": "Reference to all slotted tab elements."
|
|
7778
|
+
},
|
|
7779
|
+
{
|
|
7780
|
+
"kind": "field",
|
|
7781
|
+
"name": "panels",
|
|
7782
|
+
"type": {
|
|
7783
|
+
"text": "HTMLElement[]"
|
|
7784
|
+
},
|
|
7785
|
+
"privacy": "private",
|
|
7786
|
+
"description": "Reference to all slotted panel elements."
|
|
7595
7787
|
},
|
|
7596
7788
|
{
|
|
7597
7789
|
"kind": "method",
|
|
7598
|
-
"name": "
|
|
7599
|
-
"description": "
|
|
7600
|
-
"parameters": [
|
|
7601
|
-
{
|
|
7602
|
-
"description": "The native change event",
|
|
7603
|
-
"name": "e"
|
|
7604
|
-
}
|
|
7605
|
-
],
|
|
7606
|
-
"privacy": "private"
|
|
7790
|
+
"name": "firstUpdated",
|
|
7791
|
+
"description": "Lifecycle: Called after the element's DOM has been updated."
|
|
7607
7792
|
},
|
|
7608
7793
|
{
|
|
7609
7794
|
"kind": "method",
|
|
7610
|
-
"name": "
|
|
7795
|
+
"name": "updateTabs",
|
|
7796
|
+
"privacy": "private",
|
|
7797
|
+
"description": "Updates all tabs with the correct active state and size."
|
|
7611
7798
|
},
|
|
7612
7799
|
{
|
|
7613
7800
|
"kind": "method",
|
|
7614
|
-
"name": "
|
|
7801
|
+
"name": "updatePanels",
|
|
7802
|
+
"privacy": "private",
|
|
7803
|
+
"description": "Updates panel visibility based on selected value."
|
|
7615
7804
|
},
|
|
7616
7805
|
{
|
|
7617
|
-
"kind": "
|
|
7618
|
-
"name": "
|
|
7806
|
+
"kind": "field",
|
|
7807
|
+
"name": "handleTabClick",
|
|
7808
|
+
"privacy": "private",
|
|
7809
|
+
"description": "Handles click events from tabs."
|
|
7619
7810
|
},
|
|
7620
7811
|
{
|
|
7621
7812
|
"kind": "method",
|
|
7622
|
-
"name": "
|
|
7813
|
+
"name": "handleSlotChange",
|
|
7623
7814
|
"privacy": "private",
|
|
7815
|
+
"description": "Handles slot changes."
|
|
7816
|
+
},
|
|
7817
|
+
{
|
|
7818
|
+
"kind": "method",
|
|
7819
|
+
"name": "updated",
|
|
7820
|
+
"privacy": "protected",
|
|
7624
7821
|
"parameters": [
|
|
7625
7822
|
{
|
|
7626
|
-
"name": "
|
|
7823
|
+
"name": "changedProperties",
|
|
7627
7824
|
"type": {
|
|
7628
|
-
"text": "
|
|
7825
|
+
"text": "Map<string, unknown>"
|
|
7629
7826
|
}
|
|
7630
7827
|
}
|
|
7631
|
-
]
|
|
7828
|
+
],
|
|
7829
|
+
"description": "Watch for value changes."
|
|
7632
7830
|
},
|
|
7633
7831
|
{
|
|
7634
7832
|
"kind": "method",
|
|
@@ -7637,28 +7835,28 @@
|
|
|
7637
7835
|
],
|
|
7638
7836
|
"events": [
|
|
7639
7837
|
{
|
|
7640
|
-
"name": "change",
|
|
7641
7838
|
"type": {
|
|
7642
|
-
"text": "CustomEvent<{
|
|
7839
|
+
"text": "CustomEvent<{value: string}>"
|
|
7643
7840
|
},
|
|
7644
|
-
"description": "Dispatched when
|
|
7841
|
+
"description": "Dispatched when a tab is selected",
|
|
7842
|
+
"name": "change"
|
|
7645
7843
|
}
|
|
7646
7844
|
],
|
|
7647
7845
|
"superclass": {
|
|
7648
7846
|
"name": "ThemeableElement",
|
|
7649
7847
|
"module": "/src/base"
|
|
7650
7848
|
},
|
|
7651
|
-
"tagName": "lt-
|
|
7849
|
+
"tagName": "lt-tab-group",
|
|
7652
7850
|
"customElement": true
|
|
7653
7851
|
}
|
|
7654
7852
|
],
|
|
7655
7853
|
"exports": [
|
|
7656
7854
|
{
|
|
7657
7855
|
"kind": "js",
|
|
7658
|
-
"name": "
|
|
7856
|
+
"name": "TabGroup",
|
|
7659
7857
|
"declaration": {
|
|
7660
|
-
"name": "
|
|
7661
|
-
"module": "src/components/
|
|
7858
|
+
"name": "TabGroup",
|
|
7859
|
+
"module": "src/components/tab-group/tab-group.ts"
|
|
7662
7860
|
}
|
|
7663
7861
|
}
|
|
7664
7862
|
]
|
|
@@ -7921,204 +8119,6 @@
|
|
|
7921
8119
|
}
|
|
7922
8120
|
]
|
|
7923
8121
|
},
|
|
7924
|
-
{
|
|
7925
|
-
"kind": "javascript-module",
|
|
7926
|
-
"path": "src/components/tab-group/index.ts",
|
|
7927
|
-
"declarations": [],
|
|
7928
|
-
"exports": [
|
|
7929
|
-
{
|
|
7930
|
-
"kind": "js",
|
|
7931
|
-
"name": "TabGroup",
|
|
7932
|
-
"declaration": {
|
|
7933
|
-
"name": "TabGroup",
|
|
7934
|
-
"module": "./tab-group"
|
|
7935
|
-
}
|
|
7936
|
-
},
|
|
7937
|
-
{
|
|
7938
|
-
"kind": "js",
|
|
7939
|
-
"name": "TabGroupAppearance",
|
|
7940
|
-
"declaration": {
|
|
7941
|
-
"name": "TabGroupAppearance",
|
|
7942
|
-
"module": "./tab-group.types"
|
|
7943
|
-
}
|
|
7944
|
-
},
|
|
7945
|
-
{
|
|
7946
|
-
"kind": "js",
|
|
7947
|
-
"name": "TabGroupSize",
|
|
7948
|
-
"declaration": {
|
|
7949
|
-
"name": "TabGroupSize",
|
|
7950
|
-
"module": "./tab-group.types"
|
|
7951
|
-
}
|
|
7952
|
-
}
|
|
7953
|
-
]
|
|
7954
|
-
},
|
|
7955
|
-
{
|
|
7956
|
-
"kind": "javascript-module",
|
|
7957
|
-
"path": "src/components/tab-group/tab-group.styles.ts",
|
|
7958
|
-
"declarations": [
|
|
7959
|
-
{
|
|
7960
|
-
"kind": "variable",
|
|
7961
|
-
"name": "tabGroupStyles",
|
|
7962
|
-
"default": "css` :host { display: block; font-family: 'Hanken Grotesk', sans-serif; } .tab-group { display: flex; flex-direction: column; } .tabs-container { border-bottom: 1px solid var(--lt-border-default); display: flex; gap: var(--lt-spacing-1); overflow-x: auto; scrollbar-width: thin; } .tabs-container::-webkit-scrollbar { height: 4px; } .tabs-container::-webkit-scrollbar-track { background: var(--lt-bg-surface); } .tabs-container::-webkit-scrollbar-thumb { background: var(--lt-color-neutral-300); border-radius: 2px; } .panels-container { padding: var(--lt-spacing-4) 0; } ::slotted([slot='panel']) { display: none; } ::slotted([slot='panel'][active]) { display: block; } /* Pills variant */ :host([appearance='pills']) .tabs-container { background: var(--lt-bg-surface); border: none; border-radius: var(--lt-border-radius); gap: var(--lt-spacing-2); padding: var(--lt-spacing-1); } `"
|
|
7963
|
-
}
|
|
7964
|
-
],
|
|
7965
|
-
"exports": [
|
|
7966
|
-
{
|
|
7967
|
-
"kind": "js",
|
|
7968
|
-
"name": "tabGroupStyles",
|
|
7969
|
-
"declaration": {
|
|
7970
|
-
"name": "tabGroupStyles",
|
|
7971
|
-
"module": "src/components/tab-group/tab-group.styles.ts"
|
|
7972
|
-
}
|
|
7973
|
-
}
|
|
7974
|
-
]
|
|
7975
|
-
},
|
|
7976
|
-
{
|
|
7977
|
-
"kind": "javascript-module",
|
|
7978
|
-
"path": "src/components/tab-group/tab-group.ts",
|
|
7979
|
-
"declarations": [
|
|
7980
|
-
{
|
|
7981
|
-
"kind": "class",
|
|
7982
|
-
"description": "A container component that manages a group of tabs.",
|
|
7983
|
-
"name": "TabGroup",
|
|
7984
|
-
"slots": [
|
|
7985
|
-
{
|
|
7986
|
-
"description": "Tab elements",
|
|
7987
|
-
"name": ""
|
|
7988
|
-
},
|
|
7989
|
-
{
|
|
7990
|
-
"description": "Tab panel content (use multiple panels with matching values)",
|
|
7991
|
-
"name": "panel"
|
|
7992
|
-
}
|
|
7993
|
-
],
|
|
7994
|
-
"members": [
|
|
7995
|
-
{
|
|
7996
|
-
"kind": "field",
|
|
7997
|
-
"name": "styles",
|
|
7998
|
-
"static": true,
|
|
7999
|
-
"default": "tabGroupStyles"
|
|
8000
|
-
},
|
|
8001
|
-
{
|
|
8002
|
-
"kind": "field",
|
|
8003
|
-
"name": "value",
|
|
8004
|
-
"type": {
|
|
8005
|
-
"text": "string"
|
|
8006
|
-
},
|
|
8007
|
-
"default": "''",
|
|
8008
|
-
"description": "Currently selected tab value."
|
|
8009
|
-
},
|
|
8010
|
-
{
|
|
8011
|
-
"kind": "field",
|
|
8012
|
-
"name": "appearance",
|
|
8013
|
-
"type": {
|
|
8014
|
-
"text": "TabGroupAppearance"
|
|
8015
|
-
},
|
|
8016
|
-
"default": "'default'",
|
|
8017
|
-
"description": "Visual appearance of the tab group."
|
|
8018
|
-
},
|
|
8019
|
-
{
|
|
8020
|
-
"kind": "field",
|
|
8021
|
-
"name": "size",
|
|
8022
|
-
"type": {
|
|
8023
|
-
"text": "TabGroupSize"
|
|
8024
|
-
},
|
|
8025
|
-
"default": "'md'",
|
|
8026
|
-
"description": "Size of the tabs."
|
|
8027
|
-
},
|
|
8028
|
-
{
|
|
8029
|
-
"kind": "field",
|
|
8030
|
-
"name": "tabs",
|
|
8031
|
-
"type": {
|
|
8032
|
-
"text": "Tab[]"
|
|
8033
|
-
},
|
|
8034
|
-
"privacy": "private",
|
|
8035
|
-
"description": "Reference to all slotted tab elements."
|
|
8036
|
-
},
|
|
8037
|
-
{
|
|
8038
|
-
"kind": "field",
|
|
8039
|
-
"name": "panels",
|
|
8040
|
-
"type": {
|
|
8041
|
-
"text": "HTMLElement[]"
|
|
8042
|
-
},
|
|
8043
|
-
"privacy": "private",
|
|
8044
|
-
"description": "Reference to all slotted panel elements."
|
|
8045
|
-
},
|
|
8046
|
-
{
|
|
8047
|
-
"kind": "method",
|
|
8048
|
-
"name": "firstUpdated",
|
|
8049
|
-
"description": "Lifecycle: Called after the element's DOM has been updated."
|
|
8050
|
-
},
|
|
8051
|
-
{
|
|
8052
|
-
"kind": "method",
|
|
8053
|
-
"name": "updateTabs",
|
|
8054
|
-
"privacy": "private",
|
|
8055
|
-
"description": "Updates all tabs with the correct active state and size."
|
|
8056
|
-
},
|
|
8057
|
-
{
|
|
8058
|
-
"kind": "method",
|
|
8059
|
-
"name": "updatePanels",
|
|
8060
|
-
"privacy": "private",
|
|
8061
|
-
"description": "Updates panel visibility based on selected value."
|
|
8062
|
-
},
|
|
8063
|
-
{
|
|
8064
|
-
"kind": "field",
|
|
8065
|
-
"name": "handleTabClick",
|
|
8066
|
-
"privacy": "private",
|
|
8067
|
-
"description": "Handles click events from tabs."
|
|
8068
|
-
},
|
|
8069
|
-
{
|
|
8070
|
-
"kind": "method",
|
|
8071
|
-
"name": "handleSlotChange",
|
|
8072
|
-
"privacy": "private",
|
|
8073
|
-
"description": "Handles slot changes."
|
|
8074
|
-
},
|
|
8075
|
-
{
|
|
8076
|
-
"kind": "method",
|
|
8077
|
-
"name": "updated",
|
|
8078
|
-
"privacy": "protected",
|
|
8079
|
-
"parameters": [
|
|
8080
|
-
{
|
|
8081
|
-
"name": "changedProperties",
|
|
8082
|
-
"type": {
|
|
8083
|
-
"text": "Map<string, unknown>"
|
|
8084
|
-
}
|
|
8085
|
-
}
|
|
8086
|
-
],
|
|
8087
|
-
"description": "Watch for value changes."
|
|
8088
|
-
},
|
|
8089
|
-
{
|
|
8090
|
-
"kind": "method",
|
|
8091
|
-
"name": "render"
|
|
8092
|
-
}
|
|
8093
|
-
],
|
|
8094
|
-
"events": [
|
|
8095
|
-
{
|
|
8096
|
-
"type": {
|
|
8097
|
-
"text": "CustomEvent<{value: string}>"
|
|
8098
|
-
},
|
|
8099
|
-
"description": "Dispatched when a tab is selected",
|
|
8100
|
-
"name": "change"
|
|
8101
|
-
}
|
|
8102
|
-
],
|
|
8103
|
-
"superclass": {
|
|
8104
|
-
"name": "ThemeableElement",
|
|
8105
|
-
"module": "/src/base"
|
|
8106
|
-
},
|
|
8107
|
-
"tagName": "lt-tab-group",
|
|
8108
|
-
"customElement": true
|
|
8109
|
-
}
|
|
8110
|
-
],
|
|
8111
|
-
"exports": [
|
|
8112
|
-
{
|
|
8113
|
-
"kind": "js",
|
|
8114
|
-
"name": "TabGroup",
|
|
8115
|
-
"declaration": {
|
|
8116
|
-
"name": "TabGroup",
|
|
8117
|
-
"module": "src/components/tab-group/tab-group.ts"
|
|
8118
|
-
}
|
|
8119
|
-
}
|
|
8120
|
-
]
|
|
8121
|
-
},
|
|
8122
8122
|
{
|
|
8123
8123
|
"kind": "javascript-module",
|
|
8124
8124
|
"path": "src/components/table/index.ts",
|