@universal-material/web 3.0.41 → 3.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/custom-elements.json +1353 -1353
  2. package/package.json +1 -1
  3. package/typeahead/typeahead.d.ts +2 -2
  4. package/typeahead/typeahead.d.ts.map +1 -1
  5. package/typeahead/typeahead.js +11 -11
  6. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -527,255 +527,6 @@
527
527
  }
528
528
  ]
529
529
  },
530
- {
531
- "kind": "javascript-module",
532
- "path": "src/card/card-content.styles.ts",
533
- "declarations": [
534
- {
535
- "kind": "variable",
536
- "name": "styles",
537
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
538
- }
539
- ],
540
- "exports": [
541
- {
542
- "kind": "js",
543
- "name": "styles",
544
- "declaration": {
545
- "name": "styles",
546
- "module": "src/card/card-content.styles.ts"
547
- }
548
- }
549
- ]
550
- },
551
- {
552
- "kind": "javascript-module",
553
- "path": "src/card/card-content.ts",
554
- "declarations": [
555
- {
556
- "kind": "class",
557
- "description": "",
558
- "name": "UmCardContent",
559
- "members": [
560
- {
561
- "kind": "field",
562
- "name": "hasContent",
563
- "type": {
564
- "text": "boolean"
565
- },
566
- "default": "false",
567
- "attribute": "has-content",
568
- "reflects": true
569
- },
570
- {
571
- "kind": "method",
572
- "name": "handleSlotChange",
573
- "privacy": "private",
574
- "parameters": [
575
- {
576
- "name": "e",
577
- "type": {
578
- "text": "Event"
579
- }
580
- }
581
- ]
582
- }
583
- ],
584
- "attributes": [
585
- {
586
- "name": "has-content",
587
- "type": {
588
- "text": "boolean"
589
- },
590
- "default": "false",
591
- "fieldName": "hasContent"
592
- }
593
- ],
594
- "superclass": {
595
- "name": "LitElement",
596
- "package": "lit"
597
- },
598
- "tagName": "u-card-content",
599
- "customElement": true
600
- }
601
- ],
602
- "exports": [
603
- {
604
- "kind": "js",
605
- "name": "UmCardContent",
606
- "declaration": {
607
- "name": "UmCardContent",
608
- "module": "src/card/card-content.ts"
609
- }
610
- },
611
- {
612
- "kind": "custom-element-definition",
613
- "name": "u-card-content",
614
- "declaration": {
615
- "name": "UmCardContent",
616
- "module": "src/card/card-content.ts"
617
- }
618
- }
619
- ]
620
- },
621
- {
622
- "kind": "javascript-module",
623
- "path": "src/card/card-media.styles.ts",
624
- "declarations": [
625
- {
626
- "kind": "variable",
627
- "name": "styles",
628
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
629
- }
630
- ],
631
- "exports": [
632
- {
633
- "kind": "js",
634
- "name": "styles",
635
- "declaration": {
636
- "name": "styles",
637
- "module": "src/card/card-media.styles.ts"
638
- }
639
- }
640
- ]
641
- },
642
- {
643
- "kind": "javascript-module",
644
- "path": "src/card/card-media.ts",
645
- "declarations": [
646
- {
647
- "kind": "class",
648
- "description": "",
649
- "name": "UmCardMedia",
650
- "members": [
651
- {
652
- "kind": "field",
653
- "name": "wide",
654
- "type": {
655
- "text": "boolean"
656
- },
657
- "default": "false",
658
- "attribute": "wide",
659
- "reflects": true
660
- }
661
- ],
662
- "attributes": [
663
- {
664
- "name": "wide",
665
- "type": {
666
- "text": "boolean"
667
- },
668
- "default": "false",
669
- "fieldName": "wide"
670
- }
671
- ],
672
- "superclass": {
673
- "name": "LitElement",
674
- "package": "lit"
675
- },
676
- "tagName": "u-card-media",
677
- "customElement": true
678
- }
679
- ],
680
- "exports": [
681
- {
682
- "kind": "js",
683
- "name": "UmCardMedia",
684
- "declaration": {
685
- "name": "UmCardMedia",
686
- "module": "src/card/card-media.ts"
687
- }
688
- },
689
- {
690
- "kind": "custom-element-definition",
691
- "name": "u-card-media",
692
- "declaration": {
693
- "name": "UmCardMedia",
694
- "module": "src/card/card-media.ts"
695
- }
696
- }
697
- ]
698
- },
699
- {
700
- "kind": "javascript-module",
701
- "path": "src/card/card.styles.ts",
702
- "declarations": [
703
- {
704
- "kind": "variable",
705
- "name": "styles",
706
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
707
- }
708
- ],
709
- "exports": [
710
- {
711
- "kind": "js",
712
- "name": "styles",
713
- "declaration": {
714
- "name": "styles",
715
- "module": "src/card/card.styles.ts"
716
- }
717
- }
718
- ]
719
- },
720
- {
721
- "kind": "javascript-module",
722
- "path": "src/card/card.ts",
723
- "declarations": [
724
- {
725
- "kind": "class",
726
- "description": "",
727
- "name": "UmCard",
728
- "members": [
729
- {
730
- "kind": "field",
731
- "name": "variant",
732
- "type": {
733
- "text": "UmCardVariant"
734
- },
735
- "default": "'filled'",
736
- "description": "The Card variant to render.",
737
- "attribute": "variant",
738
- "reflects": true
739
- }
740
- ],
741
- "attributes": [
742
- {
743
- "name": "variant",
744
- "type": {
745
- "text": "UmCardVariant"
746
- },
747
- "default": "'filled'",
748
- "description": "The Card variant to render.",
749
- "fieldName": "variant"
750
- }
751
- ],
752
- "superclass": {
753
- "name": "LitElement",
754
- "package": "lit"
755
- },
756
- "tagName": "u-card",
757
- "customElement": true
758
- }
759
- ],
760
- "exports": [
761
- {
762
- "kind": "js",
763
- "name": "UmCard",
764
- "declaration": {
765
- "name": "UmCard",
766
- "module": "src/card/card.ts"
767
- }
768
- },
769
- {
770
- "kind": "custom-element-definition",
771
- "name": "u-card",
772
- "declaration": {
773
- "name": "UmCard",
774
- "module": "src/card/card.ts"
775
- }
776
- }
777
- ]
778
- },
779
530
  {
780
531
  "kind": "javascript-module",
781
532
  "path": "src/button/button-base.ts",
@@ -2887,12 +2638,12 @@
2887
2638
  },
2888
2639
  {
2889
2640
  "kind": "javascript-module",
2890
- "path": "src/chip/chip-set.styles.ts",
2641
+ "path": "src/card/card-content.styles.ts",
2891
2642
  "declarations": [
2892
2643
  {
2893
2644
  "kind": "variable",
2894
2645
  "name": "styles",
2895
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
2646
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
2896
2647
  }
2897
2648
  ],
2898
2649
  "exports": [
@@ -2901,86 +2652,89 @@
2901
2652
  "name": "styles",
2902
2653
  "declaration": {
2903
2654
  "name": "styles",
2904
- "module": "src/chip/chip-set.styles.ts"
2655
+ "module": "src/card/card-content.styles.ts"
2905
2656
  }
2906
2657
  }
2907
2658
  ]
2908
2659
  },
2909
2660
  {
2910
2661
  "kind": "javascript-module",
2911
- "path": "src/chip/chip-set.ts",
2662
+ "path": "src/card/card-content.ts",
2912
2663
  "declarations": [
2913
2664
  {
2914
2665
  "kind": "class",
2915
2666
  "description": "",
2916
- "name": "UmChipSet",
2667
+ "name": "UmCardContent",
2917
2668
  "members": [
2918
2669
  {
2919
2670
  "kind": "field",
2920
- "name": "alignment",
2671
+ "name": "hasContent",
2921
2672
  "type": {
2922
- "text": "'start' | 'center' | 'end'"
2673
+ "text": "boolean"
2923
2674
  },
2924
- "default": "'start'",
2925
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
2926
- "attribute": "alignment",
2927
- "reflects": true,
2928
- "inheritedFrom": {
2929
- "name": "UmSetBase",
2930
- "module": "src/shared/sets/set-base.ts"
2931
- }
2675
+ "default": "false",
2676
+ "attribute": "has-content",
2677
+ "reflects": true
2678
+ },
2679
+ {
2680
+ "kind": "method",
2681
+ "name": "handleSlotChange",
2682
+ "privacy": "private",
2683
+ "parameters": [
2684
+ {
2685
+ "name": "e",
2686
+ "type": {
2687
+ "text": "Event"
2688
+ }
2689
+ }
2690
+ ]
2932
2691
  }
2933
2692
  ],
2934
- "superclass": {
2935
- "name": "UmSetBase",
2936
- "module": "/src/shared/sets/set-base.js"
2937
- },
2938
- "tagName": "u-chip-set",
2939
- "customElement": true,
2940
2693
  "attributes": [
2941
2694
  {
2942
- "name": "alignment",
2695
+ "name": "has-content",
2943
2696
  "type": {
2944
- "text": "'start' | 'center' | 'end'"
2697
+ "text": "boolean"
2945
2698
  },
2946
- "default": "'start'",
2947
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
2948
- "fieldName": "alignment",
2949
- "inheritedFrom": {
2950
- "name": "UmSetBase",
2951
- "module": "src/shared/sets/set-base.ts"
2952
- }
2699
+ "default": "false",
2700
+ "fieldName": "hasContent"
2953
2701
  }
2954
- ]
2702
+ ],
2703
+ "superclass": {
2704
+ "name": "LitElement",
2705
+ "package": "lit"
2706
+ },
2707
+ "tagName": "u-card-content",
2708
+ "customElement": true
2955
2709
  }
2956
2710
  ],
2957
2711
  "exports": [
2958
2712
  {
2959
2713
  "kind": "js",
2960
- "name": "UmChipSet",
2714
+ "name": "UmCardContent",
2961
2715
  "declaration": {
2962
- "name": "UmChipSet",
2963
- "module": "src/chip/chip-set.ts"
2716
+ "name": "UmCardContent",
2717
+ "module": "src/card/card-content.ts"
2964
2718
  }
2965
2719
  },
2966
2720
  {
2967
2721
  "kind": "custom-element-definition",
2968
- "name": "u-chip-set",
2722
+ "name": "u-card-content",
2969
2723
  "declaration": {
2970
- "name": "UmChipSet",
2971
- "module": "src/chip/chip-set.ts"
2724
+ "name": "UmCardContent",
2725
+ "module": "src/card/card-content.ts"
2972
2726
  }
2973
2727
  }
2974
2728
  ]
2975
2729
  },
2976
2730
  {
2977
2731
  "kind": "javascript-module",
2978
- "path": "src/chip/chip.styles.ts",
2732
+ "path": "src/card/card-media.styles.ts",
2979
2733
  "declarations": [
2980
2734
  {
2981
2735
  "kind": "variable",
2982
2736
  "name": "styles",
2983
- "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
2737
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
2984
2738
  }
2985
2739
  ],
2986
2740
  "exports": [
@@ -2989,214 +2743,249 @@
2989
2743
  "name": "styles",
2990
2744
  "declaration": {
2991
2745
  "name": "styles",
2992
- "module": "src/chip/chip.styles.ts"
2746
+ "module": "src/card/card-media.styles.ts"
2993
2747
  }
2994
2748
  }
2995
2749
  ]
2996
2750
  },
