@universal-material/web 3.0.45 → 3.0.46

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.
@@ -527,6 +527,255 @@
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
+ },
530
779
  {
531
780
  "kind": "javascript-module",
532
781
  "path": "src/button/button-base.ts",
@@ -2638,256 +2887,7 @@
2638
2887
  },
2639
2888
  {
2640
2889
  "kind": "javascript-module",
2641
- "path": "src/card/card-content.styles.ts",
2642
- "declarations": [
2643
- {
2644
- "kind": "variable",
2645
- "name": "styles",
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`"
2647
- }
2648
- ],
2649
- "exports": [
2650
- {
2651
- "kind": "js",
2652
- "name": "styles",
2653
- "declaration": {
2654
- "name": "styles",
2655
- "module": "src/card/card-content.styles.ts"
2656
- }
2657
- }
2658
- ]
2659
- },
2660
- {
2661
- "kind": "javascript-module",
2662
- "path": "src/card/card-content.ts",
2663
- "declarations": [
2664
- {
2665
- "kind": "class",
2666
- "description": "",
2667
- "name": "UmCardContent",
2668
- "members": [
2669
- {
2670
- "kind": "field",
2671
- "name": "hasContent",
2672
- "type": {
2673
- "text": "boolean"
2674
- },
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
- ]
2691
- }
2692
- ],
2693
- "attributes": [
2694
- {
2695
- "name": "has-content",
2696
- "type": {
2697
- "text": "boolean"
2698
- },
2699
- "default": "false",
2700
- "fieldName": "hasContent"
2701
- }
2702
- ],
2703
- "superclass": {
2704
- "name": "LitElement",
2705
- "package": "lit"
2706
- },
2707
- "tagName": "u-card-content",
2708
- "customElement": true
2709
- }
2710
- ],
2711
- "exports": [
2712
- {
2713
- "kind": "js",
2714
- "name": "UmCardContent",
2715
- "declaration": {
2716
- "name": "UmCardContent",
2717
- "module": "src/card/card-content.ts"
2718
- }
2719
- },
2720
- {
2721
- "kind": "custom-element-definition",
2722
- "name": "u-card-content",
2723
- "declaration": {
2724
- "name": "UmCardContent",
2725
- "module": "src/card/card-content.ts"
2726
- }
2727
- }
2728
- ]
2729
- },
2730
- {
2731
- "kind": "javascript-module",
2732
- "path": "src/card/card-media.styles.ts",
2733
- "declarations": [
2734
- {
2735
- "kind": "variable",
2736
- "name": "styles",
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`"
2738
- }
2739
- ],
2740
- "exports": [
2741
- {
2742
- "kind": "js",
2743
- "name": "styles",
2744
- "declaration": {
2745
- "name": "styles",
2746
- "module": "src/card/card-media.styles.ts"
2747
- }
2748
- }
2749
- ]
2750
- },
2751
- {
2752
- "kind": "javascript-module",
2753
- "path": "src/card/card-media.ts",
2754
- "declarations": [
2755
- {
2756
- "kind": "class",
2757
- "description": "",
2758
- "name": "UmCardMedia",
2759
- "members": [
2760
- {
2761
- "kind": "field",
2762
- "name": "wide",
2763
- "type": {
2764
- "text": "boolean"
2765
- },
2766
- "default": "false",
2767
- "attribute": "wide",
2768
- "reflects": true
2769
- }
2770
- ],
2771
- "attributes": [
2772
- {
2773
- "name": "wide",
2774
- "type": {
2775
- "text": "boolean"
2776
- },
2777
- "default": "false",
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": [
2838
- {
2839
- "kind": "field",
2840
- "name": "variant",
2841
- "type": {
2842
- "text": "UmCardVariant"
2843
- },
2844
- "default": "'filled'",
2845
- "description": "The Card variant to render.",
2846
- "attribute": "variant",
2847
- "reflects": true
2848
- }
2849
- ],
2850
- "attributes": [
2851
- {
2852
- "name": "variant",
2853
- "type": {
2854
- "text": "UmCardVariant"
2855
- },
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",
2890
+ "path": "src/checkbox/checkbox-list-item.ts",
2891
2891
  "declarations": [
2892
2892
  {
2893
2893
  "kind": "class",
@@ -5122,12 +5122,12 @@
5122
5122
  },
5123
5123
  {
5124
5124
  "kind": "javascript-module",
5125
- "path": "src/list/list-item.styles.ts",
5125
+ "path": "src/menu/menu-item.styles.ts",
5126
5126
  "declarations": [
5127
5127
  {
5128
5128
  "kind": "variable",
5129
5129
  "name": "styles",
5130
- "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n`"
5130
+ "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 display: block;\n --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.125rem);\n --_menu-item-padding: var(--u-menu-item-padding, 12px);\n height: var(--u-menu-item-height, 56px);\n padding-inline: var(--_menu-item-padding);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\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-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_menu-item-icon-size);\n line-height: var(--_menu-item-icon-size);\n margin-inline-end: var(--u-menu-item-icon-margin, 12px);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .content {\n justify-content: flex-start;\n }\n\n .button:focus-visible {\n outline-offset: -4px;\n border-radius: var(--u-spacing-extra-small, 4px);\n }\n`"
5131
5131
  }
5132
5132
  ],
5133
5133
  "exports": [
@@ -5136,158 +5136,23 @@
5136
5136
  "name": "styles",
5137
5137
  "declaration": {
5138
5138
  "name": "styles",
5139
- "module": "src/list/list-item.styles.ts"
5139
+ "module": "src/menu/menu-item.styles.ts"
5140
5140
  }
5141
5141
  }
5142
5142
  ]
5143
5143
  },
5144
5144
  {
5145
5145
  "kind": "javascript-module",
5146
- "path": "src/list/list-item.ts",
5146
+ "path": "src/menu/menu-item.ts",
5147
5147
  "declarations": [
5148
5148
  {
5149
5149
  "kind": "class",
5150
5150
  "description": "",
5151
- "name": "UmListItem",
5151
+ "name": "UmMenuItem",
5152
5152
  "members": [
5153
5153
  {
5154
5154
  "kind": "field",
5155
- "name": "selectable",
5156
- "type": {
5157
- "text": "boolean"
5158
- },
5159
- "default": "false",
5160
- "attribute": "selectable",
5161
- "reflects": true
5162
- }
5163
- ],
5164
- "attributes": [
5165
- {
5166
- "name": "selectable",
5167
- "type": {
5168
- "text": "boolean"
5169
- },
5170
- "default": "false",
5171
- "fieldName": "selectable"
5172
- }
5173
- ],
5174
- "superclass": {
5175
- "name": "LitElement",
5176
- "package": "lit"
5177
- },
5178
- "tagName": "u-list-item",
5179
- "customElement": true
5180
- }
5181
- ],
5182
- "exports": [
5183
- {
5184
- "kind": "js",
5185
- "name": "UmListItem",
5186
- "declaration": {
5187
- "name": "UmListItem",
5188
- "module": "src/list/list-item.ts"
5189
- }
5190
- },
5191
- {
5192
- "kind": "custom-element-definition",
5193
- "name": "u-list-item",
5194
- "declaration": {
5195
- "name": "UmListItem",
5196
- "module": "src/list/list-item.ts"
5197
- }
5198
- }
5199
- ]
5200
- },
5201
- {
5202
- "kind": "javascript-module",
5203
- "path": "src/list/list.styles.ts",
5204
- "declarations": [
5205
- {
5206
- "kind": "variable",
5207
- "name": "styles",
5208
- "default": "css `\n :host {\n padding-block: var(--u-list-padding, 8px);\n }\n`"
5209
- }
5210
- ],
5211
- "exports": [
5212
- {
5213
- "kind": "js",
5214
- "name": "styles",
5215
- "declaration": {
5216
- "name": "styles",
5217
- "module": "src/list/list.styles.ts"
5218
- }
5219
- }
5220
- ]
5221
- },
5222
- {
5223
- "kind": "javascript-module",
5224
- "path": "src/list/list.ts",
5225
- "declarations": [
5226
- {
5227
- "kind": "class",
5228
- "description": "",
5229
- "name": "UmList",
5230
- "members": [],
5231
- "superclass": {
5232
- "name": "LitElement",
5233
- "package": "lit"
5234
- },
5235
- "tagName": "u-list",
5236
- "customElement": true
5237
- }
5238
- ],
5239
- "exports": [
5240
- {
5241
- "kind": "js",
5242
- "name": "UmList",
5243
- "declaration": {
5244
- "name": "UmList",
5245
- "module": "src/list/list.ts"
5246
- }
5247
- },
5248
- {
5249
- "kind": "custom-element-definition",
5250
- "name": "u-list",
5251
- "declaration": {
5252
- "name": "UmList",
5253
- "module": "src/list/list.ts"
5254
- }
5255
- }
5256
- ]
5257
- },
5258
- {
5259
- "kind": "javascript-module",
5260
- "path": "src/menu/menu-item.styles.ts",
5261
- "declarations": [
5262
- {
5263
- "kind": "variable",
5264
- "name": "styles",
5265
- "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 display: block;\n --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.125rem);\n --_menu-item-padding: var(--u-menu-item-padding, 12px);\n height: var(--u-menu-item-height, 56px);\n padding-inline: var(--_menu-item-padding);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\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-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_menu-item-icon-size);\n line-height: var(--_menu-item-icon-size);\n margin-inline-end: var(--u-menu-item-icon-margin, 12px);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .content {\n justify-content: flex-start;\n }\n\n .button:focus-visible {\n outline-offset: -4px;\n border-radius: var(--u-spacing-extra-small, 4px);\n }\n`"
5266
- }
5267
- ],
5268
- "exports": [
5269
- {
5270
- "kind": "js",
5271
- "name": "styles",
5272
- "declaration": {
5273
- "name": "styles",
5274
- "module": "src/menu/menu-item.styles.ts"
5275
- }
5276
- }
5277
- ]
5278
- },
5279
- {
5280
- "kind": "javascript-module",
5281
- "path": "src/menu/menu-item.ts",
5282
- "declarations": [
5283
- {
5284
- "kind": "class",
5285
- "description": "",
5286
- "name": "UmMenuItem",
5287
- "members": [
5288
- {
5289
- "kind": "field",
5290
- "name": "hasIcon",
5155
+ "name": "hasIcon",
5291
5156
  "type": {
5292
5157
  "text": "boolean"
5293
5158
  },
@@ -6007,12 +5872,12 @@
6007
5872
  },
6008
5873
  {
6009
5874
  "kind": "javascript-module",
6010
- "path": "src/navigation/drawer-item.styles.ts",
5875
+ "path": "src/list/list-item.styles.ts",
6011
5876
  "declarations": [
6012
5877
  {
6013
5878
  "kind": "variable",
6014
5879
  "name": "styles",
6015
- "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 display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\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-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n font-size: var(--_drawer-item-icon-size);\n line-height: var(--_drawer-item-icon-size);\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
5880
+ "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n`"
6016
5881
  }
6017
5882
  ],
6018
5883
  "exports": [
@@ -6021,137 +5886,272 @@
6021
5886
  "name": "styles",
6022
5887
  "declaration": {
6023
5888
  "name": "styles",
6024
- "module": "src/navigation/drawer-item.styles.ts"
5889
+ "module": "src/list/list-item.styles.ts"
6025
5890
  }
6026
5891
  }
6027
5892
  ]
6028
5893
  },
6029
5894
  {
6030
5895
  "kind": "javascript-module",
6031
- "path": "src/navigation/drawer-item.ts",
5896
+ "path": "src/list/list-item.ts",
6032
5897
  "declarations": [
6033
5898
  {
6034
5899
  "kind": "class",
6035
5900
  "description": "",
6036
- "name": "UmDrawerItem",
5901
+ "name": "UmListItem",
6037
5902
  "members": [
6038
5903
  {
6039
5904
  "kind": "field",
6040
- "name": "hasIcon",
6041
- "type": {
6042
- "text": "boolean"
6043
- },
6044
- "default": "false",
6045
- "description": "Whether the drawer item has icon or not\n\n_Note:_ Readonly",
6046
- "attribute": "has-icon",
6047
- "reflects": true
6048
- },
6049
- {
6050
- "kind": "field",
6051
- "name": "hasBadge",
6052
- "type": {
6053
- "text": "boolean"
6054
- },
6055
- "default": "false",
6056
- "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
6057
- "attribute": "has-badge",
6058
- "reflects": true
6059
- },
6060
- {
6061
- "kind": "field",
6062
- "name": "active",
6063
- "type": {
6064
- "text": "boolean"
6065
- },
6066
- "default": "false",
6067
- "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
6068
- "attribute": "active",
6069
- "reflects": true
6070
- },
6071
- {
6072
- "kind": "field",
6073
- "name": "keepDrawerOpen",
5905
+ "name": "selectable",
6074
5906
  "type": {
6075
5907
  "text": "boolean"
6076
5908
  },
6077
5909
  "default": "false",
6078
- "description": "If true, it will not attempt to close de navigation drawer on click",
6079
- "attribute": "keep-drawer-open",
5910
+ "attribute": "selectable",
6080
5911
  "reflects": true
6081
- },
6082
- {
6083
- "kind": "field",
6084
- "name": "assignedIcons",
6085
- "type": {
6086
- "text": "HTMLElement[]"
6087
- },
6088
- "privacy": "private"
6089
- },
6090
- {
6091
- "kind": "field",
6092
- "name": "assignedBadges",
6093
- "type": {
6094
- "text": "HTMLElement[]"
6095
- },
6096
- "privacy": "private"
6097
- },
6098
- {
6099
- "kind": "method",
6100
- "name": "renderContent",
6101
- "privacy": "protected",
6102
- "return": {
6103
- "type": {
6104
- "text": "HTMLTemplateResult"
6105
- }
6106
- },
6107
- "inheritedFrom": {
6108
- "name": "UmButtonWrapper",
6109
- "module": "src/shared/button-wrapper.ts"
6110
- }
6111
- },
6112
- {
6113
- "kind": "method",
6114
- "name": "handleIconSlotChange",
6115
- "privacy": "private"
6116
- },
6117
- {
6118
- "kind": "method",
6119
- "name": "handleBadgeSlotChange",
6120
- "privacy": "private"
6121
- },
6122
- {
6123
- "kind": "method",
6124
- "name": "handleClick",
6125
- "privacy": "protected",
6126
- "return": {
6127
- "type": {
6128
- "text": "void"
6129
- }
6130
- },
6131
- "parameters": [
6132
- {
6133
- "name": "_",
6134
- "type": {
6135
- "text": "UIEvent"
6136
- }
6137
- }
6138
- ],
6139
- "inheritedFrom": {
6140
- "name": "UmButtonWrapper",
6141
- "module": "src/shared/button-wrapper.ts"
6142
- }
6143
- },
5912
+ }
5913
+ ],
5914
+ "attributes": [
6144
5915
  {
6145
- "kind": "field",
6146
- "name": "disabled",
5916
+ "name": "selectable",
6147
5917
  "type": {
6148
5918
  "text": "boolean"
6149
5919
  },
6150
5920
  "default": "false",
6151
- "description": "Whether the button is disabled or not.",
6152
- "attribute": "disabled",
6153
- "reflects": true,
6154
- "inheritedFrom": {
5921
+ "fieldName": "selectable"
5922
+ }
5923
+ ],
5924
+ "superclass": {
5925
+ "name": "LitElement",
5926
+ "package": "lit"
5927
+ },
5928
+ "tagName": "u-list-item",
5929
+ "customElement": true
5930
+ }
5931
+ ],
5932
+ "exports": [
5933
+ {
5934
+ "kind": "js",
5935
+ "name": "UmListItem",
5936
+ "declaration": {
5937
+ "name": "UmListItem",
5938
+ "module": "src/list/list-item.ts"
5939
+ }
5940
+ },
5941
+ {
5942
+ "kind": "custom-element-definition",
5943
+ "name": "u-list-item",
5944
+ "declaration": {
5945
+ "name": "UmListItem",
5946
+ "module": "src/list/list-item.ts"
5947
+ }
5948
+ }
5949
+ ]
5950
+ },
5951
+ {
5952
+ "kind": "javascript-module",
5953
+ "path": "src/list/list.styles.ts",
5954
+ "declarations": [
5955
+ {
5956
+ "kind": "variable",
5957
+ "name": "styles",
5958
+ "default": "css `\n :host {\n padding-block: var(--u-list-padding, 8px);\n }\n`"
5959
+ }
5960
+ ],
5961
+ "exports": [
5962
+ {
5963
+ "kind": "js",
5964
+ "name": "styles",
5965
+ "declaration": {
5966
+ "name": "styles",
5967
+ "module": "src/list/list.styles.ts"
5968
+ }
5969
+ }
5970
+ ]
5971
+ },
5972
+ {
5973
+ "kind": "javascript-module",
5974
+ "path": "src/list/list.ts",
5975
+ "declarations": [
5976
+ {
5977
+ "kind": "class",
5978
+ "description": "",
5979
+ "name": "UmList",
5980
+ "members": [],
5981
+ "superclass": {
5982
+ "name": "LitElement",
5983
+ "package": "lit"
5984
+ },
5985
+ "tagName": "u-list",
5986
+ "customElement": true
5987
+ }
5988
+ ],
5989
+ "exports": [
5990
+ {
5991
+ "kind": "js",
5992
+ "name": "UmList",
5993
+ "declaration": {
5994
+ "name": "UmList",
5995
+ "module": "src/list/list.ts"
5996
+ }
5997
+ },
5998
+ {
5999
+ "kind": "custom-element-definition",
6000
+ "name": "u-list",
6001
+ "declaration": {
6002
+ "name": "UmList",
6003
+ "module": "src/list/list.ts"
6004
+ }
6005
+ }
6006
+ ]
6007
+ },
6008
+ {
6009
+ "kind": "javascript-module",
6010
+ "path": "src/navigation/drawer-item.styles.ts",
6011
+ "declarations": [
6012
+ {
6013
+ "kind": "variable",
6014
+ "name": "styles",
6015
+ "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 display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\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-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n font-size: var(--_drawer-item-icon-size);\n line-height: var(--_drawer-item-icon-size);\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
6016
+ }
6017
+ ],
6018
+ "exports": [
6019
+ {
6020
+ "kind": "js",
6021
+ "name": "styles",
6022
+ "declaration": {
6023
+ "name": "styles",
6024
+ "module": "src/navigation/drawer-item.styles.ts"
6025
+ }
6026
+ }
6027
+ ]
6028
+ },
6029
+ {
6030
+ "kind": "javascript-module",
6031
+ "path": "src/navigation/drawer-item.ts",
6032
+ "declarations": [
6033
+ {
6034
+ "kind": "class",
6035
+ "description": "",
6036
+ "name": "UmDrawerItem",
6037
+ "members": [
6038
+ {
6039
+ "kind": "field",
6040
+ "name": "hasIcon",
6041
+ "type": {
6042
+ "text": "boolean"
6043
+ },
6044
+ "default": "false",
6045
+ "description": "Whether the drawer item has icon or not\n\n_Note:_ Readonly",
6046
+ "attribute": "has-icon",
6047
+ "reflects": true
6048
+ },
6049
+ {
6050
+ "kind": "field",
6051
+ "name": "hasBadge",
6052
+ "type": {
6053
+ "text": "boolean"
6054
+ },
6055
+ "default": "false",
6056
+ "description": "Whether the drawer item has badge or not\n\n_Note:_ Readonly",
6057
+ "attribute": "has-badge",
6058
+ "reflects": true
6059
+ },
6060
+ {
6061
+ "kind": "field",
6062
+ "name": "active",
6063
+ "type": {
6064
+ "text": "boolean"
6065
+ },
6066
+ "default": "false",
6067
+ "description": "Whether the drawer item is active or not\n\n_Note:_ Readonly",
6068
+ "attribute": "active",
6069
+ "reflects": true
6070
+ },
6071
+ {
6072
+ "kind": "field",
6073
+ "name": "keepDrawerOpen",
6074
+ "type": {
6075
+ "text": "boolean"
6076
+ },
6077
+ "default": "false",
6078
+ "description": "If true, it will not attempt to close de navigation drawer on click",
6079
+ "attribute": "keep-drawer-open",
6080
+ "reflects": true
6081
+ },
6082
+ {
6083
+ "kind": "field",
6084
+ "name": "assignedIcons",
6085
+ "type": {
6086
+ "text": "HTMLElement[]"
6087
+ },
6088
+ "privacy": "private"
6089
+ },
6090
+ {
6091
+ "kind": "field",
6092
+ "name": "assignedBadges",
6093
+ "type": {
6094
+ "text": "HTMLElement[]"
6095
+ },
6096
+ "privacy": "private"
6097
+ },
6098
+ {
6099
+ "kind": "method",
6100
+ "name": "renderContent",
6101
+ "privacy": "protected",
6102
+ "return": {
6103
+ "type": {
6104
+ "text": "HTMLTemplateResult"
6105
+ }
6106
+ },
6107
+ "inheritedFrom": {
6108
+ "name": "UmButtonWrapper",
6109
+ "module": "src/shared/button-wrapper.ts"
6110
+ }
6111
+ },
6112
+ {
6113
+ "kind": "method",
6114
+ "name": "handleIconSlotChange",
6115
+ "privacy": "private"
6116
+ },
6117
+ {
6118
+ "kind": "method",
6119
+ "name": "handleBadgeSlotChange",
6120
+ "privacy": "private"
6121
+ },
6122
+ {
6123
+ "kind": "method",
6124
+ "name": "handleClick",
6125
+ "privacy": "protected",
6126
+ "return": {
6127
+ "type": {
6128
+ "text": "void"
6129
+ }
6130
+ },
6131
+ "parameters": [
6132
+ {
6133
+ "name": "_",
6134
+ "type": {
6135
+ "text": "UIEvent"
6136
+ }
6137
+ }
6138
+ ],
6139
+ "inheritedFrom": {
6140
+ "name": "UmButtonWrapper",
6141
+ "module": "src/shared/button-wrapper.ts"
6142
+ }
6143
+ },
6144
+ {
6145
+ "kind": "field",
6146
+ "name": "disabled",
6147
+ "type": {
6148
+ "text": "boolean"
6149
+ },
6150
+ "default": "false",
6151
+ "description": "Whether the button is disabled or not.",
6152
+ "attribute": "disabled",
6153
+ "reflects": true,
6154
+ "inheritedFrom": {
6155
6155
  "name": "UmButtonWrapper",
6156
6156
  "module": "src/shared/button-wrapper.ts"
6157
6157
  }
@@ -6689,194 +6689,433 @@
6689
6689
  },
6690
6690
  {
6691
6691
  "kind": "javascript-module",
6692
- "path": "src/radio/radio-list-item.ts",
6692
+ "path": "src/ripple/ripple.styles.ts",
6693
6693
  "declarations": [
6694
6694
  {
6695
- "kind": "class",
6696
- "description": "",
6697
- "name": "UmRadioListItem",
6698
- "mixins": [
6699
- {
6700
- "name": "mixinSelectionControlListItem",
6701
- "module": "/src/shared/selection-control/selection-control-list-item.js"
6702
- }
6703
- ],
6704
- "superclass": {
6705
- "name": "UmRadio",
6706
- "module": "/src/radio/radio.js"
6707
- },
6708
- "tagName": "u-radio-list-item",
6709
- "customElement": true,
6710
- "members": [
6711
- {
6712
- "kind": "field",
6713
- "name": "styles",
6714
- "type": {
6715
- "text": "array"
6716
- },
6717
- "static": true,
6718
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
6719
- "inheritedFrom": {
6720
- "name": "mixinSelectionControlListItem",
6721
- "module": "src/shared/selection-control/selection-control-list-item.ts"
6722
- }
6723
- },
6695
+ "kind": "variable",
6696
+ "name": "styles",
6697
+ "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
6698
+ }
6699
+ ],
6700
+ "exports": [
6701
+ {
6702
+ "kind": "js",
6703
+ "name": "styles",
6704
+ "declaration": {
6705
+ "name": "styles",
6706
+ "module": "src/ripple/ripple.styles.ts"
6707
+ }
6708
+ }
6709
+ ]
6710
+ },
6711
+ {
6712
+ "kind": "javascript-module",
6713
+ "path": "src/ripple/ripple.ts",
6714
+ "declarations": [
6715
+ {
6716
+ "kind": "class",
6717
+ "description": "",
6718
+ "name": "UmRipple",
6719
+ "members": [
6724
6720
  {
6725
- "kind": "method",
6726
- "name": "render",
6727
- "return": {
6728
- "type": {
6729
- "text": "HTMLTemplateResult"
6730
- }
6721
+ "kind": "field",
6722
+ "name": "isTouching",
6723
+ "type": {
6724
+ "text": "boolean"
6731
6725
  },
6732
- "inheritedFrom": {
6733
- "name": "mixinSelectionControlListItem",
6734
- "module": "src/shared/selection-control/selection-control-list-item.ts"
6735
- }
6726
+ "privacy": "private",
6727
+ "default": "false"
6736
6728
  },
6737
6729
  {
6738
6730
  "kind": "field",
6739
- "name": "hideStateLayer",
6731
+ "name": "disabled",
6740
6732
  "type": {
6741
6733
  "text": "boolean"
6742
6734
  },
6743
6735
  "default": "false",
6744
- "attribute": "hide-state-layer",
6745
- "reflects": true,
6746
- "inheritedFrom": {
6747
- "name": "UmRadio",
6748
- "module": "src/radio/radio.ts"
6749
- }
6736
+ "description": "Disables the ripple.",
6737
+ "attribute": "disabled",
6738
+ "reflects": true
6750
6739
  },
6751
6740
  {
6752
6741
  "kind": "field",
6753
- "name": "inputType",
6742
+ "name": "rippleContainer",
6754
6743
  "type": {
6755
- "text": "'checkbox' | 'radio'"
6744
+ "text": "HTMLElement"
6756
6745
  },
6757
- "privacy": "protected",
6758
- "default": "'radio'",
6759
- "inheritedFrom": {
6760
- "name": "UmSelectionControl",
6761
- "module": "src/shared/selection-control/selection-control.ts"
6762
- }
6746
+ "privacy": "private"
6763
6747
  },
6764
6748
  {
6765
6749
  "kind": "method",
6766
- "name": "renderIndicator",
6767
- "privacy": "protected",
6750
+ "name": "attachEvents",
6751
+ "privacy": "private",
6768
6752
  "return": {
6769
6753
  "type": {
6770
- "text": "HTMLTemplateResult"
6754
+ "text": "void"
6771
6755
  }
6772
- },
6773
- "inheritedFrom": {
6774
- "name": "UmSelectionControl",
6775
- "module": "src/shared/selection-control/selection-control.ts"
6776
- }
6777
- },
6778
- {
6779
- "kind": "field",
6780
- "name": "checked",
6781
- "attribute": "checked",
6782
- "inheritedFrom": {
6783
- "name": "UmSelectionControl",
6784
- "module": "src/shared/selection-control/selection-control.ts"
6785
6756
  }
6786
6757
  },
6787
6758
  {
6788
- "kind": "field",
6789
- "name": "#siblings",
6759
+ "kind": "method",
6760
+ "name": "dettachEvents",
6790
6761
  "privacy": "private",
6791
- "type": {
6792
- "text": "UmRadio[]"
6793
- },
6794
- "inheritedFrom": {
6795
- "name": "UmRadio",
6796
- "module": "src/radio/radio.ts"
6762
+ "return": {
6763
+ "type": {
6764
+ "text": "void"
6765
+ }
6797
6766
  }
6798
6767
  },
6799
6768
  {
6800
6769
  "kind": "method",
6801
- "name": "#handleKeyDown",
6770
+ "name": "handleMouseDown",
6771
+ "privacy": "private",
6772
+ "return": {
6773
+ "type": {
6774
+ "text": "void"
6775
+ }
6776
+ },
6802
6777
  "parameters": [
6803
6778
  {
6804
- "name": "event",
6779
+ "name": "e",
6805
6780
  "type": {
6806
- "text": "KeyboardEvent"
6781
+ "text": "MouseEvent"
6807
6782
  }
6808
6783
  }
6809
- ],
6810
- "inheritedFrom": {
6811
- "name": "UmRadio",
6812
- "module": "src/radio/radio.ts"
6813
- }
6784
+ ]
6814
6785
  },
6815
6786
  {
6816
6787
  "kind": "method",
6817
- "name": "ensureOnlyOneChecked",
6788
+ "name": "handleTouchStart",
6818
6789
  "privacy": "private",
6819
- "inheritedFrom": {
6820
- "name": "UmRadio",
6821
- "module": "src/radio/radio.ts"
6822
- }
6790
+ "return": {
6791
+ "type": {
6792
+ "text": "void"
6793
+ }
6794
+ },
6795
+ "parameters": [
6796
+ {
6797
+ "name": "e",
6798
+ "type": {
6799
+ "text": "TouchEvent"
6800
+ }
6801
+ }
6802
+ ]
6823
6803
  },
6824
6804
  {
6825
6805
  "kind": "method",
6826
- "name": "uncheckSiblings",
6806
+ "name": "canCreateRipple",
6827
6807
  "privacy": "private",
6828
- "inheritedFrom": {
6829
- "name": "UmRadio",
6830
- "module": "src/radio/radio.ts"
6808
+ "return": {
6809
+ "type": {
6810
+ "text": "boolean"
6811
+ }
6831
6812
  }
6832
6813
  },
6833
6814
  {
6834
- "kind": "field",
6835
- "name": "formAssociated",
6836
- "type": {
6837
- "text": "boolean"
6815
+ "kind": "method",
6816
+ "name": "createRipple",
6817
+ "return": {
6818
+ "type": {
6819
+ "text": "(() => void) | null"
6820
+ }
6838
6821
  },
6839
- "static": true,
6840
- "default": "true",
6841
- "inheritedFrom": {
6842
- "name": "UmSelectionControl",
6843
- "module": "src/shared/selection-control/selection-control.ts"
6844
- }
6822
+ "parameters": [
6823
+ {
6824
+ "name": "targetX",
6825
+ "default": "null",
6826
+ "type": {
6827
+ "text": "number | null"
6828
+ }
6829
+ },
6830
+ {
6831
+ "name": "targetY",
6832
+ "default": "null",
6833
+ "type": {
6834
+ "text": "number | null"
6835
+ }
6836
+ },
6837
+ {
6838
+ "name": "releaseEventName",
6839
+ "default": "null",
6840
+ "type": {
6841
+ "text": "string | null"
6842
+ }
6843
+ }
6844
+ ]
6845
6845
  },
6846
6846
  {
6847
- "kind": "field",
6848
- "name": "elementInternals",
6849
- "type": {
6850
- "text": "ElementInternals"
6847
+ "kind": "method",
6848
+ "name": "createDismissEvent",
6849
+ "privacy": "private",
6850
+ "return": {
6851
+ "type": {
6852
+ "text": "() => void"
6853
+ }
6851
6854
  },
6852
- "privacy": "protected",
6853
- "inheritedFrom": {
6854
- "name": "UmSelectionControl",
6855
- "module": "src/shared/selection-control/selection-control.ts"
6856
- }
6855
+ "parameters": [
6856
+ {
6857
+ "name": "ripple",
6858
+ "type": {
6859
+ "text": "HTMLElement"
6860
+ }
6861
+ },
6862
+ {
6863
+ "name": "releaseEventName",
6864
+ "type": {
6865
+ "text": "string"
6866
+ }
6867
+ }
6868
+ ]
6857
6869
  },
6858
6870
  {
6859
- "kind": "field",
6860
- "name": "name",
6861
- "type": {
6862
- "text": "string | undefined"
6863
- },
6864
- "default": "''",
6865
- "attribute": "name",
6866
- "inheritedFrom": {
6867
- "name": "UmSelectionControl",
6868
- "module": "src/shared/selection-control/selection-control.ts"
6869
- }
6870
- },
6871
+ "kind": "method",
6872
+ "name": "_setElementSquareSizeAndCenter",
6873
+ "privacy": "private",
6874
+ "static": true,
6875
+ "parameters": [
6876
+ {
6877
+ "name": "element",
6878
+ "type": {
6879
+ "text": "HTMLElement"
6880
+ }
6881
+ },
6882
+ {
6883
+ "name": "size",
6884
+ "type": {
6885
+ "text": "number"
6886
+ }
6887
+ }
6888
+ ]
6889
+ }
6890
+ ],
6891
+ "attributes": [
6871
6892
  {
6872
- "kind": "field",
6873
6893
  "name": "disabled",
6874
6894
  "type": {
6875
6895
  "text": "boolean"
6876
6896
  },
6877
6897
  "default": "false",
6878
- "attribute": "disabled",
6879
- "reflects": true,
6898
+ "description": "Disables the ripple.",
6899
+ "fieldName": "disabled"
6900
+ }
6901
+ ],
6902
+ "superclass": {
6903
+ "name": "LitElement",
6904
+ "package": "lit"
6905
+ },
6906
+ "tagName": "u-ripple",
6907
+ "customElement": true
6908
+ }
6909
+ ],
6910
+ "exports": [
6911
+ {
6912
+ "kind": "js",
6913
+ "name": "UmRipple",
6914
+ "declaration": {
6915
+ "name": "UmRipple",
6916
+ "module": "src/ripple/ripple.ts"
6917
+ }
6918
+ },
6919
+ {
6920
+ "kind": "custom-element-definition",
6921
+ "name": "u-ripple",
6922
+ "declaration": {
6923
+ "name": "UmRipple",
6924
+ "module": "src/ripple/ripple.ts"
6925
+ }
6926
+ }
6927
+ ]
6928
+ },
6929
+ {
6930
+ "kind": "javascript-module",
6931
+ "path": "src/radio/radio-list-item.ts",
6932
+ "declarations": [
6933
+ {
6934
+ "kind": "class",
6935
+ "description": "",
6936
+ "name": "UmRadioListItem",
6937
+ "mixins": [
6938
+ {
6939
+ "name": "mixinSelectionControlListItem",
6940
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
6941
+ }
6942
+ ],
6943
+ "superclass": {
6944
+ "name": "UmRadio",
6945
+ "module": "/src/radio/radio.js"
6946
+ },
6947
+ "tagName": "u-radio-list-item",
6948
+ "customElement": true,
6949
+ "members": [
6950
+ {
6951
+ "kind": "field",
6952
+ "name": "styles",
6953
+ "type": {
6954
+ "text": "array"
6955
+ },
6956
+ "static": true,
6957
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
6958
+ "inheritedFrom": {
6959
+ "name": "mixinSelectionControlListItem",
6960
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
6961
+ }
6962
+ },
6963
+ {
6964
+ "kind": "method",
6965
+ "name": "render",
6966
+ "return": {
6967
+ "type": {
6968
+ "text": "HTMLTemplateResult"
6969
+ }
6970
+ },
6971
+ "inheritedFrom": {
6972
+ "name": "mixinSelectionControlListItem",
6973
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
6974
+ }
6975
+ },
6976
+ {
6977
+ "kind": "field",
6978
+ "name": "hideStateLayer",
6979
+ "type": {
6980
+ "text": "boolean"
6981
+ },
6982
+ "default": "false",
6983
+ "attribute": "hide-state-layer",
6984
+ "reflects": true,
6985
+ "inheritedFrom": {
6986
+ "name": "UmRadio",
6987
+ "module": "src/radio/radio.ts"
6988
+ }
6989
+ },
6990
+ {
6991
+ "kind": "field",
6992
+ "name": "inputType",
6993
+ "type": {
6994
+ "text": "'checkbox' | 'radio'"
6995
+ },
6996
+ "privacy": "protected",
6997
+ "default": "'radio'",
6998
+ "inheritedFrom": {
6999
+ "name": "UmSelectionControl",
7000
+ "module": "src/shared/selection-control/selection-control.ts"
7001
+ }
7002
+ },
7003
+ {
7004
+ "kind": "method",
7005
+ "name": "renderIndicator",
7006
+ "privacy": "protected",
7007
+ "return": {
7008
+ "type": {
7009
+ "text": "HTMLTemplateResult"
7010
+ }
7011
+ },
7012
+ "inheritedFrom": {
7013
+ "name": "UmSelectionControl",
7014
+ "module": "src/shared/selection-control/selection-control.ts"
7015
+ }
7016
+ },
7017
+ {
7018
+ "kind": "field",
7019
+ "name": "checked",
7020
+ "attribute": "checked",
7021
+ "inheritedFrom": {
7022
+ "name": "UmSelectionControl",
7023
+ "module": "src/shared/selection-control/selection-control.ts"
7024
+ }
7025
+ },
7026
+ {
7027
+ "kind": "field",
7028
+ "name": "#siblings",
7029
+ "privacy": "private",
7030
+ "type": {
7031
+ "text": "UmRadio[]"
7032
+ },
7033
+ "inheritedFrom": {
7034
+ "name": "UmRadio",
7035
+ "module": "src/radio/radio.ts"
7036
+ }
7037
+ },
7038
+ {
7039
+ "kind": "method",
7040
+ "name": "#handleKeyDown",
7041
+ "parameters": [
7042
+ {
7043
+ "name": "event",
7044
+ "type": {
7045
+ "text": "KeyboardEvent"
7046
+ }
7047
+ }
7048
+ ],
7049
+ "inheritedFrom": {
7050
+ "name": "UmRadio",
7051
+ "module": "src/radio/radio.ts"
7052
+ }
7053
+ },
7054
+ {
7055
+ "kind": "method",
7056
+ "name": "ensureOnlyOneChecked",
7057
+ "privacy": "private",
7058
+ "inheritedFrom": {
7059
+ "name": "UmRadio",
7060
+ "module": "src/radio/radio.ts"
7061
+ }
7062
+ },
7063
+ {
7064
+ "kind": "method",
7065
+ "name": "uncheckSiblings",
7066
+ "privacy": "private",
7067
+ "inheritedFrom": {
7068
+ "name": "UmRadio",
7069
+ "module": "src/radio/radio.ts"
7070
+ }
7071
+ },
7072
+ {
7073
+ "kind": "field",
7074
+ "name": "formAssociated",
7075
+ "type": {
7076
+ "text": "boolean"
7077
+ },
7078
+ "static": true,
7079
+ "default": "true",
7080
+ "inheritedFrom": {
7081
+ "name": "UmSelectionControl",
7082
+ "module": "src/shared/selection-control/selection-control.ts"
7083
+ }
7084
+ },
7085
+ {
7086
+ "kind": "field",
7087
+ "name": "elementInternals",
7088
+ "type": {
7089
+ "text": "ElementInternals"
7090
+ },
7091
+ "privacy": "protected",
7092
+ "inheritedFrom": {
7093
+ "name": "UmSelectionControl",
7094
+ "module": "src/shared/selection-control/selection-control.ts"
7095
+ }
7096
+ },
7097
+ {
7098
+ "kind": "field",
7099
+ "name": "name",
7100
+ "type": {
7101
+ "text": "string | undefined"
7102
+ },
7103
+ "default": "''",
7104
+ "attribute": "name",
7105
+ "inheritedFrom": {
7106
+ "name": "UmSelectionControl",
7107
+ "module": "src/shared/selection-control/selection-control.ts"
7108
+ }
7109
+ },
7110
+ {
7111
+ "kind": "field",
7112
+ "name": "disabled",
7113
+ "type": {
7114
+ "text": "boolean"
7115
+ },
7116
+ "default": "false",
7117
+ "attribute": "disabled",
7118
+ "reflects": true,
6880
7119
  "inheritedFrom": {
6881
7120
  "name": "UmSelectionControl",
6882
7121
  "module": "src/shared/selection-control/selection-control.ts"
@@ -7406,12 +7645,12 @@
7406
7645
  },
7407
7646
  {
7408
7647
  "kind": "javascript-module",
7409
- "path": "src/ripple/ripple.styles.ts",
7648
+ "path": "src/shared/base.styles.ts",
7410
7649
  "declarations": [
7411
7650
  {
7412
7651
  "kind": "variable",
7413
7652
  "name": "styles",
7414
- "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
7653
+ "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`"
7415
7654
  }
7416
7655
  ],
7417
7656
  "exports": [
@@ -7420,286 +7659,47 @@
7420
7659
  "name": "styles",
7421
7660
  "declaration": {
7422
7661
  "name": "styles",
7423
- "module": "src/ripple/ripple.styles.ts"
7662
+ "module": "src/shared/base.styles.ts"
7424
7663
  }
7425
7664
  }
7426
7665
  ]
7427
7666
  },
7428
7667
  {
7429
7668
  "kind": "javascript-module",
7430
- "path": "src/ripple/ripple.ts",
7669
+ "path": "src/shared/button-wrapper.ts",
7431
7670
  "declarations": [
7432
7671
  {
7433
7672
  "kind": "class",
7434
7673
  "description": "",
7435
- "name": "UmRipple",
7674
+ "name": "UmButtonWrapper",
7436
7675
  "members": [
7437
7676
  {
7438
7677
  "kind": "field",
7439
- "name": "isTouching",
7678
+ "name": "disabled",
7440
7679
  "type": {
7441
7680
  "text": "boolean"
7442
7681
  },
7443
- "privacy": "private",
7444
- "default": "false"
7682
+ "default": "false",
7683
+ "description": "Whether the button is disabled or not.",
7684
+ "attribute": "disabled",
7685
+ "reflects": true
7445
7686
  },
7446
7687
  {
7447
7688
  "kind": "field",
7448
- "name": "disabled",
7689
+ "name": "renderRipple",
7449
7690
  "type": {
7450
7691
  "text": "boolean"
7451
7692
  },
7452
- "default": "false",
7453
- "description": "Disables the ripple.",
7454
- "attribute": "disabled",
7455
- "reflects": true
7693
+ "default": "true"
7456
7694
  },
7457
7695
  {
7458
7696
  "kind": "field",
7459
- "name": "rippleContainer",
7697
+ "name": "href",
7460
7698
  "type": {
7461
- "text": "HTMLElement"
7699
+ "text": "string | undefined"
7462
7700
  },
7463
- "privacy": "private"
7464
- },
7465
- {
7466
- "kind": "method",
7467
- "name": "attachEvents",
7468
- "privacy": "private",
7469
- "return": {
7470
- "type": {
7471
- "text": "void"
7472
- }
7473
- }
7474
- },
7475
- {
7476
- "kind": "method",
7477
- "name": "dettachEvents",
7478
- "privacy": "private",
7479
- "return": {
7480
- "type": {
7481
- "text": "void"
7482
- }
7483
- }
7484
- },
7485
- {
7486
- "kind": "method",
7487
- "name": "handleMouseDown",
7488
- "privacy": "private",
7489
- "return": {
7490
- "type": {
7491
- "text": "void"
7492
- }
7493
- },
7494
- "parameters": [
7495
- {
7496
- "name": "e",
7497
- "type": {
7498
- "text": "MouseEvent"
7499
- }
7500
- }
7501
- ]
7502
- },
7503
- {
7504
- "kind": "method",
7505
- "name": "handleTouchStart",
7506
- "privacy": "private",
7507
- "return": {
7508
- "type": {
7509
- "text": "void"
7510
- }
7511
- },
7512
- "parameters": [
7513
- {
7514
- "name": "e",
7515
- "type": {
7516
- "text": "TouchEvent"
7517
- }
7518
- }
7519
- ]
7520
- },
7521
- {
7522
- "kind": "method",
7523
- "name": "canCreateRipple",
7524
- "privacy": "private",
7525
- "return": {
7526
- "type": {
7527
- "text": "boolean"
7528
- }
7529
- }
7530
- },
7531
- {
7532
- "kind": "method",
7533
- "name": "createRipple",
7534
- "return": {
7535
- "type": {
7536
- "text": "(() => void) | null"
7537
- }
7538
- },
7539
- "parameters": [
7540
- {
7541
- "name": "targetX",
7542
- "default": "null",
7543
- "type": {
7544
- "text": "number | null"
7545
- }
7546
- },
7547
- {
7548
- "name": "targetY",
7549
- "default": "null",
7550
- "type": {
7551
- "text": "number | null"
7552
- }
7553
- },
7554
- {
7555
- "name": "releaseEventName",
7556
- "default": "null",
7557
- "type": {
7558
- "text": "string | null"
7559
- }
7560
- }
7561
- ]
7562
- },
7563
- {
7564
- "kind": "method",
7565
- "name": "createDismissEvent",
7566
- "privacy": "private",
7567
- "return": {
7568
- "type": {
7569
- "text": "() => void"
7570
- }
7571
- },
7572
- "parameters": [
7573
- {
7574
- "name": "ripple",
7575
- "type": {
7576
- "text": "HTMLElement"
7577
- }
7578
- },
7579
- {
7580
- "name": "releaseEventName",
7581
- "type": {
7582
- "text": "string"
7583
- }
7584
- }
7585
- ]
7586
- },
7587
- {
7588
- "kind": "method",
7589
- "name": "_setElementSquareSizeAndCenter",
7590
- "privacy": "private",
7591
- "static": true,
7592
- "parameters": [
7593
- {
7594
- "name": "element",
7595
- "type": {
7596
- "text": "HTMLElement"
7597
- }
7598
- },
7599
- {
7600
- "name": "size",
7601
- "type": {
7602
- "text": "number"
7603
- }
7604
- }
7605
- ]
7606
- }
7607
- ],
7608
- "attributes": [
7609
- {
7610
- "name": "disabled",
7611
- "type": {
7612
- "text": "boolean"
7613
- },
7614
- "default": "false",
7615
- "description": "Disables the ripple.",
7616
- "fieldName": "disabled"
7617
- }
7618
- ],
7619
- "superclass": {
7620
- "name": "LitElement",
7621
- "package": "lit"
7622
- },
7623
- "tagName": "u-ripple",
7624
- "customElement": true
7625
- }
7626
- ],
7627
- "exports": [
7628
- {
7629
- "kind": "js",
7630
- "name": "UmRipple",
7631
- "declaration": {
7632
- "name": "UmRipple",
7633
- "module": "src/ripple/ripple.ts"
7634
- }
7635
- },
7636
- {
7637
- "kind": "custom-element-definition",
7638
- "name": "u-ripple",
7639
- "declaration": {
7640
- "name": "UmRipple",
7641
- "module": "src/ripple/ripple.ts"
7642
- }
7643
- }
7644
- ]
7645
- },
7646
- {
7647
- "kind": "javascript-module",
7648
- "path": "src/shared/base.styles.ts",
7649
- "declarations": [
7650
- {
7651
- "kind": "variable",
7652
- "name": "styles",
7653
- "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`"
7654
- }
7655
- ],
7656
- "exports": [
7657
- {
7658
- "kind": "js",
7659
- "name": "styles",
7660
- "declaration": {
7661
- "name": "styles",
7662
- "module": "src/shared/base.styles.ts"
7663
- }
7664
- }
7665
- ]
7666
- },
7667
- {
7668
- "kind": "javascript-module",
7669
- "path": "src/shared/button-wrapper.ts",
7670
- "declarations": [
7671
- {
7672
- "kind": "class",
7673
- "description": "",
7674
- "name": "UmButtonWrapper",
7675
- "members": [
7676
- {
7677
- "kind": "field",
7678
- "name": "disabled",
7679
- "type": {
7680
- "text": "boolean"
7681
- },
7682
- "default": "false",
7683
- "description": "Whether the button is disabled or not.",
7684
- "attribute": "disabled",
7685
- "reflects": true
7686
- },
7687
- {
7688
- "kind": "field",
7689
- "name": "renderRipple",
7690
- "type": {
7691
- "text": "boolean"
7692
- },
7693
- "default": "true"
7694
- },
7695
- {
7696
- "kind": "field",
7697
- "name": "href",
7698
- "type": {
7699
- "text": "string | undefined"
7700
- },
7701
- "description": "The URL that the link button points to.",
7702
- "attribute": "href"
7701
+ "description": "The URL that the link button points to.",
7702
+ "attribute": "href"
7703
7703
  },
7704
7704
  {
7705
7705
  "kind": "field",
@@ -8892,462 +8892,558 @@
8892
8892
  },
8893
8893
  {
8894
8894
  "kind": "javascript-module",
8895
- "path": "src/text-field/text-field.styles.ts",
8896
- "declarations": [
8897
- {
8898
- "kind": "variable",
8899
- "name": "styles",
8900
- "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
8901
- }
8902
- ],
8903
- "exports": [
8904
- {
8905
- "kind": "js",
8906
- "name": "styles",
8907
- "declaration": {
8908
- "name": "styles",
8909
- "module": "src/text-field/text-field.styles.ts"
8910
- }
8911
- }
8912
- ]
8913
- },
8914
- {
8915
- "kind": "javascript-module",
8916
- "path": "src/text-field/text-field.ts",
8895
+ "path": "src/theme/color.ts",
8896
+ "declarations": [],
8897
+ "exports": []
8898
+ },
8899
+ {
8900
+ "kind": "javascript-module",
8901
+ "path": "src/theme/css-var-builder.ts",
8917
8902
  "declarations": [
8918
8903
  {
8919
8904
  "kind": "class",
8920
8905
  "description": "",
8921
- "name": "UmTextField",
8906
+ "name": "CssVarBuilder",
8922
8907
  "members": [
8923
8908
  {
8924
8909
  "kind": "field",
8925
- "name": "#value",
8926
- "privacy": "private",
8910
+ "name": "content",
8927
8911
  "type": {
8928
8912
  "text": "string"
8929
8913
  },
8914
+ "privacy": "private",
8930
8915
  "default": "''"
8931
8916
  },
8932
8917
  {
8933
- "kind": "field",
8934
- "name": "value",
8935
- "attribute": "value"
8918
+ "kind": "method",
8919
+ "name": "create",
8920
+ "static": true,
8921
+ "return": {
8922
+ "type": {
8923
+ "text": "CssVarBuilder"
8924
+ }
8925
+ }
8936
8926
  },
8937
8927
  {
8938
- "kind": "field",
8939
- "name": "prefixText",
8940
- "type": {
8941
- "text": "string | undefined"
8928
+ "kind": "method",
8929
+ "name": "add",
8930
+ "return": {
8931
+ "type": {
8932
+ "text": "CssVarBuilder"
8933
+ }
8942
8934
  },
8943
- "attribute": "prefix-text"
8935
+ "parameters": [
8936
+ {
8937
+ "name": "name",
8938
+ "type": {
8939
+ "text": "string"
8940
+ }
8941
+ },
8942
+ {
8943
+ "name": "value",
8944
+ "type": {
8945
+ "text": "string"
8946
+ }
8947
+ }
8948
+ ]
8949
+ },
8950
+ {
8951
+ "kind": "method",
8952
+ "name": "addFromArgb",
8953
+ "return": {
8954
+ "type": {
8955
+ "text": "CssVarBuilder"
8956
+ }
8957
+ },
8958
+ "parameters": [
8959
+ {
8960
+ "name": "name",
8961
+ "type": {
8962
+ "text": "string"
8963
+ }
8964
+ },
8965
+ {
8966
+ "name": "argb",
8967
+ "type": {
8968
+ "text": "number"
8969
+ }
8970
+ }
8971
+ ]
8944
8972
  },
8973
+ {
8974
+ "kind": "method",
8975
+ "name": "build",
8976
+ "return": {
8977
+ "type": {
8978
+ "text": "string"
8979
+ }
8980
+ }
8981
+ }
8982
+ ]
8983
+ }
8984
+ ],
8985
+ "exports": [
8986
+ {
8987
+ "kind": "js",
8988
+ "name": "CssVarBuilder",
8989
+ "declaration": {
8990
+ "name": "CssVarBuilder",
8991
+ "module": "src/theme/css-var-builder.ts"
8992
+ }
8993
+ }
8994
+ ]
8995
+ },
8996
+ {
8997
+ "kind": "javascript-module",
8998
+ "path": "src/theme/index.ts",
8999
+ "declarations": [],
9000
+ "exports": [
9001
+ {
9002
+ "kind": "js",
9003
+ "name": "*",
9004
+ "declaration": {
9005
+ "name": "*",
9006
+ "package": "./theme-builder.js"
9007
+ }
9008
+ }
9009
+ ]
9010
+ },
9011
+ {
9012
+ "kind": "javascript-module",
9013
+ "path": "src/theme/neutral-colors.ts",
9014
+ "declarations": [
9015
+ {
9016
+ "kind": "variable",
9017
+ "name": "neutralColors",
9018
+ "type": {
9019
+ "text": "Color[]"
9020
+ },
9021
+ "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9022
+ },
9023
+ {
9024
+ "kind": "variable",
9025
+ "name": "neutralVariantColors",
9026
+ "type": {
9027
+ "text": "Color[]"
9028
+ },
9029
+ "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9030
+ }
9031
+ ],
9032
+ "exports": [
9033
+ {
9034
+ "kind": "js",
9035
+ "name": "neutralColors",
9036
+ "declaration": {
9037
+ "name": "neutralColors",
9038
+ "module": "src/theme/neutral-colors.ts"
9039
+ }
9040
+ },
9041
+ {
9042
+ "kind": "js",
9043
+ "name": "neutralVariantColors",
9044
+ "declaration": {
9045
+ "name": "neutralVariantColors",
9046
+ "module": "src/theme/neutral-colors.ts"
9047
+ }
9048
+ }
9049
+ ]
9050
+ },
9051
+ {
9052
+ "kind": "javascript-module",
9053
+ "path": "src/theme/rgb-color.ts",
9054
+ "declarations": [
9055
+ {
9056
+ "kind": "class",
9057
+ "description": "",
9058
+ "name": "RgbColor",
9059
+ "members": [
8945
9060
  {
8946
9061
  "kind": "field",
8947
- "name": "suffixText",
9062
+ "name": "r",
8948
9063
  "type": {
8949
- "text": "string | undefined"
9064
+ "text": "number"
8950
9065
  },
8951
- "attribute": "suffix-text"
9066
+ "default": "r"
8952
9067
  },
8953
9068
  {
8954
9069
  "kind": "field",
8955
- "name": "input",
9070
+ "name": "g",
8956
9071
  "type": {
8957
- "text": "HTMLInputElement"
8958
- }
9072
+ "text": "number"
9073
+ },
9074
+ "default": "g"
8959
9075
  },
8960
9076
  {
8961
- "kind": "method",
8962
- "name": "focus"
9077
+ "kind": "field",
9078
+ "name": "b",
9079
+ "type": {
9080
+ "text": "number"
9081
+ },
9082
+ "default": "b"
8963
9083
  },
8964
9084
  {
8965
9085
  "kind": "method",
8966
- "name": "renderContent",
8967
- "privacy": "protected",
9086
+ "name": "fromArgb",
9087
+ "static": true,
8968
9088
  "return": {
8969
9089
  "type": {
8970
- "text": "HTMLTemplateResult"
9090
+ "text": "RgbColor"
8971
9091
  }
8972
9092
  },
8973
- "inheritedFrom": {
8974
- "name": "UmTextFieldBase",
8975
- "module": "src/shared/text-field-base/text-field-base.ts"
8976
- }
9093
+ "parameters": [
9094
+ {
9095
+ "name": "argb",
9096
+ "type": {
9097
+ "text": "number"
9098
+ }
9099
+ }
9100
+ ]
8977
9101
  },
8978
9102
  {
8979
9103
  "kind": "field",
8980
- "name": "empty",
9104
+ "name": "toString"
9105
+ }
9106
+ ]
9107
+ }
9108
+ ],
9109
+ "exports": [
9110
+ {
9111
+ "kind": "js",
9112
+ "name": "RgbColor",
9113
+ "declaration": {
9114
+ "name": "RgbColor",
9115
+ "module": "src/theme/rgb-color.ts"
9116
+ }
9117
+ }
9118
+ ]
9119
+ },
9120
+ {
9121
+ "kind": "javascript-module",
9122
+ "path": "src/theme/theme-builder.ts",
9123
+ "declarations": [
9124
+ {
9125
+ "kind": "class",
9126
+ "description": "",
9127
+ "name": "ThemeBuilder",
9128
+ "members": [
9129
+ {
9130
+ "kind": "field",
9131
+ "name": "cssClass",
8981
9132
  "type": {
8982
- "text": "boolean"
9133
+ "text": "string | null"
8983
9134
  },
8984
- "inheritedFrom": {
8985
- "name": "UmTextFieldBase",
8986
- "module": "src/shared/text-field-base/text-field-base.ts"
8987
- }
9135
+ "default": "null"
8988
9136
  },
8989
9137
  {
8990
- "kind": "method",
8991
- "name": "#handleInput"
9138
+ "kind": "field",
9139
+ "name": "colors",
9140
+ "type": {
9141
+ "text": "ThemeColor[]"
9142
+ },
9143
+ "default": "[]"
8992
9144
  },
8993
9145
  {
8994
9146
  "kind": "field",
8995
- "name": "formAssociated",
9147
+ "name": "neutralColorPalette",
8996
9148
  "type": {
8997
- "text": "boolean"
8998
- },
8999
- "static": true,
9000
- "default": "true",
9001
- "inheritedFrom": {
9002
- "name": "UmTextFieldBase",
9003
- "module": "src/shared/text-field-base/text-field-base.ts"
9149
+ "text": "TonalPalette"
9004
9150
  }
9005
9151
  },
9006
9152
  {
9007
9153
  "kind": "field",
9008
- "name": "shadowRootOptions",
9154
+ "name": "neutralVariantColorPalette",
9009
9155
  "type": {
9010
- "text": "ShadowRootInit"
9011
- },
9012
- "static": true,
9013
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9014
- "inheritedFrom": {
9015
- "name": "UmTextFieldBase",
9016
- "module": "src/shared/text-field-base/text-field-base.ts"
9017
- }
9018
- },
9019
- {
9020
- "kind": "field",
9021
- "name": "variant",
9022
- "attribute": "variant",
9023
- "inheritedFrom": {
9024
- "name": "UmTextFieldBase",
9025
- "module": "src/shared/text-field-base/text-field-base.ts"
9026
- }
9027
- },
9028
- {
9029
- "kind": "field",
9030
- "name": "label",
9031
- "type": {
9032
- "text": "string | undefined"
9033
- },
9034
- "attribute": "label",
9035
- "inheritedFrom": {
9036
- "name": "UmTextFieldBase",
9037
- "module": "src/shared/text-field-base/text-field-base.ts"
9038
- }
9039
- },
9040
- {
9041
- "kind": "field",
9042
- "name": "counter",
9043
- "type": {
9044
- "text": "string | undefined"
9045
- },
9046
- "attribute": "counter",
9047
- "inheritedFrom": {
9048
- "name": "UmTextFieldBase",
9049
- "module": "src/shared/text-field-base/text-field-base.ts"
9050
- }
9051
- },
9052
- {
9053
- "kind": "field",
9054
- "name": "placeholder",
9055
- "type": {
9056
- "text": "string | undefined"
9057
- },
9058
- "attribute": "placeholder",
9059
- "reflects": true,
9060
- "inheritedFrom": {
9061
- "name": "UmTextFieldBase",
9062
- "module": "src/shared/text-field-base/text-field-base.ts"
9063
- }
9064
- },
9065
- {
9066
- "kind": "field",
9067
- "name": "supportingText",
9068
- "type": {
9069
- "text": "string | undefined"
9070
- },
9071
- "attribute": "supporting-text",
9072
- "inheritedFrom": {
9073
- "name": "UmTextFieldBase",
9074
- "module": "src/shared/text-field-base/text-field-base.ts"
9075
- }
9076
- },
9077
- {
9078
- "kind": "field",
9079
- "name": "errorText",
9080
- "type": {
9081
- "text": "string | undefined"
9082
- },
9083
- "attribute": "error-text",
9084
- "inheritedFrom": {
9085
- "name": "UmTextFieldBase",
9086
- "module": "src/shared/text-field-base/text-field-base.ts"
9087
- }
9088
- },
9089
- {
9090
- "kind": "field",
9091
- "name": "disabled",
9092
- "type": {
9093
- "text": "boolean"
9094
- },
9095
- "default": "false",
9096
- "attribute": "disabled",
9097
- "reflects": true,
9098
- "inheritedFrom": {
9099
- "name": "UmTextFieldBase",
9100
- "module": "src/shared/text-field-base/text-field-base.ts"
9156
+ "text": "TonalPalette"
9101
9157
  }
9102
9158
  },
9103
9159
  {
9104
9160
  "kind": "field",
9105
- "name": "invalid",
9161
+ "name": "partial",
9106
9162
  "type": {
9107
9163
  "text": "boolean"
9108
9164
  },
9109
- "default": "false",
9110
- "attribute": "invalid",
9111
- "reflects": true,
9112
- "inheritedFrom": {
9113
- "name": "UmTextFieldBase",
9114
- "module": "src/shared/text-field-base/text-field-base.ts"
9115
- }
9165
+ "privacy": "private",
9166
+ "default": "false"
9116
9167
  },
9117
9168
  {
9118
- "kind": "field",
9119
- "name": "form",
9120
- "type": {
9121
- "text": "HTMLFormElement | null"
9169
+ "kind": "method",
9170
+ "name": "create",
9171
+ "static": true,
9172
+ "return": {
9173
+ "type": {
9174
+ "text": "ThemeBuilder"
9175
+ }
9122
9176
  },
9123
- "inheritedFrom": {
9124
- "name": "UmTextFieldBase",
9125
- "module": "src/shared/text-field-base/text-field-base.ts"
9126
- }
9177
+ "parameters": [
9178
+ {
9179
+ "name": "primaryColorHex",
9180
+ "type": {
9181
+ "text": "string"
9182
+ }
9183
+ }
9184
+ ]
9127
9185
  },
9128
9186
  {
9129
- "kind": "field",
9130
- "name": "elementInternals",
9131
- "type": {
9132
- "text": "ElementInternals"
9133
- },
9134
- "privacy": "protected",
9135
- "inheritedFrom": {
9136
- "name": "UmTextFieldBase",
9137
- "module": "src/shared/text-field-base/text-field-base.ts"
9187
+ "kind": "method",
9188
+ "name": "createPartial",
9189
+ "static": true,
9190
+ "return": {
9191
+ "type": {
9192
+ "text": "ThemeBuilder"
9193
+ }
9138
9194
  }
9139
- }
9140
- ],
9141
- "attributes": [
9142
- {
9143
- "name": "value",
9144
- "fieldName": "value"
9145
9195
  },
9146
9196
  {
9147
- "name": "prefix-text",
9148
- "type": {
9149
- "text": "string | undefined"
9197
+ "kind": "method",
9198
+ "name": "addColorFromHex",
9199
+ "return": {
9200
+ "type": {
9201
+ "text": "ThemeBuilder"
9202
+ }
9150
9203
  },
9151
- "fieldName": "prefixText"
9204
+ "parameters": [
9205
+ {
9206
+ "name": "name",
9207
+ "type": {
9208
+ "text": "string"
9209
+ }
9210
+ },
9211
+ {
9212
+ "name": "hex",
9213
+ "type": {
9214
+ "text": "string"
9215
+ }
9216
+ }
9217
+ ]
9152
9218
  },
9153
9219
  {
9154
- "name": "suffix-text",
9155
- "type": {
9156
- "text": "string | undefined"
9220
+ "kind": "method",
9221
+ "name": "addColorFromPalette",
9222
+ "return": {
9223
+ "type": {
9224
+ "text": "ThemeBuilder"
9225
+ }
9157
9226
  },
9158
- "fieldName": "suffixText"
9159
- },
9160
- {
9161
- "name": "variant",
9162
- "fieldName": "variant",
9163
- "inheritedFrom": {
9164
- "name": "UmTextFieldBase",
9165
- "module": "src/shared/text-field-base/text-field-base.ts"
9166
- }
9227
+ "parameters": [
9228
+ {
9229
+ "name": "name",
9230
+ "type": {
9231
+ "text": "string"
9232
+ }
9233
+ },
9234
+ {
9235
+ "name": "palette",
9236
+ "type": {
9237
+ "text": "TonalPalette"
9238
+ }
9239
+ }
9240
+ ]
9167
9241
  },
9168
9242
  {
9169
- "name": "label",
9170
- "type": {
9171
- "text": "string | undefined"
9243
+ "kind": "method",
9244
+ "name": "addFixedColor",
9245
+ "return": {
9246
+ "type": {
9247
+ "text": "ThemeBuilder"
9248
+ }
9172
9249
  },
9173
- "fieldName": "label",
9174
- "inheritedFrom": {
9175
- "name": "UmTextFieldBase",
9176
- "module": "src/shared/text-field-base/text-field-base.ts"
9177
- }
9250
+ "parameters": [
9251
+ {
9252
+ "name": "name",
9253
+ "type": {
9254
+ "text": "string"
9255
+ }
9256
+ },
9257
+ {
9258
+ "name": "hex",
9259
+ "type": {
9260
+ "text": "string"
9261
+ }
9262
+ }
9263
+ ]
9178
9264
  },
9179
9265
  {
9180
- "name": "counter",
9181
- "type": {
9182
- "text": "string | undefined"
9266
+ "kind": "method",
9267
+ "name": "setCssClass",
9268
+ "return": {
9269
+ "type": {
9270
+ "text": "ThemeBuilder"
9271
+ }
9183
9272
  },
9184
- "fieldName": "counter",
9185
- "inheritedFrom": {
9186
- "name": "UmTextFieldBase",
9187
- "module": "src/shared/text-field-base/text-field-base.ts"
9188
- }
9273
+ "parameters": [
9274
+ {
9275
+ "name": "cssClass",
9276
+ "type": {
9277
+ "text": "string"
9278
+ }
9279
+ }
9280
+ ]
9189
9281
  },
9190
9282
  {
9191
- "name": "placeholder",
9192
- "type": {
9193
- "text": "string | undefined"
9194
- },
9195
- "fieldName": "placeholder",
9196
- "inheritedFrom": {
9197
- "name": "UmTextFieldBase",
9198
- "module": "src/shared/text-field-base/text-field-base.ts"
9283
+ "kind": "method",
9284
+ "name": "ensureCssClassStartsWithDot",
9285
+ "privacy": "private",
9286
+ "return": {
9287
+ "type": {
9288
+ "text": "void"
9289
+ }
9199
9290
  }
9200
9291
  },
9201
9292
  {
9202
- "name": "supporting-text",
9203
- "type": {
9204
- "text": "string | undefined"
9205
- },
9206
- "fieldName": "supportingText",
9207
- "inheritedFrom": {
9208
- "name": "UmTextFieldBase",
9209
- "module": "src/shared/text-field-base/text-field-base.ts"
9293
+ "kind": "method",
9294
+ "name": "ensureThemeColors",
9295
+ "privacy": "private",
9296
+ "return": {
9297
+ "type": {
9298
+ "text": "void"
9299
+ }
9210
9300
  }
9211
9301
  },
9212
9302
  {
9213
- "name": "error-text",
9214
- "type": {
9215
- "text": "string | undefined"
9303
+ "kind": "method",
9304
+ "name": "getNeutralVariables",
9305
+ "privacy": "private",
9306
+ "return": {
9307
+ "type": {
9308
+ "text": "string"
9309
+ }
9216
9310
  },
9217
- "fieldName": "errorText",
9218
- "inheritedFrom": {
9219
- "name": "UmTextFieldBase",
9220
- "module": "src/shared/text-field-base/text-field-base.ts"
9221
- }
9311
+ "parameters": [
9312
+ {
9313
+ "name": "dark",
9314
+ "type": {
9315
+ "text": "boolean"
9316
+ }
9317
+ }
9318
+ ]
9222
9319
  },
9223
9320
  {
9224
- "name": "disabled",
9225
- "type": {
9226
- "text": "boolean"
9321
+ "kind": "method",
9322
+ "name": "getNeutralVariantVariables",
9323
+ "privacy": "private",
9324
+ "return": {
9325
+ "type": {
9326
+ "text": "string"
9327
+ }
9227
9328
  },
9228
- "default": "false",
9229
- "fieldName": "disabled",
9230
- "inheritedFrom": {
9231
- "name": "UmTextFieldBase",
9232
- "module": "src/shared/text-field-base/text-field-base.ts"
9233
- }
9329
+ "parameters": [
9330
+ {
9331
+ "name": "dark",
9332
+ "type": {
9333
+ "text": "boolean"
9334
+ }
9335
+ }
9336
+ ]
9234
9337
  },
9235
9338
  {
9236
- "name": "invalid",
9237
- "type": {
9238
- "text": "boolean"
9239
- },
9240
- "default": "false",
9241
- "fieldName": "invalid",
9242
- "inheritedFrom": {
9243
- "name": "UmTextFieldBase",
9244
- "module": "src/shared/text-field-base/text-field-base.ts"
9245
- }
9246
- }
9247
- ],
9248
- "superclass": {
9249
- "name": "UmTextFieldBase",
9250
- "module": "/src/shared/text-field-base/text-field-base.js"
9251
- },
9252
- "tagName": "u-text-field",
9253
- "customElement": true
9254
- }
9255
- ],
9256
- "exports": [
9257
- {
9258
- "kind": "js",
9259
- "name": "UmTextField",
9260
- "declaration": {
9261
- "name": "UmTextField",
9262
- "module": "src/text-field/text-field.ts"
9263
- }
9264
- },
9265
- {
9266
- "kind": "custom-element-definition",
9267
- "name": "u-text-field",
9268
- "declaration": {
9269
- "name": "UmTextField",
9270
- "module": "src/text-field/text-field.ts"
9271
- }
9272
- }
9273
- ]
9274
- },
9275
- {
9276
- "kind": "javascript-module",
9277
- "path": "src/theme/color.ts",
9278
- "declarations": [],
9279
- "exports": []
9280
- },
9281
- {
9282
- "kind": "javascript-module",
9283
- "path": "src/theme/css-var-builder.ts",
9284
- "declarations": [
9285
- {
9286
- "kind": "class",
9287
- "description": "",
9288
- "name": "CssVarBuilder",
9289
- "members": [
9290
- {
9291
- "kind": "field",
9292
- "name": "content",
9293
- "type": {
9294
- "text": "string"
9339
+ "kind": "method",
9340
+ "name": "getColorVariables",
9341
+ "return": {
9342
+ "type": {
9343
+ "text": "string"
9344
+ }
9295
9345
  },
9296
- "privacy": "private",
9297
- "default": "''"
9346
+ "parameters": [
9347
+ {
9348
+ "name": "color",
9349
+ "type": {
9350
+ "text": "ThemeColor"
9351
+ }
9352
+ },
9353
+ {
9354
+ "name": "dark",
9355
+ "type": {
9356
+ "text": "boolean"
9357
+ }
9358
+ }
9359
+ ]
9298
9360
  },
9299
9361
  {
9300
9362
  "kind": "method",
9301
- "name": "create",
9302
- "static": true,
9363
+ "name": "getColorsVariables",
9364
+ "privacy": "private",
9303
9365
  "return": {
9304
9366
  "type": {
9305
- "text": "CssVarBuilder"
9367
+ "text": "string"
9306
9368
  }
9307
- }
9369
+ },
9370
+ "parameters": [
9371
+ {
9372
+ "name": "dark",
9373
+ "type": {
9374
+ "text": "boolean"
9375
+ }
9376
+ }
9377
+ ]
9308
9378
  },
9309
9379
  {
9310
9380
  "kind": "method",
9311
- "name": "add",
9381
+ "name": "addColors",
9382
+ "privacy": "private",
9312
9383
  "return": {
9313
9384
  "type": {
9314
- "text": "CssVarBuilder"
9385
+ "text": "void"
9315
9386
  }
9316
9387
  },
9317
9388
  "parameters": [
9318
9389
  {
9319
- "name": "name",
9390
+ "name": "builder",
9391
+ "type": {
9392
+ "text": "CssVarBuilder"
9393
+ }
9394
+ },
9395
+ {
9396
+ "name": "colors",
9397
+ "type": {
9398
+ "text": "Color[]"
9399
+ }
9400
+ },
9401
+ {
9402
+ "name": "palette",
9320
9403
  "type": {
9321
- "text": "string"
9404
+ "text": "TonalPalette"
9322
9405
  }
9323
9406
  },
9324
9407
  {
9325
- "name": "value",
9408
+ "name": "dark",
9326
9409
  "type": {
9327
- "text": "string"
9410
+ "text": "boolean"
9328
9411
  }
9329
9412
  }
9330
9413
  ]
9331
9414
  },
9332
9415
  {
9333
9416
  "kind": "method",
9334
- "name": "addFromArgb",
9417
+ "name": "addToneColor",
9418
+ "privacy": "private",
9335
9419
  "return": {
9336
9420
  "type": {
9337
- "text": "CssVarBuilder"
9421
+ "text": "void"
9338
9422
  }
9339
9423
  },
9340
9424
  "parameters": [
9341
9425
  {
9342
- "name": "name",
9426
+ "name": "builder",
9343
9427
  "type": {
9344
- "text": "string"
9428
+ "text": "CssVarBuilder"
9345
9429
  }
9346
9430
  },
9347
9431
  {
9348
- "name": "argb",
9432
+ "name": "color",
9349
9433
  "type": {
9350
- "text": "number"
9434
+ "text": "Color"
9435
+ }
9436
+ },
9437
+ {
9438
+ "name": "palette",
9439
+ "type": {
9440
+ "text": "TonalPalette"
9441
+ }
9442
+ },
9443
+ {
9444
+ "name": "dark",
9445
+ "type": {
9446
+ "text": "boolean"
9351
9447
  }
9352
9448
  }
9353
9449
  ]
@@ -9367,498 +9463,402 @@
9367
9463
  "exports": [
9368
9464
  {
9369
9465
  "kind": "js",
9370
- "name": "CssVarBuilder",
9466
+ "name": "ThemeBuilder",
9371
9467
  "declaration": {
9372
- "name": "CssVarBuilder",
9373
- "module": "src/theme/css-var-builder.ts"
9468
+ "name": "ThemeBuilder",
9469
+ "module": "src/theme/theme-builder.ts"
9374
9470
  }
9375
9471
  }
9376
9472
  ]
9377
9473
  },
9378
9474
  {
9379
9475
  "kind": "javascript-module",
9380
- "path": "src/theme/index.ts",
9476
+ "path": "src/theme/theme-color.ts",
9381
9477
  "declarations": [],
9382
- "exports": [
9383
- {
9384
- "kind": "js",
9385
- "name": "*",
9386
- "declaration": {
9387
- "name": "*",
9388
- "package": "./theme-builder.js"
9389
- }
9390
- }
9391
- ]
9478
+ "exports": []
9392
9479
  },
9393
9480
  {
9394
9481
  "kind": "javascript-module",
9395
- "path": "src/theme/neutral-colors.ts",
9482
+ "path": "src/text-field/text-field.styles.ts",
9396
9483
  "declarations": [
9397
9484
  {
9398
9485
  "kind": "variable",
9399
- "name": "neutralColors",
9400
- "type": {
9401
- "text": "Color[]"
9402
- },
9403
- "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9404
- },
9405
- {
9406
- "kind": "variable",
9407
- "name": "neutralVariantColors",
9408
- "type": {
9409
- "text": "Color[]"
9410
- },
9411
- "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9486
+ "name": "styles",
9487
+ "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
9412
9488
  }
9413
9489
  ],
9414
9490
  "exports": [
9415
9491
  {
9416
9492
  "kind": "js",
9417
- "name": "neutralColors",
9418
- "declaration": {
9419
- "name": "neutralColors",
9420
- "module": "src/theme/neutral-colors.ts"
9421
- }
9422
- },
9423
- {
9424
- "kind": "js",
9425
- "name": "neutralVariantColors",
9493
+ "name": "styles",
9426
9494
  "declaration": {
9427
- "name": "neutralVariantColors",
9428
- "module": "src/theme/neutral-colors.ts"
9495
+ "name": "styles",
9496
+ "module": "src/text-field/text-field.styles.ts"
9429
9497
  }
9430
9498
  }
9431
9499
  ]
9432
9500
  },
9433
9501
  {
9434
9502
  "kind": "javascript-module",
9435
- "path": "src/theme/rgb-color.ts",
9503
+ "path": "src/text-field/text-field.ts",
9436
9504
  "declarations": [
9437
9505
  {
9438
9506
  "kind": "class",
9439
9507
  "description": "",
9440
- "name": "RgbColor",
9508
+ "name": "UmTextField",
9441
9509
  "members": [
9442
9510
  {
9443
9511
  "kind": "field",
9444
- "name": "r",
9512
+ "name": "#value",
9513
+ "privacy": "private",
9445
9514
  "type": {
9446
- "text": "number"
9515
+ "text": "string"
9447
9516
  },
9448
- "default": "r"
9517
+ "default": "''"
9449
9518
  },
9450
9519
  {
9451
9520
  "kind": "field",
9452
- "name": "g",
9521
+ "name": "value",
9522
+ "attribute": "value"
9523
+ },
9524
+ {
9525
+ "kind": "field",
9526
+ "name": "prefixText",
9453
9527
  "type": {
9454
- "text": "number"
9528
+ "text": "string | undefined"
9455
9529
  },
9456
- "default": "g"
9530
+ "attribute": "prefix-text"
9457
9531
  },
9458
9532
  {
9459
9533
  "kind": "field",
9460
- "name": "b",
9534
+ "name": "suffixText",
9461
9535
  "type": {
9462
- "text": "number"
9536
+ "text": "string | undefined"
9463
9537
  },
9464
- "default": "b"
9538
+ "attribute": "suffix-text"
9539
+ },
9540
+ {
9541
+ "kind": "field",
9542
+ "name": "input",
9543
+ "type": {
9544
+ "text": "HTMLInputElement"
9545
+ }
9465
9546
  },
9466
9547
  {
9467
9548
  "kind": "method",
9468
- "name": "fromArgb",
9469
- "static": true,
9549
+ "name": "focus"
9550
+ },
9551
+ {
9552
+ "kind": "method",
9553
+ "name": "renderContent",
9554
+ "privacy": "protected",
9470
9555
  "return": {
9471
9556
  "type": {
9472
- "text": "RgbColor"
9557
+ "text": "HTMLTemplateResult"
9473
9558
  }
9474
9559
  },
9475
- "parameters": [
9476
- {
9477
- "name": "argb",
9478
- "type": {
9479
- "text": "number"
9480
- }
9481
- }
9482
- ]
9560
+ "inheritedFrom": {
9561
+ "name": "UmTextFieldBase",
9562
+ "module": "src/shared/text-field-base/text-field-base.ts"
9563
+ }
9483
9564
  },
9484
9565
  {
9485
9566
  "kind": "field",
9486
- "name": "toString"
9487
- }
9488
- ]
9489
- }
9490
- ],
9491
- "exports": [
9492
- {
9493
- "kind": "js",
9494
- "name": "RgbColor",
9495
- "declaration": {
9496
- "name": "RgbColor",
9497
- "module": "src/theme/rgb-color.ts"
9498
- }
9499
- }
9500
- ]
9501
- },
9502
- {
9503
- "kind": "javascript-module",
9504
- "path": "src/theme/theme-builder.ts",
9505
- "declarations": [
9506
- {
9507
- "kind": "class",
9508
- "description": "",
9509
- "name": "ThemeBuilder",
9510
- "members": [
9567
+ "name": "empty",
9568
+ "type": {
9569
+ "text": "boolean"
9570
+ },
9571
+ "inheritedFrom": {
9572
+ "name": "UmTextFieldBase",
9573
+ "module": "src/shared/text-field-base/text-field-base.ts"
9574
+ }
9575
+ },
9576
+ {
9577
+ "kind": "method",
9578
+ "name": "#handleInput"
9579
+ },
9511
9580
  {
9512
9581
  "kind": "field",
9513
- "name": "cssClass",
9582
+ "name": "formAssociated",
9514
9583
  "type": {
9515
- "text": "string | null"
9584
+ "text": "boolean"
9516
9585
  },
9517
- "default": "null"
9586
+ "static": true,
9587
+ "default": "true",
9588
+ "inheritedFrom": {
9589
+ "name": "UmTextFieldBase",
9590
+ "module": "src/shared/text-field-base/text-field-base.ts"
9591
+ }
9518
9592
  },
9519
9593
  {
9520
9594
  "kind": "field",
9521
- "name": "colors",
9595
+ "name": "shadowRootOptions",
9522
9596
  "type": {
9523
- "text": "ThemeColor[]"
9597
+ "text": "ShadowRootInit"
9524
9598
  },
9525
- "default": "[]"
9599
+ "static": true,
9600
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9601
+ "inheritedFrom": {
9602
+ "name": "UmTextFieldBase",
9603
+ "module": "src/shared/text-field-base/text-field-base.ts"
9604
+ }
9605
+ },
9606
+ {
9607
+ "kind": "field",
9608
+ "name": "variant",
9609
+ "attribute": "variant",
9610
+ "inheritedFrom": {
9611
+ "name": "UmTextFieldBase",
9612
+ "module": "src/shared/text-field-base/text-field-base.ts"
9613
+ }
9614
+ },
9615
+ {
9616
+ "kind": "field",
9617
+ "name": "label",
9618
+ "type": {
9619
+ "text": "string | undefined"
9620
+ },
9621
+ "attribute": "label",
9622
+ "inheritedFrom": {
9623
+ "name": "UmTextFieldBase",
9624
+ "module": "src/shared/text-field-base/text-field-base.ts"
9625
+ }
9626
+ },
9627
+ {
9628
+ "kind": "field",
9629
+ "name": "counter",
9630
+ "type": {
9631
+ "text": "string | undefined"
9632
+ },
9633
+ "attribute": "counter",
9634
+ "inheritedFrom": {
9635
+ "name": "UmTextFieldBase",
9636
+ "module": "src/shared/text-field-base/text-field-base.ts"
9637
+ }
9638
+ },
9639
+ {
9640
+ "kind": "field",
9641
+ "name": "placeholder",
9642
+ "type": {
9643
+ "text": "string | undefined"
9644
+ },
9645
+ "attribute": "placeholder",
9646
+ "reflects": true,
9647
+ "inheritedFrom": {
9648
+ "name": "UmTextFieldBase",
9649
+ "module": "src/shared/text-field-base/text-field-base.ts"
9650
+ }
9651
+ },
9652
+ {
9653
+ "kind": "field",
9654
+ "name": "supportingText",
9655
+ "type": {
9656
+ "text": "string | undefined"
9657
+ },
9658
+ "attribute": "supporting-text",
9659
+ "inheritedFrom": {
9660
+ "name": "UmTextFieldBase",
9661
+ "module": "src/shared/text-field-base/text-field-base.ts"
9662
+ }
9526
9663
  },
9527
9664
  {
9528
9665
  "kind": "field",
9529
- "name": "neutralColorPalette",
9666
+ "name": "errorText",
9530
9667
  "type": {
9531
- "text": "TonalPalette"
9668
+ "text": "string | undefined"
9669
+ },
9670
+ "attribute": "error-text",
9671
+ "inheritedFrom": {
9672
+ "name": "UmTextFieldBase",
9673
+ "module": "src/shared/text-field-base/text-field-base.ts"
9532
9674
  }
9533
9675
  },
9534
9676
  {
9535
9677
  "kind": "field",
9536
- "name": "neutralVariantColorPalette",
9678
+ "name": "disabled",
9537
9679
  "type": {
9538
- "text": "TonalPalette"
9680
+ "text": "boolean"
9681
+ },
9682
+ "default": "false",
9683
+ "attribute": "disabled",
9684
+ "reflects": true,
9685
+ "inheritedFrom": {
9686
+ "name": "UmTextFieldBase",
9687
+ "module": "src/shared/text-field-base/text-field-base.ts"
9539
9688
  }
9540
9689
  },
9541
9690
  {
9542
9691
  "kind": "field",
9543
- "name": "partial",
9692
+ "name": "invalid",
9544
9693
  "type": {
9545
9694
  "text": "boolean"
9546
9695
  },
9547
- "privacy": "private",
9548
- "default": "false"
9696
+ "default": "false",
9697
+ "attribute": "invalid",
9698
+ "reflects": true,
9699
+ "inheritedFrom": {
9700
+ "name": "UmTextFieldBase",
9701
+ "module": "src/shared/text-field-base/text-field-base.ts"
9702
+ }
9549
9703
  },
9550
9704
  {
9551
- "kind": "method",
9552
- "name": "create",
9553
- "static": true,
9554
- "return": {
9555
- "type": {
9556
- "text": "ThemeBuilder"
9557
- }
9705
+ "kind": "field",
9706
+ "name": "form",
9707
+ "type": {
9708
+ "text": "HTMLFormElement | null"
9558
9709
  },
9559
- "parameters": [
9560
- {
9561
- "name": "primaryColorHex",
9562
- "type": {
9563
- "text": "string"
9564
- }
9565
- }
9566
- ]
9567
- },
9568
- {
9569
- "kind": "method",
9570
- "name": "createPartial",
9571
- "static": true,
9572
- "return": {
9573
- "type": {
9574
- "text": "ThemeBuilder"
9575
- }
9710
+ "inheritedFrom": {
9711
+ "name": "UmTextFieldBase",
9712
+ "module": "src/shared/text-field-base/text-field-base.ts"
9576
9713
  }
9577
9714
  },
9578
9715
  {
9579
- "kind": "method",
9580
- "name": "addColorFromHex",
9581
- "return": {
9582
- "type": {
9583
- "text": "ThemeBuilder"
9584
- }
9716
+ "kind": "field",
9717
+ "name": "elementInternals",
9718
+ "type": {
9719
+ "text": "ElementInternals"
9585
9720
  },
9586
- "parameters": [
9587
- {
9588
- "name": "name",
9589
- "type": {
9590
- "text": "string"
9591
- }
9592
- },
9593
- {
9594
- "name": "hex",
9595
- "type": {
9596
- "text": "string"
9597
- }
9598
- }
9599
- ]
9600
- },
9721
+ "privacy": "protected",
9722
+ "inheritedFrom": {
9723
+ "name": "UmTextFieldBase",
9724
+ "module": "src/shared/text-field-base/text-field-base.ts"
9725
+ }
9726
+ }
9727
+ ],
9728
+ "attributes": [
9601
9729
  {
9602
- "kind": "method",
9603
- "name": "addColorFromPalette",
9604
- "return": {
9605
- "type": {
9606
- "text": "ThemeBuilder"
9607
- }
9608
- },
9609
- "parameters": [
9610
- {
9611
- "name": "name",
9612
- "type": {
9613
- "text": "string"
9614
- }
9615
- },
9616
- {
9617
- "name": "palette",
9618
- "type": {
9619
- "text": "TonalPalette"
9620
- }
9621
- }
9622
- ]
9730
+ "name": "value",
9731
+ "fieldName": "value"
9623
9732
  },
9624
9733
  {
9625
- "kind": "method",
9626
- "name": "addFixedColor",
9627
- "return": {
9628
- "type": {
9629
- "text": "ThemeBuilder"
9630
- }
9734
+ "name": "prefix-text",
9735
+ "type": {
9736
+ "text": "string | undefined"
9631
9737
  },
9632
- "parameters": [
9633
- {
9634
- "name": "name",
9635
- "type": {
9636
- "text": "string"
9637
- }
9638
- },
9639
- {
9640
- "name": "hex",
9641
- "type": {
9642
- "text": "string"
9643
- }
9644
- }
9645
- ]
9738
+ "fieldName": "prefixText"
9646
9739
  },
9647
9740
  {
9648
- "kind": "method",
9649
- "name": "setCssClass",
9650
- "return": {
9651
- "type": {
9652
- "text": "ThemeBuilder"
9653
- }
9741
+ "name": "suffix-text",
9742
+ "type": {
9743
+ "text": "string | undefined"
9654
9744
  },
9655
- "parameters": [
9656
- {
9657
- "name": "cssClass",
9658
- "type": {
9659
- "text": "string"
9660
- }
9661
- }
9662
- ]
9663
- },
9664
- {
9665
- "kind": "method",
9666
- "name": "ensureCssClassStartsWithDot",
9667
- "privacy": "private",
9668
- "return": {
9669
- "type": {
9670
- "text": "void"
9671
- }
9672
- }
9745
+ "fieldName": "suffixText"
9673
9746
  },
9674
9747
  {
9675
- "kind": "method",
9676
- "name": "ensureThemeColors",
9677
- "privacy": "private",
9678
- "return": {
9679
- "type": {
9680
- "text": "void"
9681
- }
9748
+ "name": "variant",
9749
+ "fieldName": "variant",
9750
+ "inheritedFrom": {
9751
+ "name": "UmTextFieldBase",
9752
+ "module": "src/shared/text-field-base/text-field-base.ts"
9682
9753
  }
9683
9754
  },
9684
9755
  {
9685
- "kind": "method",
9686
- "name": "getNeutralVariables",
9687
- "privacy": "private",
9688
- "return": {
9689
- "type": {
9690
- "text": "string"
9691
- }
9756
+ "name": "label",
9757
+ "type": {
9758
+ "text": "string | undefined"
9692
9759
  },
9693
- "parameters": [
9694
- {
9695
- "name": "dark",
9696
- "type": {
9697
- "text": "boolean"
9698
- }
9699
- }
9700
- ]
9760
+ "fieldName": "label",
9761
+ "inheritedFrom": {
9762
+ "name": "UmTextFieldBase",
9763
+ "module": "src/shared/text-field-base/text-field-base.ts"
9764
+ }
9701
9765
  },
9702
9766
  {
9703
- "kind": "method",
9704
- "name": "getNeutralVariantVariables",
9705
- "privacy": "private",
9706
- "return": {
9707
- "type": {
9708
- "text": "string"
9709
- }
9767
+ "name": "counter",
9768
+ "type": {
9769
+ "text": "string | undefined"
9710
9770
  },
9711
- "parameters": [
9712
- {
9713
- "name": "dark",
9714
- "type": {
9715
- "text": "boolean"
9716
- }
9717
- }
9718
- ]
9771
+ "fieldName": "counter",
9772
+ "inheritedFrom": {
9773
+ "name": "UmTextFieldBase",
9774
+ "module": "src/shared/text-field-base/text-field-base.ts"
9775
+ }
9719
9776
  },
9720
9777
  {
9721
- "kind": "method",
9722
- "name": "getColorVariables",
9723
- "return": {
9724
- "type": {
9725
- "text": "string"
9726
- }
9727
- },
9728
- "parameters": [
9729
- {
9730
- "name": "color",
9731
- "type": {
9732
- "text": "ThemeColor"
9733
- }
9734
- },
9735
- {
9736
- "name": "dark",
9737
- "type": {
9738
- "text": "boolean"
9739
- }
9740
- }
9741
- ]
9778
+ "name": "placeholder",
9779
+ "type": {
9780
+ "text": "string | undefined"
9781
+ },
9782
+ "fieldName": "placeholder",
9783
+ "inheritedFrom": {
9784
+ "name": "UmTextFieldBase",
9785
+ "module": "src/shared/text-field-base/text-field-base.ts"
9786
+ }
9742
9787
  },
9743
9788
  {
9744
- "kind": "method",
9745
- "name": "getColorsVariables",
9746
- "privacy": "private",
9747
- "return": {
9748
- "type": {
9749
- "text": "string"
9750
- }
9789
+ "name": "supporting-text",
9790
+ "type": {
9791
+ "text": "string | undefined"
9751
9792
  },
9752
- "parameters": [
9753
- {
9754
- "name": "dark",
9755
- "type": {
9756
- "text": "boolean"
9757
- }
9758
- }
9759
- ]
9793
+ "fieldName": "supportingText",
9794
+ "inheritedFrom": {
9795
+ "name": "UmTextFieldBase",
9796
+ "module": "src/shared/text-field-base/text-field-base.ts"
9797
+ }
9760
9798
  },
9761
9799
  {
9762
- "kind": "method",
9763
- "name": "addColors",
9764
- "privacy": "private",
9765
- "return": {
9766
- "type": {
9767
- "text": "void"
9768
- }
9800
+ "name": "error-text",
9801
+ "type": {
9802
+ "text": "string | undefined"
9769
9803
  },
9770
- "parameters": [
9771
- {
9772
- "name": "builder",
9773
- "type": {
9774
- "text": "CssVarBuilder"
9775
- }
9776
- },
9777
- {
9778
- "name": "colors",
9779
- "type": {
9780
- "text": "Color[]"
9781
- }
9782
- },
9783
- {
9784
- "name": "palette",
9785
- "type": {
9786
- "text": "TonalPalette"
9787
- }
9788
- },
9789
- {
9790
- "name": "dark",
9791
- "type": {
9792
- "text": "boolean"
9793
- }
9794
- }
9795
- ]
9804
+ "fieldName": "errorText",
9805
+ "inheritedFrom": {
9806
+ "name": "UmTextFieldBase",
9807
+ "module": "src/shared/text-field-base/text-field-base.ts"
9808
+ }
9796
9809
  },
9797
9810
  {
9798
- "kind": "method",
9799
- "name": "addToneColor",
9800
- "privacy": "private",
9801
- "return": {
9802
- "type": {
9803
- "text": "void"
9804
- }
9811
+ "name": "disabled",
9812
+ "type": {
9813
+ "text": "boolean"
9805
9814
  },
9806
- "parameters": [
9807
- {
9808
- "name": "builder",
9809
- "type": {
9810
- "text": "CssVarBuilder"
9811
- }
9812
- },
9813
- {
9814
- "name": "color",
9815
- "type": {
9816
- "text": "Color"
9817
- }
9818
- },
9819
- {
9820
- "name": "palette",
9821
- "type": {
9822
- "text": "TonalPalette"
9823
- }
9824
- },
9825
- {
9826
- "name": "dark",
9827
- "type": {
9828
- "text": "boolean"
9829
- }
9830
- }
9831
- ]
9815
+ "default": "false",
9816
+ "fieldName": "disabled",
9817
+ "inheritedFrom": {
9818
+ "name": "UmTextFieldBase",
9819
+ "module": "src/shared/text-field-base/text-field-base.ts"
9820
+ }
9832
9821
  },
9833
9822
  {
9834
- "kind": "method",
9835
- "name": "build",
9836
- "return": {
9837
- "type": {
9838
- "text": "string"
9839
- }
9823
+ "name": "invalid",
9824
+ "type": {
9825
+ "text": "boolean"
9826
+ },
9827
+ "default": "false",
9828
+ "fieldName": "invalid",
9829
+ "inheritedFrom": {
9830
+ "name": "UmTextFieldBase",
9831
+ "module": "src/shared/text-field-base/text-field-base.ts"
9840
9832
  }
9841
9833
  }
9842
- ]
9834
+ ],
9835
+ "superclass": {
9836
+ "name": "UmTextFieldBase",
9837
+ "module": "/src/shared/text-field-base/text-field-base.js"
9838
+ },
9839
+ "tagName": "u-text-field",
9840
+ "customElement": true
9843
9841
  }
9844
9842
  ],
9845
9843
  "exports": [
9846
9844
  {
9847
9845
  "kind": "js",
9848
- "name": "ThemeBuilder",
9846
+ "name": "UmTextField",
9849
9847
  "declaration": {
9850
- "name": "ThemeBuilder",
9851
- "module": "src/theme/theme-builder.ts"
9848
+ "name": "UmTextField",
9849
+ "module": "src/text-field/text-field.ts"
9850
+ }
9851
+ },
9852
+ {
9853
+ "kind": "custom-element-definition",
9854
+ "name": "u-text-field",
9855
+ "declaration": {
9856
+ "name": "UmTextField",
9857
+ "module": "src/text-field/text-field.ts"
9852
9858
  }
9853
9859
  }
9854
9860
  ]
9855
9861
  },
9856
- {
9857
- "kind": "javascript-module",
9858
- "path": "src/theme/theme-color.ts",
9859
- "declarations": [],
9860
- "exports": []
9861
- },
9862
9862
  {
9863
9863
  "kind": "javascript-module",
9864
9864
  "path": "src/typeahead/highlight.styles.ts",
@@ -10377,56 +10377,6 @@
10377
10377
  }
10378
10378
  ]
10379
10379
  },
10380
- {
10381
- "kind": "javascript-module",
10382
- "path": "src/shared/sets/set-base.ts",
10383
- "declarations": [
10384
- {
10385
- "kind": "class",
10386
- "description": "",
10387
- "name": "UmSetBase",
10388
- "members": [
10389
- {
10390
- "kind": "field",
10391
- "name": "alignment",
10392
- "type": {
10393
- "text": "'start' | 'center' | 'end'"
10394
- },
10395
- "default": "'start'",
10396
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10397
- "attribute": "alignment",
10398
- "reflects": true
10399
- }
10400
- ],
10401
- "attributes": [
10402
- {
10403
- "name": "alignment",
10404
- "type": {
10405
- "text": "'start' | 'center' | 'end'"
10406
- },
10407
- "default": "'start'",
10408
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10409
- "fieldName": "alignment"
10410
- }
10411
- ],
10412
- "superclass": {
10413
- "name": "LitElement",
10414
- "package": "lit"
10415
- },
10416
- "customElement": true
10417
- }
10418
- ],
10419
- "exports": [
10420
- {
10421
- "kind": "js",
10422
- "name": "UmSetBase",
10423
- "declaration": {
10424
- "name": "UmSetBase",
10425
- "module": "src/shared/sets/set-base.ts"
10426
- }
10427
- }
10428
- ]
10429
- },
10430
10380
  {
10431
10381
  "kind": "javascript-module",
10432
10382
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -10684,6 +10634,56 @@
10684
10634
  }
10685
10635
  ]
10686
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
10687
  {
10688
10688
  "kind": "javascript-module",
10689
10689
  "path": "src/shared/text-field-base/text-field-base.styles.ts",