2997
2751
  {
2998
2752
  "kind": "javascript-module",
2999
- "path": "src/chip/chip.ts",
2753
+ "path": "src/card/card-media.ts",
3000
2754
  "declarations": [
3001
2755
  {
3002
2756
  "kind": "class",
3003
2757
  "description": "",
3004
- "name": "UmChip",
2758
+ "name": "UmCardMedia",
3005
2759
  "members": [
3006
2760
  {
3007
2761
  "kind": "field",
3008
- "name": "#clickable",
3009
- "privacy": "private",
3010
- "type": {
3011
- "text": "boolean"
3012
- },
3013
- "default": "false"
3014
- },
3015
- {
3016
- "kind": "field",
3017
- "name": "#toggle",
3018
- "privacy": "private",
2762
+ "name": "wide",
3019
2763
  "type": {
3020
2764
  "text": "boolean"
3021
2765
  },
3022
- "default": "false"
3023
- },
2766
+ "default": "false",
2767
+ "attribute": "wide",
2768
+ "reflects": true
2769
+ }
2770
+ ],
2771
+ "attributes": [
3024
2772
  {
3025
- "kind": "field",
3026
- "name": "selected",
2773
+ "name": "wide",
3027
2774
  "type": {
3028
2775
  "text": "boolean"
3029
2776
  },
3030
2777
  "default": "false",
3031
- "description": "Whether the chip is selected or not",
3032
- "attribute": "selected",
3033
- "reflects": true
3034
- },
2778
+ "fieldName": "wide"
2779
+ }
2780
+ ],
2781
+ "superclass": {
2782
+ "name": "LitElement",
2783
+ "package": "lit"
2784
+ },
2785
+ "tagName": "u-card-media",
2786
+ "customElement": true
2787
+ }
2788
+ ],
2789
+ "exports": [
2790
+ {
2791
+ "kind": "js",
2792
+ "name": "UmCardMedia",
2793
+ "declaration": {
2794
+ "name": "UmCardMedia",
2795
+ "module": "src/card/card-media.ts"
2796
+ }
2797
+ },
2798
+ {
2799
+ "kind": "custom-element-definition",
2800
+ "name": "u-card-media",
2801
+ "declaration": {
2802
+ "name": "UmCardMedia",
2803
+ "module": "src/card/card-media.ts"
2804
+ }
2805
+ }
2806
+ ]
2807
+ },
2808
+ {
2809
+ "kind": "javascript-module",
2810
+ "path": "src/card/card.styles.ts",
2811
+ "declarations": [
2812
+ {
2813
+ "kind": "variable",
2814
+ "name": "styles",
2815
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
2816
+ }
2817
+ ],
2818
+ "exports": [
2819
+ {
2820
+ "kind": "js",
2821
+ "name": "styles",
2822
+ "declaration": {
2823
+ "name": "styles",
2824
+ "module": "src/card/card.styles.ts"
2825
+ }
2826
+ }
2827
+ ]
2828
+ },
2829
+ {
2830
+ "kind": "javascript-module",
2831
+ "path": "src/card/card.ts",
2832
+ "declarations": [
2833
+ {
2834
+ "kind": "class",
2835
+ "description": "",
2836
+ "name": "UmCard",
2837
+ "members": [
3035
2838
  {
3036
2839
  "kind": "field",
3037
- "name": "clickable",
2840
+ "name": "variant",
3038
2841
  "type": {
3039
- "text": "boolean"
2842
+ "text": "UmCardVariant"
3040
2843
  },
3041
- "attribute": "clickable",
2844
+ "default": "'filled'",
2845
+ "description": "The Card variant to render.",
2846
+ "attribute": "variant",
3042
2847
  "reflects": true
3043
- },
2848
+ }
2849
+ ],
2850
+ "attributes": [
3044
2851
  {
3045
- "kind": "field",
3046
- "name": "elevated",
2852
+ "name": "variant",
3047
2853
  "type": {
3048
- "text": "boolean"
2854
+ "text": "UmCardVariant"
3049
2855
  },
3050
- "default": "false",
3051
- "description": "Adds elevation to the chip",
3052
- "attribute": "elevated",
3053
- "reflects": true
3054
- },
2856
+ "default": "'filled'",
2857
+ "description": "The Card variant to render.",
2858
+ "fieldName": "variant"
2859
+ }
2860
+ ],
2861
+ "superclass": {
2862
+ "name": "LitElement",
2863
+ "package": "lit"
2864
+ },
2865
+ "tagName": "u-card",
2866
+ "customElement": true
2867
+ }
2868
+ ],
2869
+ "exports": [
2870
+ {
2871
+ "kind": "js",
2872
+ "name": "UmCard",
2873
+ "declaration": {
2874
+ "name": "UmCard",
2875
+ "module": "src/card/card.ts"
2876
+ }
2877
+ },
2878
+ {
2879
+ "kind": "custom-element-definition",
2880
+ "name": "u-card",
2881
+ "declaration": {
2882
+ "name": "UmCard",
2883
+ "module": "src/card/card.ts"
2884
+ }
2885
+ }
2886
+ ]
2887
+ },
2888
+ {
2889
+ "kind": "javascript-module",
2890
+ "path": "src/checkbox/checkbox-list-item.ts",
2891
+ "declarations": [
2892
+ {
2893
+ "kind": "class",
2894
+ "description": "",
2895
+ "name": "UmCheckboxListItem",
2896
+ "mixins": [
2897
+ {
2898
+ "name": "mixinSelectionControlListItem",
2899
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
2900
+ }
2901
+ ],
2902
+ "superclass": {
2903
+ "name": "UmCheckbox",
2904
+ "module": "/src/checkbox/checkbox.js"
2905
+ },
2906
+ "tagName": "u-checkbox-list-item",
2907
+ "customElement": true,
2908
+ "members": [
3055
2909
  {
3056
2910
  "kind": "field",
3057
- "name": "toggle",
2911
+ "name": "styles",
3058
2912
  "type": {
3059
- "text": "boolean"
2913
+ "text": "array"
3060
2914
  },
3061
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3062
- "attribute": "toggle",
3063
- "reflects": true
2915
+ "static": true,
2916
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
2917
+ "inheritedFrom": {
2918
+ "name": "mixinSelectionControlListItem",
2919
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2920
+ }
3064
2921
  },
3065
2922
  {
3066
- "kind": "field",
3067
- "name": "removable",
3068
- "type": {
3069
- "text": "boolean"
2923
+ "kind": "method",
2924
+ "name": "render",
2925
+ "return": {
2926
+ "type": {
2927
+ "text": "HTMLTemplateResult"
2928
+ }
3070
2929
  },
3071
- "default": "false",
3072
- "description": "Add the remove icon",
3073
- "attribute": "removable",
3074
- "reflects": true
2930
+ "inheritedFrom": {
2931
+ "name": "mixinSelectionControlListItem",
2932
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2933
+ }
3075
2934
  },
3076
2935
  {
3077
2936
  "kind": "field",
3078
- "name": "hideSelectedIcon",
2937
+ "name": "#indeterminate",
2938
+ "privacy": "private",
3079
2939
  "type": {
3080
2940
  "text": "boolean"
3081
2941
  },
3082
2942
  "default": "false",
3083
- "description": "Hide the selected icon",
3084
- "attribute": "hide-selected-icon",
3085
- "reflects": true
2943
+ "inheritedFrom": {
2944
+ "name": "UmCheckbox",
2945
+ "module": "src/checkbox/checkbox.ts"
2946
+ }
3086
2947
  },
3087
2948
  {
3088
2949
  "kind": "field",
3089
- "name": "hasLeadingIcon",
2950
+ "name": "hideStateLayer",
3090
2951
  "type": {
3091
2952
  "text": "boolean"
3092
2953
  },
3093
2954
  "default": "false",
3094
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3095
- "attribute": "has-leading-icon",
3096
- "reflects": true
2955
+ "attribute": "hide-state-layer",
2956
+ "reflects": true,
2957
+ "inheritedFrom": {
2958
+ "name": "UmCheckbox",
2959
+ "module": "src/checkbox/checkbox.ts"
2960
+ }
3097
2961
  },
3098
2962
  {
3099
2963
  "kind": "field",
3100
- "name": "hasSelectedIcon",
2964
+ "name": "indeterminate",
3101
2965
  "type": {
3102
2966
  "text": "boolean"
3103
2967
  },
3104
- "default": "false",
3105
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3106
- "attribute": "has-selected-icon",
3107
- "reflects": true
2968
+ "attribute": "indeterminate",
2969
+ "inheritedFrom": {
2970
+ "name": "UmCheckbox",
2971
+ "module": "src/checkbox/checkbox.ts"
2972
+ }
3108
2973
  },
3109
2974
  {
3110
2975
  "kind": "field",
3111
- "name": "hasTrailingIcon",
2976
+ "name": "checked",
2977
+ "attribute": "checked",
3112
2978
  "type": {
3113
2979
  "text": "boolean"
3114
2980
  },
3115
- "default": "false",
3116
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3117
- "attribute": "has-trailing-icon",
3118
- "reflects": true
3119
- },
3120
- {
3121
- "kind": "field",
3122
- "name": "assignedLeadingIcons",
3123
- "type": {
3124
- "text": "HTMLElement[]"
3125
- },
3126
- "privacy": "private"
3127
- },
3128
- {
3129
- "kind": "field",
3130
- "name": "assignedSelectedIcons",
3131
- "type": {
3132
- "text": "HTMLElement[]"
3133
- },
3134
- "privacy": "private"
3135
- },
3136
- {
3137
- "kind": "field",
3138
- "name": "assignedTrailingIcons",
3139
- "type": {
3140
- "text": "HTMLElement[]"
3141
- },
3142
- "privacy": "private"
3143
- },
3144
- {
3145
- "kind": "field",
3146
- "name": "removeRipple",
3147
- "type": {
3148
- "text": "UmRipple"
3149
- }
3150
- },
3151
- {
3152
- "kind": "method",
3153
- "name": "#handleRemoveClick",
3154
- "parameters": [
3155
- {
3156
- "name": "e",
3157
- "type": {
3158
- "text": "Event"
3159
- }
3160
- }
3161
- ]
3162
- },
3163
- {
3164
- "kind": "method",
3165
- "name": "#handleTrailingIconSlotChange"
3166
- },
3167
- {
3168
- "kind": "method",
3169
- "name": "#handleLeadingIconSlotChange"
3170
- },
3171
- {
3172
- "kind": "method",
3173
- "name": "#handleSelectedIconSlotChange"
3174
- },
3175
- {
3176
- "kind": "method",
3177
- "name": "handleClick",
3178
- "privacy": "protected",
3179
- "return": {
3180
- "type": {
3181
- "text": "void"
3182
- }
3183
- },
3184
- "parameters": [
3185
- {
3186
- "name": "event",
3187
- "type": {
3188
- "text": "UIEvent"
3189
- }
3190
- }
3191
- ],
3192
2981
  "inheritedFrom": {
3193
- "name": "UmButtonWrapper",
3194
- "module": "src/shared/button-wrapper.ts"
2982
+ "name": "UmSelectionControl",
2983
+ "module": "src/shared/selection-control/selection-control.ts"
3195
2984
  }
3196
2985
  },
3197
2986
  {
3198
2987
  "kind": "method",
3199
- "name": "renderContent",
2988
+ "name": "renderIndicator",
3200
2989
  "privacy": "protected",
3201
2990
  "return": {
3202
2991
  "type": {
@@ -3204,293 +2993,189 @@
3204
2993
  }
3205
2994
  },
3206
2995
  "inheritedFrom": {
3207
- "name": "UmButtonWrapper",
3208
- "module": "src/shared/button-wrapper.ts"
2996
+ "name": "UmSelectionControl",
2997
+ "module": "src/shared/selection-control/selection-control.ts"
3209
2998
  }
3210
2999
  },
3211
3000
  {
3212
3001
  "kind": "field",
3213
- "name": "disabled",
3002
+ "name": "formAssociated",
3214
3003
  "type": {
3215
3004
  "text": "boolean"
3216
3005
  },
3217
- "default": "false",
3218
- "description": "Whether the button is disabled or not.",
3219
- "attribute": "disabled",
3220
- "reflects": true,
3006
+ "static": true,
3007
+ "default": "true",
3221
3008
  "inheritedFrom": {
3222
- "name": "UmButtonWrapper",
3223
- "module": "src/shared/button-wrapper.ts"
3009
+ "name": "UmSelectionControl",
3010
+ "module": "src/shared/selection-control/selection-control.ts"
3224
3011
  }
3225
3012
  },
3226
3013
  {
3227
3014
  "kind": "field",
3228
- "name": "renderRipple",
3015
+ "name": "elementInternals",
3229
3016
  "type": {
3230
- "text": "boolean"
3017
+ "text": "ElementInternals"
3231
3018
  },
3232
- "default": "true",
3019
+ "privacy": "protected",
3233
3020
  "inheritedFrom": {
3234
- "name": "UmButtonWrapper",
3235
- "module": "src/shared/button-wrapper.ts"
3021
+ "name": "UmSelectionControl",
3022
+ "module": "src/shared/selection-control/selection-control.ts"
3236
3023
  }
3237
3024
  },
3238
3025
  {
3239
3026
  "kind": "field",
3240
- "name": "href",
3027
+ "name": "name",
3241
3028
  "type": {
3242
3029
  "text": "string | undefined"
3243
3030
  },
3244
- "description": "The URL that the link button points to.",
3245
- "attribute": "href",
3031
+ "default": "''",
3032
+ "attribute": "name",
3246
3033
  "inheritedFrom": {
3247
- "name": "UmButtonWrapper",
3248
- "module": "src/shared/button-wrapper.ts"
3034
+ "name": "UmSelectionControl",
3035
+ "module": "src/shared/selection-control/selection-control.ts"
3249
3036
  }
3250
3037
  },
3251
3038
  {
3252
3039
  "kind": "field",
3253
- "name": "target",
3040
+ "name": "disabled",
3254
3041
  "type": {
3255
- "text": "string | undefined"
3042
+ "text": "boolean"
3256
3043
  },
3257
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3258
- "attribute": "target",
3044
+ "default": "false",
3045
+ "attribute": "disabled",
3046
+ "reflects": true,
3259
3047
  "inheritedFrom": {
3260
- "name": "UmButtonWrapper",
3261
- "module": "src/shared/button-wrapper.ts"
3048
+ "name": "UmSelectionControl",
3049
+ "module": "src/shared/selection-control/selection-control.ts"
3262
3050
  }
3263
3051
  },
3264
3052
  {
3265
3053
  "kind": "field",
3266
- "name": "name",
3054
+ "name": "input",
3267
3055
  "type": {
3268
- "text": "string | undefined"
3056
+ "text": "HTMLInputElement"
3269
3057
  },
3270
- "attribute": "name",
3271
3058
  "inheritedFrom": {
3272
- "name": "UmButtonWrapper",
3273
- "module": "src/shared/button-wrapper.ts"
3059
+ "name": "UmSelectionControl",
3060
+ "module": "src/shared/selection-control/selection-control.ts"
3274
3061
  }
3275
3062
  },
3276
3063
  {
3277
3064
  "kind": "field",
3278
- "name": "buttonElement",
3065
+ "name": "form",
3279
3066
  "type": {
3280
- "text": "HTMLElement"
3067
+ "text": "HTMLFormElement | null"
3281
3068
  },
3282
- "privacy": "protected",
3283
3069
  "inheritedFrom": {
3284
- "name": "UmButtonWrapper",
3285
- "module": "src/shared/button-wrapper.ts"
3070
+ "name": "UmSelectionControl",
3071
+ "module": "src/shared/selection-control/selection-control.ts"
3286
3072
  }
3287
3073
  },
3288
3074
  {
3289
3075
  "kind": "field",
3290
- "name": "ripple",
3076
+ "name": "#checked",
3077
+ "privacy": "private",
3291
3078
  "type": {
3292
- "text": "UmRipple"
3079
+ "text": "boolean"
3293
3080
  },
3294
- "privacy": "private",
3081
+ "default": "false",
3295
3082
  "inheritedFrom": {
3296
- "name": "UmButtonWrapper",
3297
- "module": "src/shared/button-wrapper.ts"
3083
+ "name": "UmSelectionControl",
3084
+ "module": "src/shared/selection-control/selection-control.ts"
3298
3085
  }
3299
3086
  },
3300
3087
  {
3301
3088
  "kind": "field",
3302
- "name": "innerRole",
3089
+ "name": "inputType",
3303
3090
  "type": {
3304
- "text": "string | null"
3091
+ "text": "'checkbox' | 'radio'"
3305
3092
  },
3306
3093
  "privacy": "protected",
3307
- "default": "null",
3094
+ "default": "'checkbox'",
3308
3095
  "inheritedFrom": {
3309
- "name": "UmButtonWrapper",
3310
- "module": "src/shared/button-wrapper.ts"
3096
+ "name": "UmSelectionControl",
3097
+ "module": "src/shared/selection-control/selection-control.ts"
3311
3098
  }
3312
3099
  },
3313
3100
  {
3314
3101
  "kind": "field",
3315
- "name": "pathname",
3102
+ "name": "renderRipple",
3316
3103
  "type": {
3317
- "text": "string"
3104
+ "text": "boolean"
3318
3105
  },
3106
+ "privacy": "protected",
3107
+ "default": "true",
3319
3108
  "inheritedFrom": {
3320
- "name": "UmButtonWrapper",
3321
- "module": "src/shared/button-wrapper.ts"
3109
+ "name": "UmSelectionControl",
3110
+ "module": "src/shared/selection-control/selection-control.ts"
3322
3111
  }
3323
3112
  },
3324
3113
  {
3325
- "kind": "method",
3326
- "name": "renderButton",
3327
- "privacy": "private",
3114
+ "kind": "field",
3115
+ "name": "value",
3116
+ "type": {
3117
+ "text": "string"
3118
+ },
3119
+ "default": "'on'",
3120
+ "description": "The element value to use in form submission when checked.",
3121
+ "attribute": "value",
3328
3122
  "inheritedFrom": {
3329
- "name": "UmButtonWrapper",
3330
- "module": "src/shared/button-wrapper.ts"
3123
+ "name": "UmSelectionControl",
3124
+ "module": "src/shared/selection-control/selection-control.ts"
3331
3125
  }
3332
3126
  },
3333
3127
  {
3334
3128
  "kind": "method",
3335
- "name": "renderLink",
3336
- "privacy": "private",
3337
- "inheritedFrom": {
3338
- "name": "UmButtonWrapper",
3339
- "module": "src/shared/button-wrapper.ts"
3340
- }
3341
- },
3342
- {
3343
- "kind": "method",
3344
- "name": "focus",
3345
- "inheritedFrom": {
3346
- "name": "UmButtonWrapper",
3347
- "module": "src/shared/button-wrapper.ts"
3348
- }
3349
- },
3350
- {
3351
- "kind": "method",
3352
- "name": "blur",
3353
- "inheritedFrom": {
3354
- "name": "UmButtonWrapper",
3355
- "module": "src/shared/button-wrapper.ts"
3356
- }
3357
- },
3358
- {
3359
- "kind": "method",
3360
- "name": "getAriaLabel",
3361
- "privacy": "protected",
3362
- "return": {
3363
- "type": {
3364
- "text": "string | null"
3365
- }
3366
- },
3367
- "inheritedFrom": {
3368
- "name": "UmButtonWrapper",
3369
- "module": "src/shared/button-wrapper.ts"
3370
- }
3371
- },
3372
- {
3373
- "kind": "method",
3374
- "name": "innerFocusHandler",
3375
- "privacy": "private",
3376
- "return": {
3377
- "type": {
3378
- "text": "void"
3379
- }
3380
- },
3381
- "inheritedFrom": {
3382
- "name": "UmButtonWrapper",
3383
- "module": "src/shared/button-wrapper.ts"
3384
- }
3385
- },
3386
- {
3387
- "kind": "method",
3388
- "name": "#innerClickHandler",
3389
- "return": {
3390
- "type": {
3391
- "text": "void"
3392
- }
3393
- },
3129
+ "name": "#handleClick",
3394
3130
  "parameters": [
3395
3131
  {
3396
- "name": "event",
3132
+ "name": "e",
3397
3133
  "type": {
3398
- "text": "MouseEvent"
3134
+ "text": "Event"
3399
3135
  }
3400
3136
  }
3401
3137
  ],
3402
3138
  "inheritedFrom": {
3403
- "name": "UmButtonWrapper",
3404
- "module": "src/shared/button-wrapper.ts"
3405
- }
3406
- }
3407
- ],
3408
- "events": [
3409
- {
3410
- "name": "change",
3411
- "type": {
3412
- "text": "Event"
3139
+ "name": "UmSelectionControl",
3140
+ "module": "src/shared/selection-control/selection-control.ts"
3413
3141
  }
3414
3142
  }
3415
3143
  ],
3416
3144
  "attributes": [
3417
3145
  {
3418
- "name": "selected",
3419
- "type": {
3420
- "text": "boolean"
3421
- },
3422
- "default": "false",
3423
- "description": "Whether the chip is selected or not",
3424
- "fieldName": "selected"
3425
- },
3426
- {
3427
- "name": "clickable",
3428
- "type": {
3429
- "text": "boolean"
3430
- },
3431
- "fieldName": "clickable"
3432
- },
3433
- {
3434
- "name": "elevated",
3435
- "type": {
3436
- "text": "boolean"
3437
- },
3438
- "default": "false",
3439
- "description": "Adds elevation to the chip",
3440
- "fieldName": "elevated"
3441
- },
3442
- {
3443
- "name": "toggle",
3444
- "type": {
3445
- "text": "boolean"
3446
- },
3447
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3448
- "fieldName": "toggle"
3449
- },
3450
- {
3451
- "name": "removable",
3452
- "type": {
3453
- "text": "boolean"
3454
- },
3455
- "default": "false",
3456
- "description": "Add the remove icon",
3457
- "fieldName": "removable"
3458
- },
3459
- {
3460
- "name": "hide-selected-icon",
3461
- "type": {
3462
- "text": "boolean"
3463
- },
3464
- "default": "false",
3465
- "description": "Hide the selected icon",
3466
- "fieldName": "hideSelectedIcon"
3467
- },
3468
- {
3469
- "name": "has-leading-icon",
3146
+ "name": "hide-state-layer",
3470
3147
  "type": {
3471
3148
  "text": "boolean"
3472
3149
  },
3473
3150
  "default": "false",
3474
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3475
- "fieldName": "hasLeadingIcon"
3151
+ "fieldName": "hideStateLayer",
3152
+ "inheritedFrom": {
3153
+ "name": "UmCheckbox",
3154
+ "module": "src/checkbox/checkbox.ts"
3155
+ }
3476
3156
  },
3477
3157
  {
3478
- "name": "has-selected-icon",
3158
+ "name": "indeterminate",
3479
3159
  "type": {
3480
3160
  "text": "boolean"
3481
3161
  },
3482
- "default": "false",
3483
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3484
- "fieldName": "hasSelectedIcon"
3162
+ "fieldName": "indeterminate",
3163
+ "inheritedFrom": {
3164
+ "name": "UmCheckbox",
3165
+ "module": "src/checkbox/checkbox.ts"
3166
+ }
3485
3167
  },
3486
3168
  {
3487
- "name": "has-trailing-icon",
3169
+ "name": "name",
3488
3170
  "type": {
3489
- "text": "boolean"
3171
+ "text": "string | undefined"
3490
3172
  },
3491
- "default": "false",
3492
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3493
- "fieldName": "hasTrailingIcon"
3173
+ "default": "''",
3174
+ "fieldName": "name",
3175
+ "inheritedFrom": {
3176
+ "name": "UmSelectionControl",
3177
+ "module": "src/shared/selection-control/selection-control.ts"
3178
+ }
3494
3179
  },
3495
3180
  {
3496
3181
  "name": "disabled",
@@ -3498,84 +3183,85 @@
3498
3183
  "text": "boolean"
3499
3184
  },
3500
3185
  "default": "false",
3501
- "description": "Whether the button is disabled or not.",
3502
3186
  "fieldName": "disabled",
3503
3187
  "inheritedFrom": {
3504
- "name": "UmButtonWrapper",
3505
- "module": "src/shared/button-wrapper.ts"
3188
+ "name": "UmSelectionControl",
3189
+ "module": "src/shared/selection-control/selection-control.ts"
3506
3190
  }
3507
3191
  },
3508
3192
  {
3509
- "name": "href",
3193
+ "name": "value",
3510
3194
  "type": {
3511
- "text": "string | undefined"
3195
+ "text": "string"
3512
3196
  },
3513
- "description": "The URL that the link button points to.",
3514
- "fieldName": "href",
3197
+ "default": "'on'",
3198
+ "description": "The element value to use in form submission when checked.",
3199
+ "fieldName": "value",
3515
3200
  "inheritedFrom": {
3516
- "name": "UmButtonWrapper",
3517
- "module": "src/shared/button-wrapper.ts"
3201
+ "name": "UmSelectionControl",
3202
+ "module": "src/shared/selection-control/selection-control.ts"
3518
3203
  }
3519
3204
  },
3520
3205
  {
3521
- "name": "target",
3206
+ "name": "checked",
3207
+ "fieldName": "checked",
3208
+ "inheritedFrom": {
3209
+ "name": "UmSelectionControl",
3210
+ "module": "src/shared/selection-control/selection-control.ts"
3211
+ }
3212
+ }
3213
+ ],
3214
+ "events": [
3215
+ {
3216
+ "name": "input",
3522
3217
  "type": {
3523
- "text": "string | undefined"
3218
+ "text": "InputEvent"
3524
3219
  },
3525
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3526
- "fieldName": "target",
3527
3220
  "inheritedFrom": {
3528
- "name": "UmButtonWrapper",
3529
- "module": "src/shared/button-wrapper.ts"
3221
+ "name": "UmSelectionControl",
3222
+ "module": "src/shared/selection-control/selection-control.ts"
3530
3223
  }
3531
3224
  },
3532
3225
  {
3533
- "name": "name",
3226
+ "name": "change",
3534
3227
  "type": {
3535
- "text": "string | undefined"
3228
+ "text": "Event"
3536
3229
  },
3537
- "fieldName": "name",
3538
3230
  "inheritedFrom": {
3539
- "name": "UmButtonWrapper",
3540
- "module": "src/shared/button-wrapper.ts"
3231
+ "name": "UmSelectionControl",
3232
+ "module": "src/shared/selection-control/selection-control.ts"
3541
3233
  }
3542
3234
  }
3543
- ],
3544
- "superclass": {
3545
- "name": "UmButtonWrapper",
3546
- "module": "/src/shared/button-wrapper.js"
3547
- },
3548
- "tagName": "u-chip",
3549
- "customElement": true
3235
+ ]
3550
3236
  }
3551
3237
  ],
3552
3238
  "exports": [
3553
3239
  {
3554
3240
  "kind": "js",
3555
- "name": "UmChip",
3241
+ "name": "UmCheckboxListItem",
3556
3242
  "declaration": {
3557
- "name": "UmChip",
3558
- "module": "src/chip/chip.ts"
3243
+ "name": "UmCheckboxListItem",
3244
+ "module": "src/checkbox/checkbox-list-item.ts"
3559
3245
  }
3560
3246
  },
3561
3247
  {
3562
3248
  "kind": "custom-element-definition",
3563
- "name": "u-chip",
3249
+ "name": "u-checkbox-list-item",
3564
3250
  "declaration": {
3565
- "name": "UmChip",
3566
- "module": "src/chip/chip.ts"
3251
+ "name": "UmCheckboxListItem",
3252
+ "module": "src/checkbox/checkbox-list-item.ts"
3567
3253
  }
3568
3254
  }
3569
3255
  ]
3570
3256
  },
3571
3257
  {
3572
3258
  "kind": "javascript-module",
3573
- "path": "src/chip-field/chip-field.styles.ts",
3259
+ "path": "src/checkbox/checkbox.styles.ts",
3574
3260
  "declarations": [
3575
3261
  {
3576
3262
  "kind": "variable",
3577
3263
  "name": "styles",
3578
- "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
3264
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
3579
3265
  }
3580
3266
  ],
3581
3267
  "exports": [
@@ -3584,98 +3270,62 @@
3584
3270
  "name": "styles",
3585
3271
  "declaration": {
3586
3272
  "name": "styles",
3587
- "module": "src/chip-field/chip-field.styles.ts"
3273
+ "module": "src/checkbox/checkbox.styles.ts"
3588
3274
  }
3589
3275
  }
3590
3276
  ]
3591
3277
  },
3592
3278
  {
3593
3279
  "kind": "javascript-module",
3594
- "path": "src/chip-field/chip-field.ts",
3280
+ "path": "src/checkbox/checkbox.ts",
3595
3281
  "declarations": [
3596
3282
  {
3597
3283
  "kind": "class",
3598
3284
  "description": "",
3599
- "name": "UmChipField",
3285
+ "name": "UmCheckbox",
3600
3286
  "members": [
3601
3287
  {
3602
3288
  "kind": "field",
3603
- "name": "input",
3604
- "type": {
3605
- "text": "HTMLInputElement"
3606
- }
3607
- },
3608
- {
3609
- "kind": "field",
3610
- "name": "name",
3289
+ "name": "#indeterminate",
3290
+ "privacy": "private",
3611
3291
  "type": {
3612
- "text": "string"
3292
+ "text": "boolean"
3613
3293
  },
3614
- "attribute": "name"
3294
+ "default": "false"
3615
3295
  },
3616
3296
  {
3617
3297
  "kind": "field",
3618
- "name": "manual",
3298
+ "name": "hideStateLayer",
3619
3299
  "type": {
3620
3300
  "text": "boolean"
3621
3301
  },
3622
3302
  "default": "false",
3623
- "attribute": "manual"
3303
+ "attribute": "hide-state-layer",
3304
+ "reflects": true
3624
3305
  },
3625
3306
  {
3626
3307
  "kind": "field",
3627
- "name": "formatter",
3308
+ "name": "indeterminate",
3628
3309
  "type": {
3629
- "text": "((value: any) => string) | undefined"
3310
+ "text": "boolean"
3630
3311
  },
3631
- "attribute": "formatter"
3312
+ "attribute": "indeterminate"
3632
3313
  },
3633
3314
  {
3634
3315
  "kind": "field",
3635
- "name": "leadingIconTemplate",
3636
- "type": {
3637
- "text": "((value: any) => string) | undefined"
3638
- }
3639
- },
3640
- {
3641
- "kind": "field",
3642
- "name": "#value",
3643
- "privacy": "private",
3644
- "type": {
3645
- "text": "any[]"
3646
- },
3647
- "default": "[]"
3648
- },
3649
- {
3650
- "kind": "field",
3651
- "name": "value",
3652
- "type": {
3653
- "text": "any[]"
3654
- }
3655
- },
3656
- {
3657
- "kind": "method",
3658
- "name": "setFormValue",
3659
- "privacy": "private"
3660
- },
3661
- {
3662
- "kind": "method",
3663
- "name": "focus"
3664
- },
3665
- {
3666
- "kind": "field",
3667
- "name": "empty",
3316
+ "name": "checked",
3317
+ "attribute": "checked",
3668
3318
  "type": {
3669
3319
  "text": "boolean"
3670
3320
  },
3671
3321
  "inheritedFrom": {
3672
- "name": "UmTextFieldBase",
3673
- "module": "src/shared/text-field-base/text-field-base.ts"
3322
+ "name": "UmSelectionControl",
3323
+ "module": "src/shared/selection-control/selection-control.ts"
3674
3324
  }
3675
3325
  },
3676
3326
  {
3677
3327
  "kind": "method",
3678
- "name": "renderContent",
3328
+ "name": "renderIndicator",
3679
3329
  "privacy": "protected",
3680
3330
  "return": {
3681
3331
  "type": {
@@ -3683,64 +3333,10 @@
3683
3333
  }
3684
3334
  },
3685
3335
  "inheritedFrom": {
3686
- "name": "UmTextFieldBase",
3687
- "module": "src/shared/text-field-base/text-field-base.ts"
3336
+ "name": "UmSelectionControl",
3337
+ "module": "src/shared/selection-control/selection-control.ts"
3688
3338
  }
3689
3339
  },
3690
- {
3691
- "kind": "method",
3692
- "name": "#getChips"
3693
- },
3694
- {
3695
- "kind": "method",
3696
- "name": "#handleBlur"
3697
- },
3698
- {
3699
- "kind": "method",
3700
- "name": "#handleKeyDown",
3701
- "parameters": [
3702
- {
3703
- "name": "e",
3704
- "type": {
3705
- "text": "KeyboardEvent"
3706
- }
3707
- }
3708
- ]
3709
- },
3710
- {
3711
- "kind": "method",
3712
- "name": "add",
3713
- "parameters": [
3714
- {
3715
- "name": "value",
3716
- "type": {
3717
- "text": "any"
3718
- }
3719
- }
3720
- ]
3721
- },
3722
- {
3723
- "kind": "field",
3724
- "name": "#removeChip",
3725
- "privacy": "private"
3726
- },
3727
- {
3728
- "kind": "method",
3729
- "name": "#updated"
3730
- },
3731
- {
3732
- "kind": "method",
3733
- "name": "getItemLabel",
3734
- "privacy": "private",
3735
- "parameters": [
3736
- {
3737
- "name": "item",
3738
- "type": {
3739
- "text": "any"
3740
- }
3741
- }
3742
- ]
3743
- },
3744
3340
  {
3745
3341
  "kind": "field",
3746
3342
  "name": "formAssociated",
@@ -3750,582 +3346,858 @@
3750
3346
  "static": true,
3751
3347
  "default": "true",
3752
3348
  "inheritedFrom": {
3753
- "name": "UmTextFieldBase",
3754
- "module": "src/shared/text-field-base/text-field-base.ts"
3755
- }
3756
- },
3757
- {
3758
- "kind": "field",
3759
- "name": "shadowRootOptions",
3760
- "type": {
3761
- "text": "ShadowRootInit"
3762
- },
3763
- "static": true,
3764
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3765
- "inheritedFrom": {
3766
- "name": "UmTextFieldBase",
3767
- "module": "src/shared/text-field-base/text-field-base.ts"
3768
- }
3769
- },
3770
- {
3771
- "kind": "field",
3772
- "name": "variant",
3773
- "attribute": "variant",
3774
- "inheritedFrom": {
3775
- "name": "UmTextFieldBase",
3776
- "module": "src/shared/text-field-base/text-field-base.ts"
3349
+ "name": "UmSelectionControl",
3350
+ "module": "src/shared/selection-control/selection-control.ts"
3777
3351
  }
3778
3352
  },
3779
3353
  {
3780
3354
  "kind": "field",
3781
- "name": "label",
3355
+ "name": "elementInternals",
3782
3356
  "type": {
3783
- "text": "string | undefined"
3357
+ "text": "ElementInternals"
3784
3358
  },
3785
- "attribute": "label",
3359
+ "privacy": "protected",
3786
3360
  "inheritedFrom": {
3787
- "name": "UmTextFieldBase",
3788
- "module": "src/shared/text-field-base/text-field-base.ts"
3361
+ "name": "UmSelectionControl",
3362
+ "module": "src/shared/selection-control/selection-control.ts"
3789
3363
  }
3790
3364
  },
3791
3365
  {
3792
3366
  "kind": "field",
3793
- "name": "counter",
3367
+ "name": "name",
3794
3368
  "type": {
3795
3369
  "text": "string | undefined"
3796
3370
  },
3797
- "attribute": "counter",
3371
+ "default": "''",
3372
+ "attribute": "name",
3798
3373
  "inheritedFrom": {
3799
- "name": "UmTextFieldBase",
3800
- "module": "src/shared/text-field-base/text-field-base.ts"
3374
+ "name": "UmSelectionControl",
3375
+ "module": "src/shared/selection-control/selection-control.ts"
3801
3376
  }
3802
3377
  },
3803
3378
  {
3804
3379
  "kind": "field",
3805
- "name": "placeholder",
3380
+ "name": "disabled",
3806
3381
  "type": {
3807
- "text": "string | undefined"
3382
+ "text": "boolean"
3808
3383
  },
3809
- "attribute": "placeholder",
3384
+ "default": "false",
3385
+ "attribute": "disabled",
3810
3386
  "reflects": true,
3811
3387
  "inheritedFrom": {
3812
- "name": "UmTextFieldBase",
3813
- "module": "src/shared/text-field-base/text-field-base.ts"
3388
+ "name": "UmSelectionControl",
3389
+ "module": "src/shared/selection-control/selection-control.ts"
3814
3390
  }
3815
3391
  },
3816
3392
  {
3817
3393
  "kind": "field",
3818
- "name": "supportingText",
3394
+ "name": "input",
3819
3395
  "type": {
3820
- "text": "string | undefined"
3396
+ "text": "HTMLInputElement"
3821
3397
  },
3822
- "attribute": "supporting-text",
3823
3398
  "inheritedFrom": {
3824
- "name": "UmTextFieldBase",
3825
- "module": "src/shared/text-field-base/text-field-base.ts"
3399
+ "name": "UmSelectionControl",
3400
+ "module": "src/shared/selection-control/selection-control.ts"
3826
3401
  }
3827
3402
  },
3828
3403
  {
3829
3404
  "kind": "field",
3830
- "name": "errorText",
3405
+ "name": "form",
3831
3406
  "type": {
3832
- "text": "string | undefined"
3407
+ "text": "HTMLFormElement | null"
3833
3408
  },
3834
- "attribute": "error-text",
3835
3409
  "inheritedFrom": {
3836
- "name": "UmTextFieldBase",
3837
- "module": "src/shared/text-field-base/text-field-base.ts"
3410
+ "name": "UmSelectionControl",
3411
+ "module": "src/shared/selection-control/selection-control.ts"
3838
3412
  }
3839
3413
  },
3840
3414
  {
3841
3415
  "kind": "field",
3842
- "name": "disabled",
3416
+ "name": "#checked",
3417
+ "privacy": "private",
3843
3418
  "type": {
3844
3419
  "text": "boolean"
3845
3420
  },
3846
3421
  "default": "false",
3847
- "attribute": "disabled",
3848
- "reflects": true,
3849
3422
  "inheritedFrom": {
3850
- "name": "UmTextFieldBase",
3851
- "module": "src/shared/text-field-base/text-field-base.ts"
3423
+ "name": "UmSelectionControl",
3424
+ "module": "src/shared/selection-control/selection-control.ts"
3852
3425
  }
3853
3426
  },
3854
3427
  {
3855
3428
  "kind": "field",
3856
- "name": "invalid",
3429
+ "name": "inputType",
3857
3430
  "type": {
3858
- "text": "boolean"
3431
+ "text": "'checkbox' | 'radio'"
3859
3432
  },
3860
- "default": "false",
3861
- "attribute": "invalid",
3862
- "reflects": true,
3433
+ "privacy": "protected",
3434
+ "default": "'checkbox'",
3863
3435
  "inheritedFrom": {
3864
- "name": "UmTextFieldBase",
3865
- "module": "src/shared/text-field-base/text-field-base.ts"
3436
+ "name": "UmSelectionControl",
3437
+ "module": "src/shared/selection-control/selection-control.ts"
3866
3438
  }
3867
3439
  },
3868
3440
  {
3869
3441
  "kind": "field",
3870
- "name": "form",
3442
+ "name": "renderRipple",
3871
3443
  "type": {
3872
- "text": "HTMLFormElement | null"
3444
+ "text": "boolean"
3873
3445
  },
3446
+ "privacy": "protected",
3447
+ "default": "true",
3874
3448
  "inheritedFrom": {
3875
- "name": "UmTextFieldBase",
3876
- "module": "src/shared/text-field-base/text-field-base.ts"
3449
+ "name": "UmSelectionControl",
3450
+ "module": "src/shared/selection-control/selection-control.ts"
3877
3451
  }
3878
3452
  },
3879
3453
  {
3880
3454
  "kind": "field",
3881
- "name": "elementInternals",
3455
+ "name": "value",
3882
3456
  "type": {
3883
- "text": "ElementInternals"
3457
+ "text": "string"
3884
3458
  },
3885
- "privacy": "protected",
3459
+ "default": "'on'",
3460
+ "description": "The element value to use in form submission when checked.",
3461
+ "attribute": "value",
3886
3462
  "inheritedFrom": {
3887
- "name": "UmTextFieldBase",
3888
- "module": "src/shared/text-field-base/text-field-base.ts"
3463
+ "name": "UmSelectionControl",
3464
+ "module": "src/shared/selection-control/selection-control.ts"
3889
3465
  }
3890
- }
3891
- ],
3892
- "events": [
3466
+ },
3893
3467
  {
3894
- "name": "change",
3895
- "type": {
3896
- "text": "Event"
3468
+ "kind": "method",
3469
+ "name": "#handleClick",
3470
+ "parameters": [
3471
+ {
3472
+ "name": "e",
3473
+ "type": {
3474
+ "text": "Event"
3475
+ }
3476
+ }
3477
+ ],
3478
+ "inheritedFrom": {
3479
+ "name": "UmSelectionControl",
3480
+ "module": "src/shared/selection-control/selection-control.ts"
3897
3481
  }
3898
3482
  }
3899
3483
  ],
3900
3484
  "attributes": [
3901
3485
  {
3902
- "name": "name",
3486
+ "name": "hide-state-layer",
3903
3487
  "type": {
3904
- "text": "string"
3488
+ "text": "boolean"
3905
3489
  },
3906
- "fieldName": "name"
3490
+ "default": "false",
3491
+ "fieldName": "hideStateLayer"
3907
3492
  },
3908
3493
  {
3909
- "name": "manual",
3494
+ "name": "indeterminate",
3910
3495
  "type": {
3911
3496
  "text": "boolean"
3912
3497
  },
3913
- "default": "false",
3914
- "fieldName": "manual"
3498
+ "fieldName": "indeterminate"
3499
+ },
3500
+ {
3501
+ "name": "name",
3502
+ "type": {
3503
+ "text": "string | undefined"
3504
+ },
3505
+ "default": "''",
3506
+ "fieldName": "name",
3507
+ "inheritedFrom": {
3508
+ "name": "UmSelectionControl",
3509
+ "module": "src/shared/selection-control/selection-control.ts"
3510
+ }
3511
+ },
3512
+ {
3513
+ "name": "disabled",
3514
+ "type": {
3515
+ "text": "boolean"
3516
+ },
3517
+ "default": "false",
3518
+ "fieldName": "disabled",
3519
+ "inheritedFrom": {
3520
+ "name": "UmSelectionControl",
3521
+ "module": "src/shared/selection-control/selection-control.ts"
3522
+ }
3523
+ },
3524
+ {
3525
+ "name": "value",
3526
+ "type": {
3527
+ "text": "string"
3528
+ },
3529
+ "default": "'on'",
3530
+ "description": "The element value to use in form submission when checked.",
3531
+ "fieldName": "value",
3532
+ "inheritedFrom": {
3533
+ "name": "UmSelectionControl",
3534
+ "module": "src/shared/selection-control/selection-control.ts"
3535
+ }
3536
+ },
3537
+ {
3538
+ "name": "checked",
3539
+ "fieldName": "checked",
3540
+ "inheritedFrom": {
3541
+ "name": "UmSelectionControl",
3542
+ "module": "src/shared/selection-control/selection-control.ts"
3543
+ }
3544
+ }
3545
+ ],
3546
+ "superclass": {
3547
+ "name": "UmSelectionControl",
3548
+ "module": "/src/shared/selection-control/selection-control.js"
3549
+ },
3550
+ "tagName": "u-checkbox",
3551
+ "customElement": true,
3552
+ "events": [
3553
+ {
3554
+ "name": "input",
3555
+ "type": {
3556
+ "text": "InputEvent"
3557
+ },
3558
+ "inheritedFrom": {
3559
+ "name": "UmSelectionControl",
3560
+ "module": "src/shared/selection-control/selection-control.ts"
3561
+ }
3562
+ },
3563
+ {
3564
+ "name": "change",
3565
+ "type": {
3566
+ "text": "Event"
3567
+ },
3568
+ "inheritedFrom": {
3569
+ "name": "UmSelectionControl",
3570
+ "module": "src/shared/selection-control/selection-control.ts"
3571
+ }
3572
+ }
3573
+ ]
3574
+ }
3575
+ ],
3576
+ "exports": [
3577
+ {
3578
+ "kind": "js",
3579
+ "name": "UmCheckbox",
3580
+ "declaration": {
3581
+ "name": "UmCheckbox",
3582
+ "module": "src/checkbox/checkbox.ts"
3583
+ }
3584
+ },
3585
+ {
3586
+ "kind": "custom-element-definition",
3587
+ "name": "u-checkbox",
3588
+ "declaration": {
3589
+ "name": "UmCheckbox",
3590
+ "module": "src/checkbox/checkbox.ts"
3591
+ }
3592
+ }
3593
+ ]
3594
+ },
3595
+ {
3596
+ "kind": "javascript-module",
3597
+ "path": "src/chip/chip-set.styles.ts",
3598
+ "declarations": [
3599
+ {
3600
+ "kind": "variable",
3601
+ "name": "styles",
3602
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
3603
+ }
3604
+ ],
3605
+ "exports": [
3606
+ {
3607
+ "kind": "js",
3608
+ "name": "styles",
3609
+ "declaration": {
3610
+ "name": "styles",
3611
+ "module": "src/chip/chip-set.styles.ts"
3612
+ }
3613
+ }
3614
+ ]
3615
+ },
3616
+ {
3617
+ "kind": "javascript-module",
3618
+ "path": "src/chip/chip-set.ts",
3619
+ "declarations": [
3620
+ {
3621
+ "kind": "class",
3622
+ "description": "",
3623
+ "name": "UmChipSet",
3624
+ "members": [
3625
+ {
3626
+ "kind": "field",
3627
+ "name": "alignment",
3628
+ "type": {
3629
+ "text": "'start' | 'center' | 'end'"
3630
+ },
3631
+ "default": "'start'",
3632
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3633
+ "attribute": "alignment",
3634
+ "reflects": true,
3635
+ "inheritedFrom": {
3636
+ "name": "UmSetBase",
3637
+ "module": "src/shared/sets/set-base.ts"
3638
+ }
3639
+ }
3640
+ ],
3641
+ "superclass": {
3642
+ "name": "UmSetBase",
3643
+ "module": "/src/shared/sets/set-base.js"
3644
+ },
3645
+ "tagName": "u-chip-set",
3646
+ "customElement": true,
3647
+ "attributes": [
3648
+ {
3649
+ "name": "alignment",
3650
+ "type": {
3651
+ "text": "'start' | 'center' | 'end'"
3652
+ },
3653
+ "default": "'start'",
3654
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3655
+ "fieldName": "alignment",
3656
+ "inheritedFrom": {
3657
+ "name": "UmSetBase",
3658
+ "module": "src/shared/sets/set-base.ts"
3659
+ }
3660
+ }
3661
+ ]
3662
+ }
3663
+ ],
3664
+ "exports": [
3665
+ {
3666
+ "kind": "js",
3667
+ "name": "UmChipSet",
3668
+ "declaration": {
3669
+ "name": "UmChipSet",
3670
+ "module": "src/chip/chip-set.ts"
3671
+ }
3672
+ },
3673
+ {
3674
+ "kind": "custom-element-definition",
3675
+ "name": "u-chip-set",
3676
+ "declaration": {
3677
+ "name": "UmChipSet",
3678
+ "module": "src/chip/chip-set.ts"
3679
+ }
3680
+ }
3681
+ ]
3682
+ },
3683
+ {
3684
+ "kind": "javascript-module",
3685
+ "path": "src/chip/chip.styles.ts",
3686
+ "declarations": [
3687
+ {
3688
+ "kind": "variable",
3689
+ "name": "styles",
3690
+ "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-background-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-background-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3691
+ }
3692
+ ],
3693
+ "exports": [
3694
+ {
3695
+ "kind": "js",
3696
+ "name": "styles",
3697
+ "declaration": {
3698
+ "name": "styles",
3699
+ "module": "src/chip/chip.styles.ts"
3700
+ }
3701
+ }
3702
+ ]
3703
+ },
3704
+ {
3705
+ "kind": "javascript-module",
3706
+ "path": "src/chip/chip.ts",
3707
+ "declarations": [
3708
+ {
3709
+ "kind": "class",
3710
+ "description": "",
3711
+ "name": "UmChip",
3712
+ "members": [
3713
+ {
3714
+ "kind": "field",
3715
+ "name": "#clickable",
3716
+ "privacy": "private",
3717
+ "type": {
3718
+ "text": "boolean"
3719
+ },
3720
+ "default": "false"
3721
+ },
3722
+ {
3723
+ "kind": "field",
3724
+ "name": "#toggle",
3725
+ "privacy": "private",
3726
+ "type": {
3727
+ "text": "boolean"
3728
+ },
3729
+ "default": "false"
3730
+ },
3731
+ {
3732
+ "kind": "field",
3733
+ "name": "selected",
3734
+ "type": {
3735
+ "text": "boolean"
3736
+ },
3737
+ "default": "false",
3738
+ "description": "Whether the chip is selected or not",
3739
+ "attribute": "selected",
3740
+ "reflects": true
3741
+ },
3742
+ {
3743
+ "kind": "field",
3744
+ "name": "clickable",
3745
+ "type": {
3746
+ "text": "boolean"
3747
+ },
3748
+ "attribute": "clickable",
3749
+ "reflects": true
3750
+ },
3751
+ {
3752
+ "kind": "field",
3753
+ "name": "elevated",
3754
+ "type": {
3755
+ "text": "boolean"
3756
+ },
3757
+ "default": "false",
3758
+ "description": "Adds elevation to the chip",
3759
+ "attribute": "elevated",
3760
+ "reflects": true
3761
+ },
3762
+ {
3763
+ "kind": "field",
3764
+ "name": "toggle",
3765
+ "type": {
3766
+ "text": "boolean"
3767
+ },
3768
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3769
+ "attribute": "toggle",
3770
+ "reflects": true
3771
+ },
3772
+ {
3773
+ "kind": "field",
3774
+ "name": "removable",
3775
+ "type": {
3776
+ "text": "boolean"
3777
+ },
3778
+ "default": "false",
3779
+ "description": "Add the remove icon",
3780
+ "attribute": "removable",
3781
+ "reflects": true
3782
+ },
3783
+ {
3784
+ "kind": "field",
3785
+ "name": "hideSelectedIcon",
3786
+ "type": {
3787
+ "text": "boolean"
3788
+ },
3789
+ "default": "false",
3790
+ "description": "Hide the selected icon",
3791
+ "attribute": "hide-selected-icon",
3792
+ "reflects": true
3793
+ },
3794
+ {
3795
+ "kind": "field",
3796
+ "name": "hasLeadingIcon",
3797
+ "type": {
3798
+ "text": "boolean"
3799
+ },
3800
+ "default": "false",
3801
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3802
+ "attribute": "has-leading-icon",
3803
+ "reflects": true
3804
+ },
3805
+ {
3806
+ "kind": "field",
3807
+ "name": "hasSelectedIcon",
3808
+ "type": {
3809
+ "text": "boolean"
3810
+ },
3811
+ "default": "false",
3812
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3813
+ "attribute": "has-selected-icon",
3814
+ "reflects": true
3815
+ },
3816
+ {
3817
+ "kind": "field",
3818
+ "name": "hasTrailingIcon",
3819
+ "type": {
3820
+ "text": "boolean"
3821
+ },
3822
+ "default": "false",
3823
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3824
+ "attribute": "has-trailing-icon",
3825
+ "reflects": true
3826
+ },
3827
+ {
3828
+ "kind": "field",
3829
+ "name": "assignedLeadingIcons",
3830
+ "type": {
3831
+ "text": "HTMLElement[]"
3832
+ },
3833
+ "privacy": "private"
3834
+ },
3835
+ {
3836
+ "kind": "field",
3837
+ "name": "assignedSelectedIcons",
3838
+ "type": {
3839
+ "text": "HTMLElement[]"
3840
+ },
3841
+ "privacy": "private"
3842
+ },
3843
+ {
3844
+ "kind": "field",
3845
+ "name": "assignedTrailingIcons",
3846
+ "type": {
3847
+ "text": "HTMLElement[]"
3848
+ },
3849
+ "privacy": "private"
3850
+ },
3851
+ {
3852
+ "kind": "field",
3853
+ "name": "removeRipple",
3854
+ "type": {
3855
+ "text": "UmRipple"
3856
+ }
3857
+ },
3858
+ {
3859
+ "kind": "method",
3860
+ "name": "#handleRemoveClick",
3861
+ "parameters": [
3862
+ {
3863
+ "name": "e",
3864
+ "type": {
3865
+ "text": "Event"
3866
+ }
3867
+ }
3868
+ ]
3869
+ },
3870
+ {
3871
+ "kind": "method",
3872
+ "name": "#handleTrailingIconSlotChange"
3873
+ },
3874
+ {
3875
+ "kind": "method",
3876
+ "name": "#handleLeadingIconSlotChange"
3877
+ },
3878
+ {
3879
+ "kind": "method",
3880
+ "name": "#handleSelectedIconSlotChange"
3881
+ },
3882
+ {
3883
+ "kind": "method",
3884
+ "name": "handleClick",
3885
+ "privacy": "protected",
3886
+ "return": {
3887
+ "type": {
3888
+ "text": "void"
3889
+ }
3890
+ },
3891
+ "parameters": [
3892
+ {
3893
+ "name": "event",
3894
+ "type": {
3895
+ "text": "UIEvent"
3896
+ }
3897
+ }
3898
+ ],
3899
+ "inheritedFrom": {
3900
+ "name": "UmButtonWrapper",
3901
+ "module": "src/shared/button-wrapper.ts"
3902
+ }
3915
3903
  },
3916
3904
  {
3917
- "name": "formatter",
3918
- "type": {
3919
- "text": "((value: any) => string) | undefined"
3905
+ "kind": "method",
3906
+ "name": "renderContent",
3907
+ "privacy": "protected",
3908
+ "return": {
3909
+ "type": {
3910
+ "text": "HTMLTemplateResult"
3911
+ }
3920
3912
  },
3921
- "fieldName": "formatter"
3922
- },
3923
- {
3924
- "name": "variant",
3925
- "fieldName": "variant",
3926
3913
  "inheritedFrom": {
3927
- "name": "UmTextFieldBase",
3928
- "module": "src/shared/text-field-base/text-field-base.ts"
3914
+ "name": "UmButtonWrapper",
3915
+ "module": "src/shared/button-wrapper.ts"
3929
3916
  }
3930
3917
  },
3931
3918
  {
3932
- "name": "label",
3919
+ "kind": "field",
3920
+ "name": "disabled",
3933
3921
  "type": {
3934
- "text": "string | undefined"
3922
+ "text": "boolean"
3935
3923
  },
3936
- "fieldName": "label",
3924
+ "default": "false",
3925
+ "description": "Whether the button is disabled or not.",
3926
+ "attribute": "disabled",
3927
+ "reflects": true,
3937
3928
  "inheritedFrom": {
3938
- "name": "UmTextFieldBase",
3939
- "module": "src/shared/text-field-base/text-field-base.ts"
3929
+ "name": "UmButtonWrapper",
3930
+ "module": "src/shared/button-wrapper.ts"
3940
3931
  }
3941
3932
  },
3942
3933
  {
3943
- "name": "counter",
3934
+ "kind": "field",
3935
+ "name": "renderRipple",
3944
3936
  "type": {
3945
- "text": "string | undefined"
3937
+ "text": "boolean"
3946
3938
  },
3947
- "fieldName": "counter",
3939
+ "default": "true",
3948
3940
  "inheritedFrom": {
3949
- "name": "UmTextFieldBase",
3950
- "module": "src/shared/text-field-base/text-field-base.ts"
3941
+ "name": "UmButtonWrapper",
3942
+ "module": "src/shared/button-wrapper.ts"
3951
3943
  }
3952
3944
  },
3953
3945
  {
3954
- "name": "placeholder",
3946
+ "kind": "field",
3947
+ "name": "href",
3955
3948
  "type": {
3956
3949
  "text": "string | undefined"
3957
3950
  },
3958
- "fieldName": "placeholder",
3951
+ "description": "The URL that the link button points to.",
3952
+ "attribute": "href",
3959
3953
  "inheritedFrom": {
3960
- "name": "UmTextFieldBase",
3961
- "module": "src/shared/text-field-base/text-field-base.ts"
3954
+ "name": "UmButtonWrapper",
3955
+ "module": "src/shared/button-wrapper.ts"
3962
3956
  }
3963
3957
  },
3964
3958
  {
3965
- "name": "supporting-text",
3959
+ "kind": "field",
3960
+ "name": "target",
3966
3961
  "type": {
3967
3962
  "text": "string | undefined"
3968
3963
  },
3969
- "fieldName": "supportingText",
3964
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3965
+ "attribute": "target",
3970
3966
  "inheritedFrom": {
3971
- "name": "UmTextFieldBase",
3972
- "module": "src/shared/text-field-base/text-field-base.ts"
3967
+ "name": "UmButtonWrapper",
3968
+ "module": "src/shared/button-wrapper.ts"
3973
3969
  }
3974
3970
  },
3975
3971
  {
3976
- "name": "error-text",
3972
+ "kind": "field",
3973
+ "name": "name",
3977
3974
  "type": {
3978
3975
  "text": "string | undefined"
3979
3976
  },
3980
- "fieldName": "errorText",
3977
+ "attribute": "name",
3981
3978
  "inheritedFrom": {
3982
- "name": "UmTextFieldBase",
3983
- "module": "src/shared/text-field-base/text-field-base.ts"
3979
+ "name": "UmButtonWrapper",
3980
+ "module": "src/shared/button-wrapper.ts"
3984
3981
  }
3985
3982
  },
3986
3983
  {
3987
- "name": "disabled",
3984
+ "kind": "field",
3985
+ "name": "buttonElement",
3988
3986
  "type": {
3989
- "text": "boolean"
3987
+ "text": "HTMLElement"
3990
3988
  },
3991
- "default": "false",
3992
- "fieldName": "disabled",
3989
+ "privacy": "protected",
3993
3990
  "inheritedFrom": {
3994
- "name": "UmTextFieldBase",
3995
- "module": "src/shared/text-field-base/text-field-base.ts"
3991
+ "name": "UmButtonWrapper",
3992
+ "module": "src/shared/button-wrapper.ts"
3996
3993
  }
3997
3994
  },
3998
3995
  {
3999
- "name": "invalid",
3996
+ "kind": "field",
3997
+ "name": "ripple",
4000
3998
  "type": {
4001
- "text": "boolean"
3999
+ "text": "UmRipple"
4002
4000
  },
4003
- "default": "false",
4004
- "fieldName": "invalid",
4001
+ "privacy": "private",
4005
4002
  "inheritedFrom": {
4006
- "name": "UmTextFieldBase",
4007
- "module": "src/shared/text-field-base/text-field-base.ts"
4003
+ "name": "UmButtonWrapper",
4004
+ "module": "src/shared/button-wrapper.ts"
4008
4005
  }
4009
- }
4010
- ],
4011
- "superclass": {
4012
- "name": "UmTextFieldBase",
4013
- "module": "/src/shared/text-field-base/text-field-base.js"
4014
- },
4015
- "tagName": "u-chip-field",
4016
- "customElement": true
4017
- }
4018
- ],
4019
- "exports": [
4020
- {
4021
- "kind": "js",
4022
- "name": "UmChipField",
4023
- "declaration": {
4024
- "name": "UmChipField",
4025
- "module": "src/chip-field/chip-field.ts"
4026
- }
4027
- },
4028
- {
4029
- "kind": "custom-element-definition",
4030
- "name": "u-chip-field",
4031
- "declaration": {
4032
- "name": "UmChipField",
4033
- "module": "src/chip-field/chip-field.ts"
4034
- }
4035
- }
4036
- ]
4037
- },
4038
- {
4039
- "kind": "javascript-module",
4040
- "path": "src/checkbox/checkbox-list-item.ts",
4041
- "declarations": [
4042
- {
4043
- "kind": "class",
4044
- "description": "",
4045
- "name": "UmCheckboxListItem",
4046
- "mixins": [
4047
- {
4048
- "name": "mixinSelectionControlListItem",
4049
- "module": "/src/shared/selection-control/selection-control-list-item.js"
4050
- }
4051
- ],
4052
- "superclass": {
4053
- "name": "UmCheckbox",
4054
- "module": "/src/checkbox/checkbox.js"
4055
- },
4056
- "tagName": "u-checkbox-list-item",
4057
- "customElement": true,
4058
- "members": [
4006
+ },
4059
4007
  {
4060
4008
  "kind": "field",
4061
- "name": "styles",
4009
+ "name": "innerRole",
4062
4010
  "type": {
4063
- "text": "array"
4011
+ "text": "string | null"
4064
4012
  },
4065
- "static": true,
4066
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
4013
+ "privacy": "protected",
4014
+ "default": "null",
4067
4015
  "inheritedFrom": {
4068
- "name": "mixinSelectionControlListItem",
4069
- "module": "src/shared/selection-control/selection-control-list-item.ts"
4016
+ "name": "UmButtonWrapper",
4017
+ "module": "src/shared/button-wrapper.ts"
4070
4018
  }
4071
4019
  },
4072
4020
  {
4073
- "kind": "method",
4074
- "name": "render",
4075
- "return": {
4076
- "type": {
4077
- "text": "HTMLTemplateResult"
4078
- }
4021
+ "kind": "field",
4022
+ "name": "pathname",
4023
+ "type": {
4024
+ "text": "string"
4079
4025
  },
4080
4026
  "inheritedFrom": {
4081
- "name": "mixinSelectionControlListItem",
4082
- "module": "src/shared/selection-control/selection-control-list-item.ts"
4027
+ "name": "UmButtonWrapper",
4028
+ "module": "src/shared/button-wrapper.ts"
4083
4029
  }
4084
4030
  },
4085
4031
  {
4086
- "kind": "field",
4087
- "name": "#indeterminate",
4032
+ "kind": "method",
4033
+ "name": "renderButton",
4088
4034
  "privacy": "private",
4089
- "type": {
4090
- "text": "boolean"
4091
- },
4092
- "default": "false",
4093
4035
  "inheritedFrom": {
4094
- "name": "UmCheckbox",
4095
- "module": "src/checkbox/checkbox.ts"
4036
+ "name": "UmButtonWrapper",
4037
+ "module": "src/shared/button-wrapper.ts"
4096
4038
  }
4097
4039
  },
4098
4040
  {
4099
- "kind": "field",
4100
- "name": "hideStateLayer",
4101
- "type": {
4102
- "text": "boolean"
4103
- },
4104
- "default": "false",
4105
- "attribute": "hide-state-layer",
4106
- "reflects": true,
4041
+ "kind": "method",
4042
+ "name": "renderLink",
4043
+ "privacy": "private",
4107
4044
  "inheritedFrom": {
4108
- "name": "UmCheckbox",
4109
- "module": "src/checkbox/checkbox.ts"
4045
+ "name": "UmButtonWrapper",
4046
+ "module": "src/shared/button-wrapper.ts"
4110
4047
  }
4111
4048
  },
4112
4049
  {
4113
- "kind": "field",
4114
- "name": "indeterminate",
4115
- "type": {
4116
- "text": "boolean"
4117
- },
4118
- "attribute": "indeterminate",
4050
+ "kind": "method",
4051
+ "name": "focus",
4119
4052
  "inheritedFrom": {
4120
- "name": "UmCheckbox",
4121
- "module": "src/checkbox/checkbox.ts"
4053
+ "name": "UmButtonWrapper",
4054
+ "module": "src/shared/button-wrapper.ts"
4122
4055
  }
4123
4056
  },
4124
4057
  {
4125
- "kind": "field",
4126
- "name": "checked",
4127
- "attribute": "checked",
4128
- "type": {
4129
- "text": "boolean"
4130
- },
4058
+ "kind": "method",
4059
+ "name": "blur",
4131
4060
  "inheritedFrom": {
4132
- "name": "UmSelectionControl",
4133
- "module": "src/shared/selection-control/selection-control.ts"
4061
+ "name": "UmButtonWrapper",
4062
+ "module": "src/shared/button-wrapper.ts"
4134
4063
  }
4135
4064
  },
4136
4065
  {
4137
4066
  "kind": "method",
4138
- "name": "renderIndicator",
4067
+ "name": "getAriaLabel",
4139
4068
  "privacy": "protected",
4140
4069
  "return": {
4141
4070
  "type": {
4142
- "text": "HTMLTemplateResult"
4071
+ "text": "string | null"
4143
4072
  }
4144
4073
  },
4145
4074
  "inheritedFrom": {
4146
- "name": "UmSelectionControl",
4147
- "module": "src/shared/selection-control/selection-control.ts"
4148
- }
4149
- },
4150
- {
4151
- "kind": "field",
4152
- "name": "formAssociated",
4153
- "type": {
4154
- "text": "boolean"
4155
- },
4156
- "static": true,
4157
- "default": "true",
4158
- "inheritedFrom": {
4159
- "name": "UmSelectionControl",
4160
- "module": "src/shared/selection-control/selection-control.ts"
4075
+ "name": "UmButtonWrapper",
4076
+ "module": "src/shared/button-wrapper.ts"
4161
4077
  }
4162
4078
  },
4163
4079
  {
4164
- "kind": "field",
4165
- "name": "elementInternals",
4166
- "type": {
4167
- "text": "ElementInternals"
4080
+ "kind": "method",
4081
+ "name": "innerFocusHandler",
4082
+ "privacy": "private",
4083
+ "return": {
4084
+ "type": {
4085
+ "text": "void"
4086
+ }
4168
4087
  },
4169
- "privacy": "protected",
4170
4088
  "inheritedFrom": {
4171
- "name": "UmSelectionControl",
4172
- "module": "src/shared/selection-control/selection-control.ts"
4089
+ "name": "UmButtonWrapper",
4090
+ "module": "src/shared/button-wrapper.ts"
4173
4091
  }
4174
4092
  },
4175
4093
  {
4176
- "kind": "field",
4177
- "name": "name",
4178
- "type": {
4179
- "text": "string | undefined"
4094
+ "kind": "method",
4095
+ "name": "#innerClickHandler",
4096
+ "return": {
4097
+ "type": {
4098
+ "text": "void"
4099
+ }
4180
4100
  },
4181
- "default": "''",
4182
- "attribute": "name",
4101
+ "parameters": [
4102
+ {
4103
+ "name": "event",
4104
+ "type": {
4105
+ "text": "MouseEvent"
4106
+ }
4107
+ }
4108
+ ],
4183
4109
  "inheritedFrom": {
4184
- "name": "UmSelectionControl",
4185
- "module": "src/shared/selection-control/selection-control.ts"
4110
+ "name": "UmButtonWrapper",
4111
+ "module": "src/shared/button-wrapper.ts"
4186
4112
  }
4187
- },
4113
+ }
4114
+ ],
4115
+ "events": [
4188
4116
  {
4189
- "kind": "field",
4190
- "name": "disabled",
4117
+ "name": "change",
4191
4118
  "type": {
4192
- "text": "boolean"
4193
- },
4194
- "default": "false",
4195
- "attribute": "disabled",
4196
- "reflects": true,
4197
- "inheritedFrom": {
4198
- "name": "UmSelectionControl",
4199
- "module": "src/shared/selection-control/selection-control.ts"
4119
+ "text": "Event"
4200
4120
  }
4201
- },
4121
+ }
4122
+ ],
4123
+ "attributes": [
4202
4124
  {
4203
- "kind": "field",
4204
- "name": "input",
4125
+ "name": "selected",
4205
4126
  "type": {
4206
- "text": "HTMLInputElement"
4127
+ "text": "boolean"
4207
4128
  },
4208
- "inheritedFrom": {
4209
- "name": "UmSelectionControl",
4210
- "module": "src/shared/selection-control/selection-control.ts"
4211
- }
4129
+ "default": "false",
4130
+ "description": "Whether the chip is selected or not",
4131
+ "fieldName": "selected"
4212
4132
  },
4213
4133
  {
4214
- "kind": "field",
4215
- "name": "form",
4134
+ "name": "clickable",
4216
4135
  "type": {
4217
- "text": "HTMLFormElement | null"
4136
+ "text": "boolean"
4218
4137
  },
4219
- "inheritedFrom": {
4220
- "name": "UmSelectionControl",
4221
- "module": "src/shared/selection-control/selection-control.ts"
4222
- }
4138
+ "fieldName": "clickable"
4223
4139
  },
4224
4140
  {
4225
- "kind": "field",
4226
- "name": "#checked",
4227
- "privacy": "private",
4141
+ "name": "elevated",
4228
4142
  "type": {
4229
4143
  "text": "boolean"
4230
4144
  },
4231
4145
  "default": "false",
4232
- "inheritedFrom": {
4233
- "name": "UmSelectionControl",
4234
- "module": "src/shared/selection-control/selection-control.ts"
4235
- }
4146
+ "description": "Adds elevation to the chip",
4147
+ "fieldName": "elevated"
4236
4148
  },
4237
4149
  {
4238
- "kind": "field",
4239
- "name": "inputType",
4150
+ "name": "toggle",
4240
4151
  "type": {
4241
- "text": "'checkbox' | 'radio'"
4152
+ "text": "boolean"
4242
4153
  },
4243
- "privacy": "protected",
4244
- "default": "'checkbox'",
4245
- "inheritedFrom": {
4246
- "name": "UmSelectionControl",
4247
- "module": "src/shared/selection-control/selection-control.ts"
4248
- }
4154
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4155
+ "fieldName": "toggle"
4249
4156
  },
4250
4157
  {
4251
- "kind": "field",
4252
- "name": "renderRipple",
4158
+ "name": "removable",
4253
4159
  "type": {
4254
4160
  "text": "boolean"
4255
4161
  },
4256
- "privacy": "protected",
4257
- "default": "true",
4258
- "inheritedFrom": {
4259
- "name": "UmSelectionControl",
4260
- "module": "src/shared/selection-control/selection-control.ts"
4261
- }
4162
+ "default": "false",
4163
+ "description": "Add the remove icon",
4164
+ "fieldName": "removable"
4262
4165
  },
4263
4166
  {
4264
- "kind": "field",
4265
- "name": "value",
4167
+ "name": "hide-selected-icon",
4266
4168
  "type": {
4267
- "text": "string"
4169
+ "text": "boolean"
4268
4170
  },
4269
- "default": "'on'",
4270
- "description": "The element value to use in form submission when checked.",
4271
- "attribute": "value",
4272
- "inheritedFrom": {
4273
- "name": "UmSelectionControl",
4274
- "module": "src/shared/selection-control/selection-control.ts"
4275
- }
4171
+ "default": "false",
4172
+ "description": "Hide the selected icon",
4173
+ "fieldName": "hideSelectedIcon"
4276
4174
  },
4277
4175
  {
4278
- "kind": "method",
4279
- "name": "#handleClick",
4280
- "parameters": [
4281
- {
4282
- "name": "e",
4283
- "type": {
4284
- "text": "Event"
4285
- }
4286
- }
4287
- ],
4288
- "inheritedFrom": {
4289
- "name": "UmSelectionControl",
4290
- "module": "src/shared/selection-control/selection-control.ts"
4291
- }
4292
- }
4293
- ],
4294
- "attributes": [
4295
- {
4296
- "name": "hide-state-layer",
4176
+ "name": "has-leading-icon",
4297
4177
  "type": {
4298
4178
  "text": "boolean"
4299
4179
  },
4300
4180
  "default": "false",
4301
- "fieldName": "hideStateLayer",
4302
- "inheritedFrom": {
4303
- "name": "UmCheckbox",
4304
- "module": "src/checkbox/checkbox.ts"
4305
- }
4181
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4182
+ "fieldName": "hasLeadingIcon"
4306
4183
  },
4307
4184
  {
4308
- "name": "indeterminate",
4185
+ "name": "has-selected-icon",
4309
4186
  "type": {
4310
4187
  "text": "boolean"
4311
4188
  },
4312
- "fieldName": "indeterminate",
4313
- "inheritedFrom": {
4314
- "name": "UmCheckbox",
4315
- "module": "src/checkbox/checkbox.ts"
4316
- }
4189
+ "default": "false",
4190
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4191
+ "fieldName": "hasSelectedIcon"
4317
4192
  },
4318
4193
  {
4319
- "name": "name",
4194
+ "name": "has-trailing-icon",
4320
4195
  "type": {
4321
- "text": "string | undefined"
4196
+ "text": "boolean"
4322
4197
  },
4323
- "default": "''",
4324
- "fieldName": "name",
4325
- "inheritedFrom": {
4326
- "name": "UmSelectionControl",
4327
- "module": "src/shared/selection-control/selection-control.ts"
4328
- }
4198
+ "default": "false",
4199
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4200
+ "fieldName": "hasTrailingIcon"
4329
4201
  },
4330
4202
  {
4331
4203
  "name": "disabled",
@@ -4333,85 +4205,84 @@
4333
4205
  "text": "boolean"
4334
4206
  },
4335
4207
  "default": "false",
4208
+ "description": "Whether the button is disabled or not.",
4336
4209
  "fieldName": "disabled",
4337
4210
  "inheritedFrom": {
4338
- "name": "UmSelectionControl",
4339
- "module": "src/shared/selection-control/selection-control.ts"
4211
+ "name": "UmButtonWrapper",
4212
+ "module": "src/shared/button-wrapper.ts"
4340
4213
  }
4341
4214
  },
4342
4215
  {
4343
- "name": "value",
4216
+ "name": "href",
4344
4217
  "type": {
4345
- "text": "string"
4218
+ "text": "string | undefined"
4346
4219
  },
4347
- "default": "'on'",
4348
- "description": "The element value to use in form submission when checked.",
4349
- "fieldName": "value",
4220
+ "description": "The URL that the link button points to.",
4221
+ "fieldName": "href",
4350
4222
  "inheritedFrom": {
4351
- "name": "UmSelectionControl",
4352
- "module": "src/shared/selection-control/selection-control.ts"
4223
+ "name": "UmButtonWrapper",
4224
+ "module": "src/shared/button-wrapper.ts"
4353
4225
  }
4354
4226
  },
4355
4227
  {
4356
- "name": "checked",
4357
- "fieldName": "checked",
4358
- "inheritedFrom": {
4359
- "name": "UmSelectionControl",
4360
- "module": "src/shared/selection-control/selection-control.ts"
4361
- }
4362
- }
4363
- ],
4364
- "events": [
4365
- {
4366
- "name": "input",
4228
+ "name": "target",
4367
4229
  "type": {
4368
- "text": "InputEvent"
4230
+ "text": "string | undefined"
4369
4231
  },
4232
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4233
+ "fieldName": "target",
4370
4234
  "inheritedFrom": {
4371
- "name": "UmSelectionControl",
4372
- "module": "src/shared/selection-control/selection-control.ts"
4235
+ "name": "UmButtonWrapper",
4236
+ "module": "src/shared/button-wrapper.ts"
4373
4237
  }
4374
4238
  },
4375
4239
  {
4376
- "name": "change",
4240
+ "name": "name",
4377
4241
  "type": {
4378
- "text": "Event"
4242
+ "text": "string | undefined"
4379
4243
  },
4244
+ "fieldName": "name",
4380
4245
  "inheritedFrom": {
4381
- "name": "UmSelectionControl",
4382
- "module": "src/shared/selection-control/selection-control.ts"
4246
+ "name": "UmButtonWrapper",
4247
+ "module": "src/shared/button-wrapper.ts"
4383
4248
  }
4384
4249
  }
4385
- ]
4250
+ ],
4251
+ "superclass": {
4252
+ "name": "UmButtonWrapper",
4253
+ "module": "/src/shared/button-wrapper.js"
4254
+ },
4255
+ "tagName": "u-chip",
4256
+ "customElement": true
4386
4257
  }
4387
4258
  ],
4388
4259
  "exports": [
4389
4260
  {
4390
4261
  "kind": "js",
4391
- "name": "UmCheckboxListItem",
4262
+ "name": "UmChip",
4392
4263
  "declaration": {
4393
- "name": "UmCheckboxListItem",
4394
- "module": "src/checkbox/checkbox-list-item.ts"
4264
+ "name": "UmChip",
4265
+ "module": "src/chip/chip.ts"
4395
4266
  }
4396
4267
  },
4397
4268
  {
4398
4269
  "kind": "custom-element-definition",
4399
- "name": "u-checkbox-list-item",
4270
+ "name": "u-chip",
4400
4271
  "declaration": {
4401
- "name": "UmCheckboxListItem",
4402
- "module": "src/checkbox/checkbox-list-item.ts"
4272
+ "name": "UmChip",
4273
+ "module": "src/chip/chip.ts"
4403
4274
  }
4404
4275
  }
4405
4276
  ]
4406
4277
  },
4407
4278
  {
4408
4279
  "kind": "javascript-module",
4409
- "path": "src/checkbox/checkbox.styles.ts",
4280
+ "path": "src/chip-field/chip-field.styles.ts",
4410
4281
  "declarations": [
4411
4282
  {
4412
4283
  "kind": "variable",
4413
4284
  "name": "styles",
4414
- "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
4285
+ "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
4415
4286
  }
4416
4287
  ],
4417
4288
  "exports": [
@@ -4420,62 +4291,98 @@
4420
4291
  "name": "styles",
4421
4292
  "declaration": {
4422
4293
  "name": "styles",
4423
- "module": "src/checkbox/checkbox.styles.ts"
4294
+ "module": "src/chip-field/chip-field.styles.ts"
4424
4295
  }
4425
4296
  }
4426
4297
  ]
4427
4298
  },
4428
4299
  {
4429
4300
  "kind": "javascript-module",
4430
- "path": "src/checkbox/checkbox.ts",
4301
+ "path": "src/chip-field/chip-field.ts",
4431
4302
  "declarations": [
4432
4303
  {
4433
4304
  "kind": "class",
4434
4305
  "description": "",
4435
- "name": "UmCheckbox",
4306
+ "name": "UmChipField",
4436
4307
  "members": [
4437
4308
  {
4438
4309
  "kind": "field",
4439
- "name": "#indeterminate",
4440
- "privacy": "private",
4310
+ "name": "input",
4311
+ "type": {
4312
+ "text": "HTMLInputElement"
4313
+ }
4314
+ },
4315
+ {
4316
+ "kind": "field",
4317
+ "name": "name",
4441
4318
  "type": {
4442
- "text": "boolean"
4319
+ "text": "string"
4443
4320
  },
4444
- "default": "false"
4321
+ "attribute": "name"
4445
4322
  },
4446
4323
  {
4447
4324
  "kind": "field",
4448
- "name": "hideStateLayer",
4325
+ "name": "manual",
4449
4326
  "type": {
4450
4327
  "text": "boolean"
4451
4328
  },
4452
4329
  "default": "false",
4453
- "attribute": "hide-state-layer",
4454
- "reflects": true
4330
+ "attribute": "manual"
4455
4331
  },
4456
4332
  {
4457
4333
  "kind": "field",
4458
- "name": "indeterminate",
4334
+ "name": "formatter",
4459
4335
  "type": {
4460
- "text": "boolean"
4336
+ "text": "((value: any) => string) | undefined"
4461
4337
  },
4462
- "attribute": "indeterminate"
4338
+ "attribute": "formatter"
4463
4339
  },
4464
4340
  {
4465
4341
  "kind": "field",
4466
- "name": "checked",
4467
- "attribute": "checked",
4342
+ "name": "leadingIconTemplate",
4343
+ "type": {
4344
+ "text": "((value: any) => string) | undefined"
4345
+ }
4346
+ },
4347
+ {
4348
+ "kind": "field",
4349
+ "name": "#value",
4350
+ "privacy": "private",
4351
+ "type": {
4352
+ "text": "any[]"
4353
+ },
4354
+ "default": "[]"
4355
+ },
4356
+ {
4357
+ "kind": "field",
4358
+ "name": "value",
4359
+ "type": {
4360
+ "text": "any[]"
4361
+ }
4362
+ },
4363
+ {
4364
+ "kind": "method",
4365
+ "name": "setFormValue",
4366
+ "privacy": "private"
4367
+ },
4368
+ {
4369
+ "kind": "method",
4370
+ "name": "focus"
4371
+ },
4372
+ {
4373
+ "kind": "field",
4374
+ "name": "empty",
4468
4375
  "type": {
4469
4376
  "text": "boolean"
4470
4377
  },
4471
4378
  "inheritedFrom": {
4472
- "name": "UmSelectionControl",
4473
- "module": "src/shared/selection-control/selection-control.ts"
4379
+ "name": "UmTextFieldBase",
4380
+ "module": "src/shared/text-field-base/text-field-base.ts"
4474
4381
  }
4475
4382
  },
4476
4383
  {
4477
4384
  "kind": "method",
4478
- "name": "renderIndicator",
4385
+ "name": "renderContent",
4479
4386
  "privacy": "protected",
4480
4387
  "return": {
4481
4388
  "type": {
@@ -4483,10 +4390,64 @@
4483
4390
  }
4484
4391
  },
4485
4392
  "inheritedFrom": {
4486
- "name": "UmSelectionControl",
4487
- "module": "src/shared/selection-control/selection-control.ts"
4393
+ "name": "UmTextFieldBase",
4394
+ "module": "src/shared/text-field-base/text-field-base.ts"
4488
4395
  }
4489
4396
  },
4397
+ {
4398
+ "kind": "method",
4399
+ "name": "#getChips"
4400
+ },
4401
+ {
4402
+ "kind": "method",
4403
+ "name": "#handleBlur"
4404
+ },
4405
+ {
4406
+ "kind": "method",
4407
+ "name": "#handleKeyDown",
4408
+ "parameters": [
4409
+ {
4410
+ "name": "e",
4411
+ "type": {
4412
+ "text": "KeyboardEvent"
4413
+ }
4414
+ }
4415
+ ]
4416
+ },
4417
+ {
4418
+ "kind": "method",
4419
+ "name": "add",
4420
+ "parameters": [
4421
+ {
4422
+ "name": "value",
4423
+ "type": {
4424
+ "text": "any"
4425
+ }
4426
+ }
4427
+ ]
4428
+ },
4429
+ {
4430
+ "kind": "field",
4431
+ "name": "#removeChip",
4432
+ "privacy": "private"
4433
+ },
4434
+ {
4435
+ "kind": "method",
4436
+ "name": "#updated"
4437
+ },
4438
+ {
4439
+ "kind": "method",
4440
+ "name": "getItemLabel",
4441
+ "privacy": "private",
4442
+ "parameters": [
4443
+ {
4444
+ "name": "item",
4445
+ "type": {
4446
+ "text": "any"
4447
+ }
4448
+ }
4449
+ ]
4450
+ },
4490
4451
  {
4491
4452
  "kind": "field",
4492
4453
  "name": "formAssociated",
@@ -4496,33 +4457,91 @@
4496
4457
  "static": true,
4497
4458
  "default": "true",
4498
4459
  "inheritedFrom": {
4499
- "name": "UmSelectionControl",
4500
- "module": "src/shared/selection-control/selection-control.ts"
4460
+ "name": "UmTextFieldBase",
4461
+ "module": "src/shared/text-field-base/text-field-base.ts"
4501
4462
  }
4502
4463
  },
4503
4464
  {
4504
4465
  "kind": "field",
4505
- "name": "elementInternals",
4466
+ "name": "shadowRootOptions",
4506
4467
  "type": {
4507
- "text": "ElementInternals"
4468
+ "text": "ShadowRootInit"
4508
4469
  },
4509
- "privacy": "protected",
4470
+ "static": true,
4471
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4510
4472
  "inheritedFrom": {
4511
- "name": "UmSelectionControl",
4512
- "module": "src/shared/selection-control/selection-control.ts"
4473
+ "name": "UmTextFieldBase",
4474
+ "module": "src/shared/text-field-base/text-field-base.ts"
4513
4475
  }
4514
4476
  },
4515
4477
  {
4516
4478
  "kind": "field",
4517
- "name": "name",
4479
+ "name": "variant",
4480
+ "attribute": "variant",
4481
+ "inheritedFrom": {
4482
+ "name": "UmTextFieldBase",
4483
+ "module": "src/shared/text-field-base/text-field-base.ts"
4484
+ }
4485
+ },
4486
+ {
4487
+ "kind": "field",
4488
+ "name": "label",
4518
4489
  "type": {
4519
4490
  "text": "string | undefined"
4520
4491
  },
4521
- "default": "''",
4522
- "attribute": "name",
4492
+ "attribute": "label",
4523
4493
  "inheritedFrom": {
4524
- "name": "UmSelectionControl",
4525
- "module": "src/shared/selection-control/selection-control.ts"
4494
+ "name": "UmTextFieldBase",
4495
+ "module": "src/shared/text-field-base/text-field-base.ts"
4496
+ }
4497
+ },
4498
+ {
4499
+ "kind": "field",
4500
+ "name": "counter",
4501
+ "type": {
4502
+ "text": "string | undefined"
4503
+ },
4504
+ "attribute": "counter",
4505
+ "inheritedFrom": {
4506
+ "name": "UmTextFieldBase",
4507
+ "module": "src/shared/text-field-base/text-field-base.ts"
4508
+ }
4509
+ },
4510
+ {
4511
+ "kind": "field",
4512
+ "name": "placeholder",
4513
+ "type": {
4514
+ "text": "string | undefined"
4515
+ },
4516
+ "attribute": "placeholder",
4517
+ "reflects": true,
4518
+ "inheritedFrom": {
4519
+ "name": "UmTextFieldBase",
4520
+ "module": "src/shared/text-field-base/text-field-base.ts"
4521
+ }
4522
+ },
4523
+ {
4524
+ "kind": "field",
4525
+ "name": "supportingText",
4526
+ "type": {
4527
+ "text": "string | undefined"
4528
+ },
4529
+ "attribute": "supporting-text",
4530
+ "inheritedFrom": {
4531
+ "name": "UmTextFieldBase",
4532
+ "module": "src/shared/text-field-base/text-field-base.ts"
4533
+ }
4534
+ },
4535
+ {
4536
+ "kind": "field",
4537
+ "name": "errorText",
4538
+ "type": {
4539
+ "text": "string | undefined"
4540
+ },
4541
+ "attribute": "error-text",
4542
+ "inheritedFrom": {
4543
+ "name": "UmTextFieldBase",
4544
+ "module": "src/shared/text-field-base/text-field-base.ts"
4526
4545
  }
4527
4546
  },
4528
4547
  {
@@ -4535,19 +4554,22 @@
4535
4554
  "attribute": "disabled",
4536
4555
  "reflects": true,
4537
4556
  "inheritedFrom": {
4538
- "name": "UmSelectionControl",
4539
- "module": "src/shared/selection-control/selection-control.ts"
4557
+ "name": "UmTextFieldBase",
4558
+ "module": "src/shared/text-field-base/text-field-base.ts"
4540
4559
  }
4541
4560
  },
4542
4561
  {
4543
4562
  "kind": "field",
4544
- "name": "input",
4563
+ "name": "invalid",
4545
4564
  "type": {
4546
- "text": "HTMLInputElement"
4565
+ "text": "boolean"
4547
4566
  },
4567
+ "default": "false",
4568
+ "attribute": "invalid",
4569
+ "reflects": true,
4548
4570
  "inheritedFrom": {
4549
- "name": "UmSelectionControl",
4550
- "module": "src/shared/selection-control/selection-control.ts"
4571
+ "name": "UmTextFieldBase",
4572
+ "module": "src/shared/text-field-base/text-field-base.ts"
4551
4573
  }
4552
4574
  },
4553
4575
  {
@@ -4557,106 +4579,115 @@
4557
4579
  "text": "HTMLFormElement | null"
4558
4580
  },
4559
4581
  "inheritedFrom": {
4560
- "name": "UmSelectionControl",
4561
- "module": "src/shared/selection-control/selection-control.ts"
4582
+ "name": "UmTextFieldBase",
4583
+ "module": "src/shared/text-field-base/text-field-base.ts"
4562
4584
  }
4563
4585
  },
4564
4586
  {
4565
4587
  "kind": "field",
4566
- "name": "#checked",
4567
- "privacy": "private",
4588
+ "name": "elementInternals",
4568
4589
  "type": {
4569
- "text": "boolean"
4590
+ "text": "ElementInternals"
4570
4591
  },
4571
- "default": "false",
4592
+ "privacy": "protected",
4572
4593
  "inheritedFrom": {
4573
- "name": "UmSelectionControl",
4574
- "module": "src/shared/selection-control/selection-control.ts"
4594
+ "name": "UmTextFieldBase",
4595
+ "module": "src/shared/text-field-base/text-field-base.ts"
4596
+ }
4597
+ }
4598
+ ],
4599
+ "events": [
4600
+ {
4601
+ "name": "change",
4602
+ "type": {
4603
+ "text": "Event"
4575
4604
  }
4605
+ }
4606
+ ],
4607
+ "attributes": [
4608
+ {
4609
+ "name": "name",
4610
+ "type": {
4611
+ "text": "string"
4612
+ },
4613
+ "fieldName": "name"
4614
+ },
4615
+ {
4616
+ "name": "manual",
4617
+ "type": {
4618
+ "text": "boolean"
4619
+ },
4620
+ "default": "false",
4621
+ "fieldName": "manual"
4576
4622
  },
4577
4623
  {
4578
- "kind": "field",
4579
- "name": "inputType",
4624
+ "name": "formatter",
4580
4625
  "type": {
4581
- "text": "'checkbox' | 'radio'"
4626
+ "text": "((value: any) => string) | undefined"
4582
4627
  },
4583
- "privacy": "protected",
4584
- "default": "'checkbox'",
4628
+ "fieldName": "formatter"
4629
+ },
4630
+ {
4631
+ "name": "variant",
4632
+ "fieldName": "variant",
4585
4633
  "inheritedFrom": {
4586
- "name": "UmSelectionControl",
4587
- "module": "src/shared/selection-control/selection-control.ts"
4634
+ "name": "UmTextFieldBase",
4635
+ "module": "src/shared/text-field-base/text-field-base.ts"
4588
4636
  }
4589
4637
  },
4590
4638
  {
4591
- "kind": "field",
4592
- "name": "renderRipple",
4639
+ "name": "label",
4593
4640
  "type": {
4594
- "text": "boolean"
4641
+ "text": "string | undefined"
4595
4642
  },
4596
- "privacy": "protected",
4597
- "default": "true",
4643
+ "fieldName": "label",
4598
4644
  "inheritedFrom": {
4599
- "name": "UmSelectionControl",
4600
- "module": "src/shared/selection-control/selection-control.ts"
4645
+ "name": "UmTextFieldBase",
4646
+ "module": "src/shared/text-field-base/text-field-base.ts"
4601
4647
  }
4602
4648
  },
4603
4649
  {
4604
- "kind": "field",
4605
- "name": "value",
4650
+ "name": "counter",
4606
4651
  "type": {
4607
- "text": "string"
4652
+ "text": "string | undefined"
4608
4653
  },
4609
- "default": "'on'",
4610
- "description": "The element value to use in form submission when checked.",
4611
- "attribute": "value",
4654
+ "fieldName": "counter",
4612
4655
  "inheritedFrom": {
4613
- "name": "UmSelectionControl",
4614
- "module": "src/shared/selection-control/selection-control.ts"
4656
+ "name": "UmTextFieldBase",
4657
+ "module": "src/shared/text-field-base/text-field-base.ts"
4615
4658
  }
4616
4659
  },
4617
4660
  {
4618
- "kind": "method",
4619
- "name": "#handleClick",
4620
- "parameters": [
4621
- {
4622
- "name": "e",
4623
- "type": {
4624
- "text": "Event"
4625
- }
4626
- }
4627
- ],
4628
- "inheritedFrom": {
4629
- "name": "UmSelectionControl",
4630
- "module": "src/shared/selection-control/selection-control.ts"
4631
- }
4632
- }
4633
- ],
4634
- "attributes": [
4635
- {
4636
- "name": "hide-state-layer",
4661
+ "name": "placeholder",
4637
4662
  "type": {
4638
- "text": "boolean"
4663
+ "text": "string | undefined"
4639
4664
  },
4640
- "default": "false",
4641
- "fieldName": "hideStateLayer"
4665
+ "fieldName": "placeholder",
4666
+ "inheritedFrom": {
4667
+ "name": "UmTextFieldBase",
4668
+ "module": "src/shared/text-field-base/text-field-base.ts"
4669
+ }
4642
4670
  },
4643
4671
  {
4644
- "name": "indeterminate",
4672
+ "name": "supporting-text",
4645
4673
  "type": {
4646
- "text": "boolean"
4674
+ "text": "string | undefined"
4647
4675
  },
4648
- "fieldName": "indeterminate"
4676
+ "fieldName": "supportingText",
4677
+ "inheritedFrom": {
4678
+ "name": "UmTextFieldBase",
4679
+ "module": "src/shared/text-field-base/text-field-base.ts"
4680
+ }
4649
4681
  },
4650
4682
  {
4651
- "name": "name",
4683
+ "name": "error-text",
4652
4684
  "type": {
4653
4685
  "text": "string | undefined"
4654
4686
  },
4655
- "default": "''",
4656
- "fieldName": "name",
4687
+ "fieldName": "errorText",
4657
4688
  "inheritedFrom": {
4658
- "name": "UmSelectionControl",
4659
- "module": "src/shared/selection-control/selection-control.ts"
4689
+ "name": "UmTextFieldBase",
4690
+ "module": "src/shared/text-field-base/text-field-base.ts"
4660
4691
  }
4661
4692
  },
4662
4693
  {
@@ -4667,77 +4698,46 @@
4667
4698
  "default": "false",
4668
4699
  "fieldName": "disabled",
4669
4700
  "inheritedFrom": {
4670
- "name": "UmSelectionControl",
4671
- "module": "src/shared/selection-control/selection-control.ts"
4701
+ "name": "UmTextFieldBase",
4702
+ "module": "src/shared/text-field-base/text-field-base.ts"
4672
4703
  }
4673
4704
  },
4674
4705
  {
4675
- "name": "value",
4706
+ "name": "invalid",
4676
4707
  "type": {
4677
- "text": "string"
4708
+ "text": "boolean"
4678
4709
  },
4679
- "default": "'on'",
4680
- "description": "The element value to use in form submission when checked.",
4681
- "fieldName": "value",
4682
- "inheritedFrom": {
4683
- "name": "UmSelectionControl",
4684
- "module": "src/shared/selection-control/selection-control.ts"
4685
- }
4686
- },
4687
- {
4688
- "name": "checked",
4689
- "fieldName": "checked",
4710
+ "default": "false",
4711
+ "fieldName": "invalid",
4690
4712
  "inheritedFrom": {
4691
- "name": "UmSelectionControl",
4692
- "module": "src/shared/selection-control/selection-control.ts"
4713
+ "name": "UmTextFieldBase",
4714
+ "module": "src/shared/text-field-base/text-field-base.ts"
4693
4715
  }
4694
4716
  }
4695
4717
  ],
4696
4718
  "superclass": {
4697
- "name": "UmSelectionControl",
4698
- "module": "/src/shared/selection-control/selection-control.js"
4719
+ "name": "UmTextFieldBase",
4720
+ "module": "/src/shared/text-field-base/text-field-base.js"
4699
4721
  },
4700
- "tagName": "u-checkbox",
4701
- "customElement": true,
4702
- "events": [
4703
- {
4704
- "name": "input",
4705
- "type": {
4706
- "text": "InputEvent"
4707
- },
4708
- "inheritedFrom": {
4709
- "name": "UmSelectionControl",
4710
- "module": "src/shared/selection-control/selection-control.ts"
4711
- }
4712
- },
4713
- {
4714
- "name": "change",
4715
- "type": {
4716
- "text": "Event"
4717
- },
4718
- "inheritedFrom": {
4719
- "name": "UmSelectionControl",
4720
- "module": "src/shared/selection-control/selection-control.ts"
4721
- }
4722
- }
4723
- ]
4722
+ "tagName": "u-chip-field",
4723
+ "customElement": true
4724
4724
  }
4725
4725
  ],
4726
4726
  "exports": [
4727
4727
  {
4728
4728
  "kind": "js",
4729
- "name": "UmCheckbox",
4729
+ "name": "UmChipField",
4730
4730
  "declaration": {
4731
- "name": "UmCheckbox",
4732
- "module": "src/checkbox/checkbox.ts"
4731
+ "name": "UmChipField",
4732
+ "module": "src/chip-field/chip-field.ts"
4733
4733
  }
4734
4734
  },
4735
4735
  {
4736
4736
  "kind": "custom-element-definition",
4737
- "name": "u-checkbox",
4737
+ "name": "u-chip-field",
4738
4738
  "declaration": {
4739
- "name": "UmCheckbox",
4740
- "module": "src/checkbox/checkbox.ts"
4739
+ "name": "UmChipField",
4740
+ "module": "src/chip-field/chip-field.ts"
4741
4741
  }
4742
4742
  }
4743
4743
  ]
@@ -10023,7 +10023,7 @@
10023
10023
  },
10024
10024
  {
10025
10025
  "kind": "field",
10026
- "name": "#for",
10026
+ "name": "#targetId",
10027
10027
  "privacy": "private",
10028
10028
  "type": {
10029
10029
  "text": "string | undefined"
@@ -10179,11 +10179,11 @@
10179
10179
  },
10180
10180
  {
10181
10181
  "kind": "field",
10182
- "name": "for",
10182
+ "name": "targetId",
10183
10183
  "type": {
10184
10184
  "text": "string | undefined"
10185
10185
  },
10186
- "attribute": "for",
10186
+ "attribute": "target-id",
10187
10187
  "reflects": true
10188
10188
  },
10189
10189
  {
@@ -10343,11 +10343,11 @@
10343
10343
  "fieldName": "editable"
10344
10344
  },
10345
10345
  {
10346
- "name": "for",
10346
+ "name": "target-id",
10347
10347
  "type": {
10348
10348
  "text": "string | undefined"
10349
10349
  },
10350
- "fieldName": "for"
10350
+ "fieldName": "targetId"
10351
10351
  }
10352
10352
  ],
10353
10353
  "superclass": {
@@ -10634,56 +10634,6 @@
10634
10634
  }
10635
10635
  ]
10636
10636
  },
10637
- {
10638
- "kind": "javascript-module",
10639
- "path": "src/shared/sets/set-base.ts",
10640
- "declarations": [
10641
- {
10642
- "kind": "class",
10643
- "description": "",
10644
- "name": "UmSetBase",
10645
- "members": [
10646
- {
10647
- "kind": "field",
10648
- "name": "alignment",
10649
- "type": {
10650
- "text": "'start' | 'center' | 'end'"
10651
- },
10652
- "default": "'start'",
10653
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10654
- "attribute": "alignment",
10655
- "reflects": true
10656
- }
10657
- ],
10658
- "attributes": [
10659
- {
10660
- "name": "alignment",
10661
- "type": {
10662
- "text": "'start' | 'center' | 'end'"
10663
- },
10664
- "default": "'start'",
10665
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10666
- "fieldName": "alignment"
10667
- }
10668
- ],
10669
- "superclass": {
10670
- "name": "LitElement",
10671
- "package": "lit"
10672
- },
10673
- "customElement": true
10674
- }
10675
- ],
10676
- "exports": [
10677
- {
10678
- "kind": "js",
10679
- "name": "UmSetBase",
10680
- "declaration": {
10681
- "name": "UmSetBase",
10682
- "module": "src/shared/sets/set-base.ts"
10683
- }
10684
- }
10685
- ]
10686
- },
10687
10637
  {
10688
10638
  "kind": "javascript-module",
10689
10639
  "path": "src/shared/text-field-base/text-field-base.styles.ts",
@@ -10902,6 +10852,56 @@
10902
10852
  }
10903
10853
  }
10904
10854
  ]
10855
+ },
10856
+ {
10857
+ "kind": "javascript-module",
10858
+ "path": "src/shared/sets/set-base.ts",
10859
+ "declarations": [
10860
+ {
10861
+ "kind": "class",
10862
+ "description": "",
10863
+ "name": "UmSetBase",
10864
+ "members": [
10865
+ {
10866
+ "kind": "field",
10867
+ "name": "alignment",
10868
+ "type": {
10869
+ "text": "'start' | 'center' | 'end'"
10870
+ },
10871
+ "default": "'start'",
10872
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10873
+ "attribute": "alignment",
10874
+ "reflects": true
10875
+ }
10876
+ ],
10877
+ "attributes": [
10878
+ {
10879
+ "name": "alignment",
10880
+ "type": {
10881
+ "text": "'start' | 'center' | 'end'"
10882
+ },
10883
+ "default": "'start'",
10884
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10885
+ "fieldName": "alignment"
10886
+ }
10887
+ ],
10888
+ "superclass": {
10889
+ "name": "LitElement",
10890
+ "package": "lit"
10891
+ },
10892
+ "customElement": true
10893
+ }
10894
+ ],
10895
+ "exports": [
10896
+ {
10897
+ "kind": "js",
10898
+ "name": "UmSetBase",
10899
+ "declaration": {
10900
+ "name": "UmSetBase",
10901
+ "module": "src/shared/sets/set-base.ts"
10902
+ }
10903
+ }
10904
+ ]
10905
10905
  }
10906
10906
  ]
10907
10907
  }