@universal-material/web 3.0.48 → 3.0.50

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",
@@ -8016,338 +8016,322 @@
8016
8016
  },
8017
8017
  {
8018
8018
  "kind": "javascript-module",
8019
- "path": "src/switch/switch-list-item.ts",
8019
+ "path": "src/snackbar/snackbar.styles.ts",
8020
8020
  "declarations": [
8021
8021
  {
8022
- "kind": "class",
8023
- "description": "",
8024
- "name": "UmSwitchListItem",
8025
- "mixins": [
8026
- {
8027
- "name": "mixinSelectionControlListItem",
8028
- "module": "/src/shared/selection-control/selection-control-list-item.js"
8029
- }
8030
- ],
8031
- "superclass": {
8032
- "name": "UmSwitch",
8033
- "module": "/src/switch/switch.js"
8034
- },
8035
- "tagName": "u-switch-list-item",
8036
- "customElement": true,
8022
+ "kind": "variable",
8023
+ "name": "styles",
8024
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
8025
+ }
8026
+ ],
8027
+ "exports": [
8028
+ {
8029
+ "kind": "js",
8030
+ "name": "styles",
8031
+ "declaration": {
8032
+ "name": "styles",
8033
+ "module": "src/snackbar/snackbar.styles.ts"
8034
+ }
8035
+ }
8036
+ ]
8037
+ },
8038
+ {
8039
+ "kind": "javascript-module",
8040
+ "path": "src/snackbar/snackbar.ts",
8041
+ "declarations": [
8042
+ {
8043
+ "kind": "class",
8044
+ "description": "",
8045
+ "name": "UmSnackbar",
8037
8046
  "members": [
8038
8047
  {
8039
8048
  "kind": "field",
8040
- "name": "styles",
8049
+ "name": "label",
8041
8050
  "type": {
8042
- "text": "array"
8051
+ "text": "string"
8043
8052
  },
8044
- "static": true,
8045
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
8046
- "inheritedFrom": {
8047
- "name": "mixinSelectionControlListItem",
8048
- "module": "src/shared/selection-control/selection-control-list-item.ts"
8049
- }
8053
+ "default": "''",
8054
+ "attribute": "label",
8055
+ "reflects": true
8050
8056
  },
8051
8057
  {
8052
- "kind": "method",
8053
- "name": "render",
8054
- "return": {
8055
- "type": {
8056
- "text": "HTMLTemplateResult"
8057
- }
8058
+ "kind": "field",
8059
+ "name": "buttonLabel",
8060
+ "type": {
8061
+ "text": "string"
8058
8062
  },
8059
- "inheritedFrom": {
8060
- "name": "mixinSelectionControlListItem",
8061
- "module": "src/shared/selection-control/selection-control-list-item.ts"
8062
- }
8063
+ "default": "''",
8064
+ "attribute": "buttonLabel",
8065
+ "reflects": true
8063
8066
  },
8064
8067
  {
8065
8068
  "kind": "field",
8066
- "name": "renderRipple",
8069
+ "name": "showClose",
8067
8070
  "type": {
8068
8071
  "text": "boolean"
8069
8072
  },
8070
- "privacy": "protected",
8071
8073
  "default": "false",
8072
- "inheritedFrom": {
8073
- "name": "UmSelectionControl",
8074
- "module": "src/shared/selection-control/selection-control.ts"
8075
- }
8076
- },
8077
- {
8078
- "kind": "method",
8079
- "name": "renderIndicator",
8080
- "privacy": "protected",
8081
- "return": {
8082
- "type": {
8083
- "text": "HTMLTemplateResult"
8084
- }
8085
- },
8086
- "inheritedFrom": {
8087
- "name": "UmSelectionControl",
8088
- "module": "src/shared/selection-control/selection-control.ts"
8089
- }
8074
+ "attribute": "show-close",
8075
+ "reflects": true
8090
8076
  },
8091
8077
  {
8092
8078
  "kind": "field",
8093
- "name": "formAssociated",
8079
+ "name": "dismissed",
8094
8080
  "type": {
8095
8081
  "text": "boolean"
8096
8082
  },
8097
- "static": true,
8098
- "default": "true",
8099
- "inheritedFrom": {
8100
- "name": "UmSelectionControl",
8101
- "module": "src/shared/selection-control/selection-control.ts"
8102
- }
8083
+ "default": "false",
8084
+ "attribute": "dismissed",
8085
+ "reflects": true
8103
8086
  },
8104
8087
  {
8105
8088
  "kind": "field",
8106
- "name": "elementInternals",
8089
+ "name": "duration",
8107
8090
  "type": {
8108
- "text": "ElementInternals"
8091
+ "text": "SnackbarDuration"
8109
8092
  },
8110
- "privacy": "protected",
8111
- "inheritedFrom": {
8112
- "name": "UmSelectionControl",
8113
- "module": "src/shared/selection-control/selection-control.ts"
8114
- }
8093
+ "privacy": "private"
8115
8094
  },
8116
8095
  {
8117
8096
  "kind": "field",
8118
- "name": "name",
8097
+ "name": "snackbar",
8119
8098
  "type": {
8120
- "text": "string | undefined"
8099
+ "text": "HTMLElement"
8121
8100
  },
8122
- "default": "''",
8123
- "attribute": "name",
8124
- "inheritedFrom": {
8125
- "name": "UmSelectionControl",
8126
- "module": "src/shared/selection-control/selection-control.ts"
8127
- }
8101
+ "privacy": "private"
8128
8102
  },
8129
8103
  {
8130
- "kind": "field",
8131
- "name": "disabled",
8132
- "type": {
8133
- "text": "boolean"
8134
- },
8135
- "default": "false",
8136
- "attribute": "disabled",
8137
- "reflects": true,
8138
- "inheritedFrom": {
8139
- "name": "UmSelectionControl",
8140
- "module": "src/shared/selection-control/selection-control.ts"
8141
- }
8104
+ "kind": "method",
8105
+ "name": "renderButton",
8106
+ "privacy": "private"
8142
8107
  },
8143
8108
  {
8144
- "kind": "field",
8145
- "name": "input",
8146
- "type": {
8147
- "text": "HTMLInputElement"
8148
- },
8149
- "inheritedFrom": {
8150
- "name": "UmSelectionControl",
8151
- "module": "src/shared/selection-control/selection-control.ts"
8152
- }
8109
+ "kind": "method",
8110
+ "name": "renderCloseButton",
8111
+ "privacy": "private"
8153
8112
  },
8154
8113
  {
8155
- "kind": "field",
8156
- "name": "form",
8157
- "type": {
8158
- "text": "HTMLFormElement | null"
8159
- },
8160
- "inheritedFrom": {
8161
- "name": "UmSelectionControl",
8162
- "module": "src/shared/selection-control/selection-control.ts"
8114
+ "kind": "method",
8115
+ "name": "dismiss",
8116
+ "return": {
8117
+ "type": {
8118
+ "text": "void"
8119
+ }
8163
8120
  }
8164
8121
  },
8165
8122
  {
8166
8123
  "kind": "field",
8167
- "name": "#checked",
8168
- "privacy": "private",
8124
+ "name": "_queue",
8169
8125
  "type": {
8170
- "text": "boolean"
8126
+ "text": "UmSnackbar[]"
8171
8127
  },
8172
- "default": "false",
8173
- "inheritedFrom": {
8174
- "name": "UmSelectionControl",
8175
- "module": "src/shared/selection-control/selection-control.ts"
8176
- }
8128
+ "privacy": "private",
8129
+ "static": true,
8130
+ "default": "[]"
8177
8131
  },
8178
8132
  {
8179
8133
  "kind": "field",
8180
- "name": "inputType",
8134
+ "name": "_consuming",
8181
8135
  "type": {
8182
- "text": "'checkbox' | 'radio'"
8136
+ "text": "boolean"
8183
8137
  },
8184
- "privacy": "protected",
8185
- "default": "'checkbox'",
8186
- "inheritedFrom": {
8187
- "name": "UmSelectionControl",
8188
- "module": "src/shared/selection-control/selection-control.ts"
8189
- }
8138
+ "privacy": "private",
8139
+ "static": true
8190
8140
  },
8191
8141
  {
8192
- "kind": "field",
8193
- "name": "value",
8194
- "type": {
8195
- "text": "string"
8142
+ "kind": "method",
8143
+ "name": "show",
8144
+ "static": true,
8145
+ "return": {
8146
+ "type": {
8147
+ "text": "UmSnackbar"
8148
+ }
8196
8149
  },
8197
- "default": "'on'",
8198
- "description": "The element value to use in form submission when checked.",
8199
- "attribute": "value",
8200
- "inheritedFrom": {
8201
- "name": "UmSelectionControl",
8202
- "module": "src/shared/selection-control/selection-control.ts"
8203
- }
8150
+ "parameters": [
8151
+ {
8152
+ "name": "label",
8153
+ "type": {
8154
+ "text": "string"
8155
+ }
8156
+ }
8157
+ ]
8204
8158
  },
8205
8159
  {
8206
- "kind": "field",
8207
- "name": "checked",
8208
- "attribute": "checked",
8209
- "inheritedFrom": {
8210
- "name": "UmSelectionControl",
8211
- "module": "src/shared/selection-control/selection-control.ts"
8212
- }
8160
+ "kind": "method",
8161
+ "name": "show",
8162
+ "static": true,
8163
+ "return": {
8164
+ "type": {
8165
+ "text": "UmSnackbar"
8166
+ }
8167
+ },
8168
+ "parameters": [
8169
+ {
8170
+ "name": "config",
8171
+ "type": {
8172
+ "text": "SnackbarConfig"
8173
+ }
8174
+ }
8175
+ ]
8213
8176
  },
8214
8177
  {
8215
8178
  "kind": "method",
8216
- "name": "#handleClick",
8179
+ "name": "show",
8180
+ "static": true,
8181
+ "return": {
8182
+ "type": {
8183
+ "text": "UmSnackbar"
8184
+ }
8185
+ },
8217
8186
  "parameters": [
8218
8187
  {
8219
- "name": "e",
8188
+ "name": "configOrLabel",
8220
8189
  "type": {
8221
- "text": "Event"
8190
+ "text": "SnackbarConfig | string"
8222
8191
  }
8223
8192
  }
8224
- ],
8225
- "inheritedFrom": {
8226
- "name": "UmSelectionControl",
8227
- "module": "src/shared/selection-control/selection-control.ts"
8228
- }
8229
- }
8230
- ],
8231
- "attributes": [
8193
+ ]
8194
+ },
8232
8195
  {
8233
- "name": "name",
8234
- "type": {
8235
- "text": "string | undefined"
8236
- },
8237
- "default": "''",
8238
- "fieldName": "name",
8239
- "inheritedFrom": {
8240
- "name": "UmSelectionControl",
8241
- "module": "src/shared/selection-control/selection-control.ts"
8242
- }
8196
+ "kind": "method",
8197
+ "name": "consumeQueue",
8198
+ "privacy": "private",
8199
+ "static": true
8243
8200
  },
8244
8201
  {
8245
- "name": "disabled",
8202
+ "kind": "method",
8203
+ "name": "showNext",
8204
+ "privacy": "private",
8205
+ "static": true
8206
+ },
8207
+ {
8208
+ "kind": "method",
8209
+ "name": "createSnackbar",
8210
+ "privacy": "private",
8211
+ "static": true,
8212
+ "return": {
8213
+ "type": {
8214
+ "text": "UmSnackbar"
8215
+ }
8216
+ },
8217
+ "parameters": [
8218
+ {
8219
+ "name": "config",
8220
+ "type": {
8221
+ "text": "SnackbarConfig"
8222
+ }
8223
+ }
8224
+ ]
8225
+ }
8226
+ ],
8227
+ "attributes": [
8228
+ {
8229
+ "name": "label",
8246
8230
  "type": {
8247
- "text": "boolean"
8231
+ "text": "string"
8248
8232
  },
8249
- "default": "false",
8250
- "fieldName": "disabled",
8251
- "inheritedFrom": {
8252
- "name": "UmSelectionControl",
8253
- "module": "src/shared/selection-control/selection-control.ts"
8254
- }
8233
+ "default": "''",
8234
+ "fieldName": "label"
8255
8235
  },
8256
8236
  {
8257
- "name": "value",
8237
+ "name": "buttonLabel",
8258
8238
  "type": {
8259
8239
  "text": "string"
8260
8240
  },
8261
- "default": "'on'",
8262
- "description": "The element value to use in form submission when checked.",
8263
- "fieldName": "value",
8264
- "inheritedFrom": {
8265
- "name": "UmSelectionControl",
8266
- "module": "src/shared/selection-control/selection-control.ts"
8267
- }
8241
+ "default": "''",
8242
+ "fieldName": "buttonLabel"
8268
8243
  },
8269
8244
  {
8270
- "name": "checked",
8271
- "fieldName": "checked",
8272
- "inheritedFrom": {
8273
- "name": "UmSelectionControl",
8274
- "module": "src/shared/selection-control/selection-control.ts"
8275
- }
8276
- }
8277
- ],
8278
- "events": [
8279
- {
8280
- "name": "input",
8245
+ "name": "show-close",
8281
8246
  "type": {
8282
- "text": "InputEvent"
8247
+ "text": "boolean"
8283
8248
  },
8284
- "inheritedFrom": {
8285
- "name": "UmSelectionControl",
8286
- "module": "src/shared/selection-control/selection-control.ts"
8287
- }
8249
+ "default": "false",
8250
+ "fieldName": "showClose"
8288
8251
  },
8289
8252
  {
8290
- "name": "change",
8253
+ "name": "dismissed",
8291
8254
  "type": {
8292
- "text": "Event"
8255
+ "text": "boolean"
8293
8256
  },
8294
- "inheritedFrom": {
8295
- "name": "UmSelectionControl",
8296
- "module": "src/shared/selection-control/selection-control.ts"
8297
- }
8257
+ "default": "false",
8258
+ "fieldName": "dismissed"
8298
8259
  }
8299
- ]
8260
+ ],
8261
+ "superclass": {
8262
+ "name": "LitElement",
8263
+ "package": "lit"
8264
+ },
8265
+ "tagName": "u-snackbar",
8266
+ "customElement": true
8300
8267
  }
8301
8268
  ],
8302
8269
  "exports": [
8303
8270
  {
8304
8271
  "kind": "js",
8305
- "name": "UmSwitchListItem",
8272
+ "name": "UmSnackbar",
8306
8273
  "declaration": {
8307
- "name": "UmSwitchListItem",
8308
- "module": "src/switch/switch-list-item.ts"
8274
+ "name": "UmSnackbar",
8275
+ "module": "src/snackbar/snackbar.ts"
8309
8276
  }
8310
8277
  },
8311
8278
  {
8312
8279
  "kind": "custom-element-definition",
8313
- "name": "u-switch-list-item",
8314
- "declaration": {
8315
- "name": "UmSwitchListItem",
8316
- "module": "src/switch/switch-list-item.ts"
8317
- }
8318
- }
8319
- ]
8320
- },
8321
- {
8322
- "kind": "javascript-module",
8323
- "path": "src/switch/switch.styles.ts",
8324
- "declarations": [
8325
- {
8326
- "kind": "variable",
8327
- "name": "styles",
8328
- "default": "css `\n :host {\n --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-switch-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_width: 3.25rem;\n --_height: 2rem;\n --_state-layer-padding: 0;\n --_selected-track-background: var(--u-switch-track-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n }\n\n .indicator-container {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n width: var(--_height);\n transition: width 200ms;\n }\n\n .state-layer,\n .indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .indicator {\n width: var(--_height);\n height: var(--_height);\n }\n\n .state-layer {\n flex-shrink: 0;\n width: var(--_state-layer-size);\n height: var(--_state-layer-size);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n .handle {\n width: var(--_unselected-handle-size);\n height: var(--_unselected-handle-size);\n background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n transition: background 200ms, width 200ms, height 200ms;\n }\n\n input {\n border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n background-color: var(--u-switch-unselected-track-background-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n transition: background 200ms, border-color 200ms;\n }\n input:checked {\n background-color: var(--_selected-track-background);\n border-color: var(--_selected-track-background);\n }\n input:checked ~ .indicator-container {\n width: 100%;\n }\n input:checked ~ .indicator-container .handle {\n width: var(--_selected-handle-size);\n height: var(--_selected-handle-size);\n background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .state-layer {\n background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n }\n }\n :host(:not([disabled]):active) .indicator-container .handle {\n width: var(--_active-handle-size);\n height: var(--_active-handle-size);\n }\n`"
8329
- }
8330
- ],
8331
- "exports": [
8332
- {
8333
- "kind": "js",
8334
- "name": "styles",
8280
+ "name": "u-snackbar",
8335
8281
  "declaration": {
8336
- "name": "styles",
8337
- "module": "src/switch/switch.styles.ts"
8282
+ "name": "UmSnackbar",
8283
+ "module": "src/snackbar/snackbar.ts"
8338
8284
  }
8339
8285
  }
8340
8286
  ]
8341
8287
  },
8342
8288
  {
8343
8289
  "kind": "javascript-module",
8344
- "path": "src/switch/switch.ts",
8290
+ "path": "src/switch/switch-list-item.ts",
8345
8291
  "declarations": [
8346
8292
  {
8347
8293
  "kind": "class",
8348
8294
  "description": "",
8349
- "name": "UmSwitch",
8295
+ "name": "UmSwitchListItem",
8296
+ "mixins": [
8297
+ {
8298
+ "name": "mixinSelectionControlListItem",
8299
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
8300
+ }
8301
+ ],
8302
+ "superclass": {
8303
+ "name": "UmSwitch",
8304
+ "module": "/src/switch/switch.js"
8305
+ },
8306
+ "tagName": "u-switch-list-item",
8307
+ "customElement": true,
8350
8308
  "members": [
8309
+ {
8310
+ "kind": "field",
8311
+ "name": "styles",
8312
+ "type": {
8313
+ "text": "array"
8314
+ },
8315
+ "static": true,
8316
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
8317
+ "inheritedFrom": {
8318
+ "name": "mixinSelectionControlListItem",
8319
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
8320
+ }
8321
+ },
8322
+ {
8323
+ "kind": "method",
8324
+ "name": "render",
8325
+ "return": {
8326
+ "type": {
8327
+ "text": "HTMLTemplateResult"
8328
+ }
8329
+ },
8330
+ "inheritedFrom": {
8331
+ "name": "mixinSelectionControlListItem",
8332
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
8333
+ }
8334
+ },
8351
8335
  {
8352
8336
  "kind": "field",
8353
8337
  "name": "renderRipple",
@@ -8515,12 +8499,6 @@
8515
8499
  }
8516
8500
  }
8517
8501
  ],
8518
- "superclass": {
8519
- "name": "UmSelectionControl",
8520
- "module": "/src/shared/selection-control/selection-control.js"
8521
- },
8522
- "tagName": "u-switch",
8523
- "customElement": true,
8524
8502
  "attributes": [
8525
8503
  {
8526
8504
  "name": "name",
@@ -8595,30 +8573,30 @@
8595
8573
  "exports": [
8596
8574
  {
8597
8575
  "kind": "js",
8598
- "name": "UmSwitch",
8576
+ "name": "UmSwitchListItem",
8599
8577
  "declaration": {
8600
- "name": "UmSwitch",
8601
- "module": "src/switch/switch.ts"
8578
+ "name": "UmSwitchListItem",
8579
+ "module": "src/switch/switch-list-item.ts"
8602
8580
  }
8603
8581
  },
8604
8582
  {
8605
8583
  "kind": "custom-element-definition",
8606
- "name": "u-switch",
8584
+ "name": "u-switch-list-item",
8607
8585
  "declaration": {
8608
- "name": "UmSwitch",
8609
- "module": "src/switch/switch.ts"
8586
+ "name": "UmSwitchListItem",
8587
+ "module": "src/switch/switch-list-item.ts"
8610
8588
  }
8611
8589
  }
8612
8590
  ]
8613
8591
  },
8614
8592
  {
8615
8593
  "kind": "javascript-module",
8616
- "path": "src/text-field/text-field.styles.ts",
8594
+ "path": "src/switch/switch.styles.ts",
8617
8595
  "declarations": [
8618
8596
  {
8619
8597
  "kind": "variable",
8620
8598
  "name": "styles",
8621
- "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`"
8599
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u-switch-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-switch-indicator-unselected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-switch-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-switch-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_width: 3.25rem;\n --_height: 2rem;\n --_state-layer-padding: 0;\n --_selected-track-background: var(--u-switch-track-background-color, var(--u-color-primary, rgb(103, 80, 164)));\n --_state-layer-size: var(--u-switch-state-layer-size, 2.5rem);\n --_unselected-color: var(--u-switch-track-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_unselected-handle-size: var(--u-swich-unselected-handle-size, 1rem);\n --_selected-handle-size: var(--u-swich-unselected-handle-size, 1.5rem);\n --_active-handle-size: var(--u-swich-unselected-handle-size, 1.75rem);\n }\n\n .indicator-container {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n width: var(--_height);\n transition: width 200ms;\n }\n\n .state-layer,\n .indicator {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .indicator {\n width: var(--_height);\n height: var(--_height);\n }\n\n .state-layer {\n flex-shrink: 0;\n width: var(--_state-layer-size);\n height: var(--_state-layer-size);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n .handle {\n width: var(--_unselected-handle-size);\n height: var(--_unselected-handle-size);\n background-color: var(--u-switch-unselected-handle-color, var(--_unselected-color));\n border-radius: var(--u-switch-handle-shape-corner, var(--u-shape-corner-full, 9999px));\n transition: background 200ms, width 200ms, height 200ms;\n }\n\n input {\n border: var(--u-switch-track-width, 0.125rem) solid var(--u-switch-unselected-track-outline-color, var(--_unselected-color));\n background-color: var(--u-switch-unselected-track-background-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n transition: background 200ms, border-color 200ms;\n }\n input:checked {\n background-color: var(--_selected-track-background);\n border-color: var(--_selected-track-background);\n }\n input:checked ~ .indicator-container {\n width: 100%;\n }\n input:checked ~ .indicator-container .handle {\n width: var(--_selected-handle-size);\n height: var(--_selected-handle-size);\n background-color: var(--u-switch-selected-handle-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .state-layer {\n background-color: rgba(var(--u-color-on-surface-rgb, ), var(--u-switch-state-layer-hover-opacity, var(--u-state-hover-opacity, 0.08)));\n }\n }\n :host(:not([disabled]):active) .indicator-container .handle {\n width: var(--_active-handle-size);\n height: var(--_active-handle-size);\n }\n`"
8622
8600
  }
8623
8601
  ],
8624
8602
  "exports": [
@@ -8627,64 +8605,36 @@
8627
8605
  "name": "styles",
8628
8606
  "declaration": {
8629
8607
  "name": "styles",
8630
- "module": "src/text-field/text-field.styles.ts"
8608
+ "module": "src/switch/switch.styles.ts"
8631
8609
  }
8632
8610
  }
8633
8611
  ]
8634
8612
  },
8635
8613
  {
8636
8614
  "kind": "javascript-module",
8637
- "path": "src/text-field/text-field.ts",
8615
+ "path": "src/switch/switch.ts",
8638
8616
  "declarations": [
8639
8617
  {
8640
8618
  "kind": "class",
8641
8619
  "description": "",
8642
- "name": "UmTextField",
8620
+ "name": "UmSwitch",
8643
8621
  "members": [
8644
8622
  {
8645
8623
  "kind": "field",
8646
- "name": "#value",
8647
- "privacy": "private",
8648
- "type": {
8649
- "text": "string"
8650
- },
8651
- "default": "''"
8652
- },
8653
- {
8654
- "kind": "field",
8655
- "name": "value",
8656
- "attribute": "value"
8657
- },
8658
- {
8659
- "kind": "field",
8660
- "name": "prefixText",
8661
- "type": {
8662
- "text": "string | undefined"
8663
- },
8664
- "attribute": "prefix-text"
8665
- },
8666
- {
8667
- "kind": "field",
8668
- "name": "suffixText",
8624
+ "name": "renderRipple",
8669
8625
  "type": {
8670
- "text": "string | undefined"
8626
+ "text": "boolean"
8671
8627
  },
8672
- "attribute": "suffix-text"
8673
- },
8674
- {
8675
- "kind": "field",
8676
- "name": "input",
8677
- "type": {
8678
- "text": "HTMLInputElement"
8628
+ "privacy": "protected",
8629
+ "default": "false",
8630
+ "inheritedFrom": {
8631
+ "name": "UmSelectionControl",
8632
+ "module": "src/shared/selection-control/selection-control.ts"
8679
8633
  }
8680
8634
  },
8681
8635
  {
8682
8636
  "kind": "method",
8683
- "name": "focus"
8684
- },
8685
- {
8686
- "kind": "method",
8687
- "name": "renderContent",
8637
+ "name": "renderIndicator",
8688
8638
  "privacy": "protected",
8689
8639
  "return": {
8690
8640
  "type": {
@@ -8692,861 +8642,704 @@
8692
8642
  }
8693
8643
  },
8694
8644
  "inheritedFrom": {
8695
- "name": "UmTextFieldBase",
8696
- "module": "src/shared/text-field-base/text-field-base.ts"
8645
+ "name": "UmSelectionControl",
8646
+ "module": "src/shared/selection-control/selection-control.ts"
8697
8647
  }
8698
8648
  },
8699
8649
  {
8700
8650
  "kind": "field",
8701
- "name": "empty",
8651
+ "name": "formAssociated",
8702
8652
  "type": {
8703
8653
  "text": "boolean"
8704
8654
  },
8655
+ "static": true,
8656
+ "default": "true",
8705
8657
  "inheritedFrom": {
8706
- "name": "UmTextFieldBase",
8707
- "module": "src/shared/text-field-base/text-field-base.ts"
8708
- }
8709
- },
8710
- {
8711
- "kind": "method",
8712
- "name": "#handleInput"
8713
- },
8714
- {
8715
- "kind": "field",
8716
- "name": "formAssociated",
8717
- "type": {
8718
- "text": "boolean"
8719
- },
8720
- "static": true,
8721
- "default": "true",
8722
- "inheritedFrom": {
8723
- "name": "UmTextFieldBase",
8724
- "module": "src/shared/text-field-base/text-field-base.ts"
8725
- }
8726
- },
8727
- {
8728
- "kind": "field",
8729
- "name": "shadowRootOptions",
8730
- "type": {
8731
- "text": "ShadowRootInit"
8732
- },
8733
- "static": true,
8734
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
8735
- "inheritedFrom": {
8736
- "name": "UmTextFieldBase",
8737
- "module": "src/shared/text-field-base/text-field-base.ts"
8738
- }
8739
- },
8740
- {
8741
- "kind": "field",
8742
- "name": "variant",
8743
- "attribute": "variant",
8744
- "inheritedFrom": {
8745
- "name": "UmTextFieldBase",
8746
- "module": "src/shared/text-field-base/text-field-base.ts"
8658
+ "name": "UmSelectionControl",
8659
+ "module": "src/shared/selection-control/selection-control.ts"
8747
8660
  }
8748
8661
  },
8749
8662
  {
8750
8663
  "kind": "field",
8751
- "name": "label",
8664
+ "name": "elementInternals",
8752
8665
  "type": {
8753
- "text": "string | undefined"
8666
+ "text": "ElementInternals"
8754
8667
  },
8755
- "attribute": "label",
8668
+ "privacy": "protected",
8756
8669
  "inheritedFrom": {
8757
- "name": "UmTextFieldBase",
8758
- "module": "src/shared/text-field-base/text-field-base.ts"
8670
+ "name": "UmSelectionControl",
8671
+ "module": "src/shared/selection-control/selection-control.ts"
8759
8672
  }
8760
8673
  },
8761
8674
  {
8762
8675
  "kind": "field",
8763
- "name": "counter",
8676
+ "name": "name",
8764
8677
  "type": {
8765
8678
  "text": "string | undefined"
8766
8679
  },
8767
- "attribute": "counter",
8680
+ "default": "''",
8681
+ "attribute": "name",
8768
8682
  "inheritedFrom": {
8769
- "name": "UmTextFieldBase",
8770
- "module": "src/shared/text-field-base/text-field-base.ts"
8683
+ "name": "UmSelectionControl",
8684
+ "module": "src/shared/selection-control/selection-control.ts"
8771
8685
  }
8772
8686
  },
8773
8687
  {
8774
8688
  "kind": "field",
8775
- "name": "placeholder",
8689
+ "name": "disabled",
8776
8690
  "type": {
8777
- "text": "string | undefined"
8691
+ "text": "boolean"
8778
8692
  },
8779
- "attribute": "placeholder",
8693
+ "default": "false",
8694
+ "attribute": "disabled",
8780
8695
  "reflects": true,
8781
8696
  "inheritedFrom": {
8782
- "name": "UmTextFieldBase",
8783
- "module": "src/shared/text-field-base/text-field-base.ts"
8697
+ "name": "UmSelectionControl",
8698
+ "module": "src/shared/selection-control/selection-control.ts"
8784
8699
  }
8785
8700
  },
8786
8701
  {
8787
8702
  "kind": "field",
8788
- "name": "supportingText",
8703
+ "name": "input",
8789
8704
  "type": {
8790
- "text": "string | undefined"
8705
+ "text": "HTMLInputElement"
8791
8706
  },
8792
- "attribute": "supporting-text",
8793
8707
  "inheritedFrom": {
8794
- "name": "UmTextFieldBase",
8795
- "module": "src/shared/text-field-base/text-field-base.ts"
8708
+ "name": "UmSelectionControl",
8709
+ "module": "src/shared/selection-control/selection-control.ts"
8796
8710
  }
8797
8711
  },
8798
8712
  {
8799
8713
  "kind": "field",
8800
- "name": "errorText",
8714
+ "name": "form",
8801
8715
  "type": {
8802
- "text": "string | undefined"
8716
+ "text": "HTMLFormElement | null"
8803
8717
  },
8804
- "attribute": "error-text",
8805
8718
  "inheritedFrom": {
8806
- "name": "UmTextFieldBase",
8807
- "module": "src/shared/text-field-base/text-field-base.ts"
8719
+ "name": "UmSelectionControl",
8720
+ "module": "src/shared/selection-control/selection-control.ts"
8808
8721
  }
8809
8722
  },
8810
8723
  {
8811
8724
  "kind": "field",
8812
- "name": "disabled",
8725
+ "name": "#checked",
8726
+ "privacy": "private",
8813
8727
  "type": {
8814
8728
  "text": "boolean"
8815
8729
  },
8816
8730
  "default": "false",
8817
- "attribute": "disabled",
8818
- "reflects": true,
8819
8731
  "inheritedFrom": {
8820
- "name": "UmTextFieldBase",
8821
- "module": "src/shared/text-field-base/text-field-base.ts"
8732
+ "name": "UmSelectionControl",
8733
+ "module": "src/shared/selection-control/selection-control.ts"
8822
8734
  }
8823
8735
  },
8824
8736
  {
8825
8737
  "kind": "field",
8826
- "name": "invalid",
8738
+ "name": "inputType",
8827
8739
  "type": {
8828
- "text": "boolean"
8740
+ "text": "'checkbox' | 'radio'"
8829
8741
  },
8830
- "default": "false",
8831
- "attribute": "invalid",
8832
- "reflects": true,
8742
+ "privacy": "protected",
8743
+ "default": "'checkbox'",
8833
8744
  "inheritedFrom": {
8834
- "name": "UmTextFieldBase",
8835
- "module": "src/shared/text-field-base/text-field-base.ts"
8745
+ "name": "UmSelectionControl",
8746
+ "module": "src/shared/selection-control/selection-control.ts"
8836
8747
  }
8837
8748
  },
8838
8749
  {
8839
8750
  "kind": "field",
8840
- "name": "form",
8751
+ "name": "value",
8841
8752
  "type": {
8842
- "text": "HTMLFormElement | null"
8753
+ "text": "string"
8843
8754
  },
8755
+ "default": "'on'",
8756
+ "description": "The element value to use in form submission when checked.",
8757
+ "attribute": "value",
8844
8758
  "inheritedFrom": {
8845
- "name": "UmTextFieldBase",
8846
- "module": "src/shared/text-field-base/text-field-base.ts"
8759
+ "name": "UmSelectionControl",
8760
+ "module": "src/shared/selection-control/selection-control.ts"
8847
8761
  }
8848
8762
  },
8849
8763
  {
8850
8764
  "kind": "field",
8851
- "name": "elementInternals",
8852
- "type": {
8853
- "text": "ElementInternals"
8854
- },
8855
- "privacy": "protected",
8856
- "inheritedFrom": {
8857
- "name": "UmTextFieldBase",
8858
- "module": "src/shared/text-field-base/text-field-base.ts"
8859
- }
8860
- }
8861
- ],
8862
- "attributes": [
8863
- {
8864
- "name": "value",
8865
- "fieldName": "value"
8866
- },
8867
- {
8868
- "name": "prefix-text",
8869
- "type": {
8870
- "text": "string | undefined"
8871
- },
8872
- "fieldName": "prefixText"
8873
- },
8874
- {
8875
- "name": "suffix-text",
8876
- "type": {
8877
- "text": "string | undefined"
8878
- },
8879
- "fieldName": "suffixText"
8880
- },
8881
- {
8882
- "name": "variant",
8883
- "fieldName": "variant",
8765
+ "name": "checked",
8766
+ "attribute": "checked",
8884
8767
  "inheritedFrom": {
8885
- "name": "UmTextFieldBase",
8886
- "module": "src/shared/text-field-base/text-field-base.ts"
8768
+ "name": "UmSelectionControl",
8769
+ "module": "src/shared/selection-control/selection-control.ts"
8887
8770
  }
8888
8771
  },
8889
8772
  {
8890
- "name": "label",
8891
- "type": {
8892
- "text": "string | undefined"
8893
- },
8894
- "fieldName": "label",
8773
+ "kind": "method",
8774
+ "name": "#handleClick",
8775
+ "parameters": [
8776
+ {
8777
+ "name": "e",
8778
+ "type": {
8779
+ "text": "Event"
8780
+ }
8781
+ }
8782
+ ],
8895
8783
  "inheritedFrom": {
8896
- "name": "UmTextFieldBase",
8897
- "module": "src/shared/text-field-base/text-field-base.ts"
8784
+ "name": "UmSelectionControl",
8785
+ "module": "src/shared/selection-control/selection-control.ts"
8898
8786
  }
8899
- },
8787
+ }
8788
+ ],
8789
+ "superclass": {
8790
+ "name": "UmSelectionControl",
8791
+ "module": "/src/shared/selection-control/selection-control.js"
8792
+ },
8793
+ "tagName": "u-switch",
8794
+ "customElement": true,
8795
+ "attributes": [
8900
8796
  {
8901
- "name": "counter",
8797
+ "name": "name",
8902
8798
  "type": {
8903
8799
  "text": "string | undefined"
8904
8800
  },
8905
- "fieldName": "counter",
8801
+ "default": "''",
8802
+ "fieldName": "name",
8906
8803
  "inheritedFrom": {
8907
- "name": "UmTextFieldBase",
8908
- "module": "src/shared/text-field-base/text-field-base.ts"
8804
+ "name": "UmSelectionControl",
8805
+ "module": "src/shared/selection-control/selection-control.ts"
8909
8806
  }
8910
8807
  },
8911
8808
  {
8912
- "name": "placeholder",
8809
+ "name": "disabled",
8913
8810
  "type": {
8914
- "text": "string | undefined"
8811
+ "text": "boolean"
8915
8812
  },
8916
- "fieldName": "placeholder",
8813
+ "default": "false",
8814
+ "fieldName": "disabled",
8917
8815
  "inheritedFrom": {
8918
- "name": "UmTextFieldBase",
8919
- "module": "src/shared/text-field-base/text-field-base.ts"
8816
+ "name": "UmSelectionControl",
8817
+ "module": "src/shared/selection-control/selection-control.ts"
8920
8818
  }
8921
8819
  },
8922
8820
  {
8923
- "name": "supporting-text",
8821
+ "name": "value",
8924
8822
  "type": {
8925
- "text": "string | undefined"
8823
+ "text": "string"
8926
8824
  },
8927
- "fieldName": "supportingText",
8825
+ "default": "'on'",
8826
+ "description": "The element value to use in form submission when checked.",
8827
+ "fieldName": "value",
8928
8828
  "inheritedFrom": {
8929
- "name": "UmTextFieldBase",
8930
- "module": "src/shared/text-field-base/text-field-base.ts"
8829
+ "name": "UmSelectionControl",
8830
+ "module": "src/shared/selection-control/selection-control.ts"
8931
8831
  }
8932
8832
  },
8933
8833
  {
8934
- "name": "error-text",
8935
- "type": {
8936
- "text": "string | undefined"
8937
- },
8938
- "fieldName": "errorText",
8834
+ "name": "checked",
8835
+ "fieldName": "checked",
8939
8836
  "inheritedFrom": {
8940
- "name": "UmTextFieldBase",
8941
- "module": "src/shared/text-field-base/text-field-base.ts"
8837
+ "name": "UmSelectionControl",
8838
+ "module": "src/shared/selection-control/selection-control.ts"
8942
8839
  }
8943
- },
8840
+ }
8841
+ ],
8842
+ "events": [
8944
8843
  {
8945
- "name": "disabled",
8844
+ "name": "input",
8946
8845
  "type": {
8947
- "text": "boolean"
8846
+ "text": "InputEvent"
8948
8847
  },
8949
- "default": "false",
8950
- "fieldName": "disabled",
8951
8848
  "inheritedFrom": {
8952
- "name": "UmTextFieldBase",
8953
- "module": "src/shared/text-field-base/text-field-base.ts"
8849
+ "name": "UmSelectionControl",
8850
+ "module": "src/shared/selection-control/selection-control.ts"
8954
8851
  }
8955
8852
  },
8956
8853
  {
8957
- "name": "invalid",
8854
+ "name": "change",
8958
8855
  "type": {
8959
- "text": "boolean"
8856
+ "text": "Event"
8960
8857
  },
8961
- "default": "false",
8962
- "fieldName": "invalid",
8963
8858
  "inheritedFrom": {
8964
- "name": "UmTextFieldBase",
8965
- "module": "src/shared/text-field-base/text-field-base.ts"
8859
+ "name": "UmSelectionControl",
8860
+ "module": "src/shared/selection-control/selection-control.ts"
8966
8861
  }
8967
8862
  }
8968
- ],
8969
- "superclass": {
8970
- "name": "UmTextFieldBase",
8971
- "module": "/src/shared/text-field-base/text-field-base.js"
8972
- },
8973
- "tagName": "u-text-field",
8974
- "customElement": true
8863
+ ]
8975
8864
  }
8976
8865
  ],
8977
8866
  "exports": [
8978
8867
  {
8979
8868
  "kind": "js",
8980
- "name": "UmTextField",
8869
+ "name": "UmSwitch",
8981
8870
  "declaration": {
8982
- "name": "UmTextField",
8983
- "module": "src/text-field/text-field.ts"
8871
+ "name": "UmSwitch",
8872
+ "module": "src/switch/switch.ts"
8984
8873
  }
8985
8874
  },
8986
8875
  {
8987
8876
  "kind": "custom-element-definition",
8988
- "name": "u-text-field",
8989
- "declaration": {
8990
- "name": "UmTextField",
8991
- "module": "src/text-field/text-field.ts"
8992
- }
8993
- }
8994
- ]
8995
- },
8996
- {
8997
- "kind": "javascript-module",
8998
- "path": "src/theme/color.ts",
8999
- "declarations": [],
9000
- "exports": []
9001
- },
9002
- {
9003
- "kind": "javascript-module",
9004
- "path": "src/theme/css-var-builder.ts",
9005
- "declarations": [
9006
- {
9007
- "kind": "class",
9008
- "description": "",
9009
- "name": "CssVarBuilder",
9010
- "members": [
9011
- {
9012
- "kind": "field",
9013
- "name": "content",
9014
- "type": {
9015
- "text": "string"
9016
- },
9017
- "privacy": "private",
9018
- "default": "''"
9019
- },
9020
- {
9021
- "kind": "method",
9022
- "name": "create",
9023
- "static": true,
9024
- "return": {
9025
- "type": {
9026
- "text": "CssVarBuilder"
9027
- }
9028
- }
9029
- },
9030
- {
9031
- "kind": "method",
9032
- "name": "add",
9033
- "return": {
9034
- "type": {
9035
- "text": "CssVarBuilder"
9036
- }
9037
- },
9038
- "parameters": [
9039
- {
9040
- "name": "name",
9041
- "type": {
9042
- "text": "string"
9043
- }
9044
- },
9045
- {
9046
- "name": "value",
9047
- "type": {
9048
- "text": "string"
9049
- }
9050
- }
9051
- ]
9052
- },
9053
- {
9054
- "kind": "method",
9055
- "name": "addFromArgb",
9056
- "return": {
9057
- "type": {
9058
- "text": "CssVarBuilder"
9059
- }
9060
- },
9061
- "parameters": [
9062
- {
9063
- "name": "name",
9064
- "type": {
9065
- "text": "string"
9066
- }
9067
- },
9068
- {
9069
- "name": "argb",
9070
- "type": {
9071
- "text": "number"
9072
- }
9073
- }
9074
- ]
9075
- },
9076
- {
9077
- "kind": "method",
9078
- "name": "build",
9079
- "return": {
9080
- "type": {
9081
- "text": "string"
9082
- }
9083
- }
9084
- }
9085
- ]
9086
- }
9087
- ],
9088
- "exports": [
9089
- {
9090
- "kind": "js",
9091
- "name": "CssVarBuilder",
9092
- "declaration": {
9093
- "name": "CssVarBuilder",
9094
- "module": "src/theme/css-var-builder.ts"
9095
- }
9096
- }
9097
- ]
9098
- },
9099
- {
9100
- "kind": "javascript-module",
9101
- "path": "src/theme/index.ts",
9102
- "declarations": [],
9103
- "exports": [
9104
- {
9105
- "kind": "js",
9106
- "name": "*",
8877
+ "name": "u-switch",
9107
8878
  "declaration": {
9108
- "name": "*",
9109
- "package": "./theme-builder.js"
8879
+ "name": "UmSwitch",
8880
+ "module": "src/switch/switch.ts"
9110
8881
  }
9111
8882
  }
9112
8883
  ]
9113
8884
  },
9114
8885
  {
9115
8886
  "kind": "javascript-module",
9116
- "path": "src/theme/neutral-colors.ts",
8887
+ "path": "src/text-field/text-field.styles.ts",
9117
8888
  "declarations": [
9118
8889
  {
9119
8890
  "kind": "variable",
9120
- "name": "neutralColors",
9121
- "type": {
9122
- "text": "Color[]"
9123
- },
9124
- "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]"
9125
- },
9126
- {
9127
- "kind": "variable",
9128
- "name": "neutralVariantColors",
9129
- "type": {
9130
- "text": "Color[]"
9131
- },
9132
- "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]"
8891
+ "name": "styles",
8892
+ "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`"
9133
8893
  }
9134
8894
  ],
9135
8895
  "exports": [
9136
8896
  {
9137
8897
  "kind": "js",
9138
- "name": "neutralColors",
9139
- "declaration": {
9140
- "name": "neutralColors",
9141
- "module": "src/theme/neutral-colors.ts"
9142
- }
9143
- },
9144
- {
9145
- "kind": "js",
9146
- "name": "neutralVariantColors",
8898
+ "name": "styles",
9147
8899
  "declaration": {
9148
- "name": "neutralVariantColors",
9149
- "module": "src/theme/neutral-colors.ts"
8900
+ "name": "styles",
8901
+ "module": "src/text-field/text-field.styles.ts"
9150
8902
  }
9151
8903
  }
9152
8904
  ]
9153
8905
  },
9154
8906
  {
9155
8907
  "kind": "javascript-module",
9156
- "path": "src/theme/rgb-color.ts",
8908
+ "path": "src/text-field/text-field.ts",
9157
8909
  "declarations": [
9158
8910
  {
9159
8911
  "kind": "class",
9160
8912
  "description": "",
9161
- "name": "RgbColor",
8913
+ "name": "UmTextField",
9162
8914
  "members": [
9163
8915
  {
9164
8916
  "kind": "field",
9165
- "name": "r",
8917
+ "name": "#value",
8918
+ "privacy": "private",
9166
8919
  "type": {
9167
- "text": "number"
8920
+ "text": "string"
9168
8921
  },
9169
- "default": "r"
8922
+ "default": "''"
9170
8923
  },
9171
8924
  {
9172
8925
  "kind": "field",
9173
- "name": "g",
8926
+ "name": "value",
8927
+ "attribute": "value"
8928
+ },
8929
+ {
8930
+ "kind": "field",
8931
+ "name": "prefixText",
9174
8932
  "type": {
9175
- "text": "number"
8933
+ "text": "string | undefined"
9176
8934
  },
9177
- "default": "g"
8935
+ "attribute": "prefix-text"
9178
8936
  },
9179
8937
  {
9180
8938
  "kind": "field",
9181
- "name": "b",
8939
+ "name": "suffixText",
9182
8940
  "type": {
9183
- "text": "number"
8941
+ "text": "string | undefined"
9184
8942
  },
9185
- "default": "b"
8943
+ "attribute": "suffix-text"
8944
+ },
8945
+ {
8946
+ "kind": "field",
8947
+ "name": "input",
8948
+ "type": {
8949
+ "text": "HTMLInputElement"
8950
+ }
9186
8951
  },
9187
8952
  {
9188
8953
  "kind": "method",
9189
- "name": "fromArgb",
9190
- "static": true,
8954
+ "name": "focus"
8955
+ },
8956
+ {
8957
+ "kind": "method",
8958
+ "name": "renderContent",
8959
+ "privacy": "protected",
9191
8960
  "return": {
9192
8961
  "type": {
9193
- "text": "RgbColor"
8962
+ "text": "HTMLTemplateResult"
9194
8963
  }
9195
8964
  },
9196
- "parameters": [
9197
- {
9198
- "name": "argb",
9199
- "type": {
9200
- "text": "number"
9201
- }
9202
- }
9203
- ]
8965
+ "inheritedFrom": {
8966
+ "name": "UmTextFieldBase",
8967
+ "module": "src/shared/text-field-base/text-field-base.ts"
8968
+ }
9204
8969
  },
9205
8970
  {
9206
8971
  "kind": "field",
9207
- "name": "toString"
9208
- }
9209
- ]
9210
- }
9211
- ],
9212
- "exports": [
9213
- {
9214
- "kind": "js",
9215
- "name": "RgbColor",
9216
- "declaration": {
9217
- "name": "RgbColor",
9218
- "module": "src/theme/rgb-color.ts"
9219
- }
9220
- }
9221
- ]
9222
- },
9223
- {
9224
- "kind": "javascript-module",
9225
- "path": "src/theme/theme-builder.ts",
9226
- "declarations": [
9227
- {
9228
- "kind": "class",
9229
- "description": "",
9230
- "name": "ThemeBuilder",
9231
- "members": [
9232
- {
9233
- "kind": "field",
9234
- "name": "cssClass",
8972
+ "name": "empty",
9235
8973
  "type": {
9236
- "text": "string | null"
8974
+ "text": "boolean"
9237
8975
  },
9238
- "default": "null"
8976
+ "inheritedFrom": {
8977
+ "name": "UmTextFieldBase",
8978
+ "module": "src/shared/text-field-base/text-field-base.ts"
8979
+ }
8980
+ },
8981
+ {
8982
+ "kind": "method",
8983
+ "name": "#handleInput"
9239
8984
  },
9240
8985
  {
9241
8986
  "kind": "field",
9242
- "name": "colors",
8987
+ "name": "formAssociated",
9243
8988
  "type": {
9244
- "text": "ThemeColor[]"
8989
+ "text": "boolean"
9245
8990
  },
9246
- "default": "[]"
8991
+ "static": true,
8992
+ "default": "true",
8993
+ "inheritedFrom": {
8994
+ "name": "UmTextFieldBase",
8995
+ "module": "src/shared/text-field-base/text-field-base.ts"
8996
+ }
9247
8997
  },
9248
8998
  {
9249
8999
  "kind": "field",
9250
- "name": "neutralColorPalette",
9000
+ "name": "shadowRootOptions",
9251
9001
  "type": {
9252
- "text": "TonalPalette"
9002
+ "text": "ShadowRootInit"
9003
+ },
9004
+ "static": true,
9005
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9006
+ "inheritedFrom": {
9007
+ "name": "UmTextFieldBase",
9008
+ "module": "src/shared/text-field-base/text-field-base.ts"
9253
9009
  }
9254
9010
  },
9255
9011
  {
9256
9012
  "kind": "field",
9257
- "name": "neutralVariantColorPalette",
9013
+ "name": "variant",
9014
+ "attribute": "variant",
9015
+ "inheritedFrom": {
9016
+ "name": "UmTextFieldBase",
9017
+ "module": "src/shared/text-field-base/text-field-base.ts"
9018
+ }
9019
+ },
9020
+ {
9021
+ "kind": "field",
9022
+ "name": "label",
9258
9023
  "type": {
9259
- "text": "TonalPalette"
9024
+ "text": "string | undefined"
9025
+ },
9026
+ "attribute": "label",
9027
+ "inheritedFrom": {
9028
+ "name": "UmTextFieldBase",
9029
+ "module": "src/shared/text-field-base/text-field-base.ts"
9260
9030
  }
9261
9031
  },
9262
9032
  {
9263
9033
  "kind": "field",
9264
- "name": "partial",
9034
+ "name": "counter",
9035
+ "type": {
9036
+ "text": "string | undefined"
9037
+ },
9038
+ "attribute": "counter",
9039
+ "inheritedFrom": {
9040
+ "name": "UmTextFieldBase",
9041
+ "module": "src/shared/text-field-base/text-field-base.ts"
9042
+ }
9043
+ },
9044
+ {
9045
+ "kind": "field",
9046
+ "name": "placeholder",
9047
+ "type": {
9048
+ "text": "string | undefined"
9049
+ },
9050
+ "attribute": "placeholder",
9051
+ "reflects": true,
9052
+ "inheritedFrom": {
9053
+ "name": "UmTextFieldBase",
9054
+ "module": "src/shared/text-field-base/text-field-base.ts"
9055
+ }
9056
+ },
9057
+ {
9058
+ "kind": "field",
9059
+ "name": "supportingText",
9060
+ "type": {
9061
+ "text": "string | undefined"
9062
+ },
9063
+ "attribute": "supporting-text",
9064
+ "inheritedFrom": {
9065
+ "name": "UmTextFieldBase",
9066
+ "module": "src/shared/text-field-base/text-field-base.ts"
9067
+ }
9068
+ },
9069
+ {
9070
+ "kind": "field",
9071
+ "name": "errorText",
9072
+ "type": {
9073
+ "text": "string | undefined"
9074
+ },
9075
+ "attribute": "error-text",
9076
+ "inheritedFrom": {
9077
+ "name": "UmTextFieldBase",
9078
+ "module": "src/shared/text-field-base/text-field-base.ts"
9079
+ }
9080
+ },
9081
+ {
9082
+ "kind": "field",
9083
+ "name": "disabled",
9265
9084
  "type": {
9266
9085
  "text": "boolean"
9267
9086
  },
9268
- "privacy": "private",
9269
- "default": "false"
9087
+ "default": "false",
9088
+ "attribute": "disabled",
9089
+ "reflects": true,
9090
+ "inheritedFrom": {
9091
+ "name": "UmTextFieldBase",
9092
+ "module": "src/shared/text-field-base/text-field-base.ts"
9093
+ }
9270
9094
  },
9271
9095
  {
9272
- "kind": "method",
9273
- "name": "create",
9274
- "static": true,
9275
- "return": {
9276
- "type": {
9277
- "text": "ThemeBuilder"
9278
- }
9096
+ "kind": "field",
9097
+ "name": "invalid",
9098
+ "type": {
9099
+ "text": "boolean"
9279
9100
  },
9280
- "parameters": [
9281
- {
9282
- "name": "primaryColorHex",
9283
- "type": {
9284
- "text": "string"
9285
- }
9286
- }
9287
- ]
9101
+ "default": "false",
9102
+ "attribute": "invalid",
9103
+ "reflects": true,
9104
+ "inheritedFrom": {
9105
+ "name": "UmTextFieldBase",
9106
+ "module": "src/shared/text-field-base/text-field-base.ts"
9107
+ }
9288
9108
  },
9289
9109
  {
9290
- "kind": "method",
9291
- "name": "createPartial",
9292
- "static": true,
9293
- "return": {
9294
- "type": {
9295
- "text": "ThemeBuilder"
9296
- }
9110
+ "kind": "field",
9111
+ "name": "form",
9112
+ "type": {
9113
+ "text": "HTMLFormElement | null"
9114
+ },
9115
+ "inheritedFrom": {
9116
+ "name": "UmTextFieldBase",
9117
+ "module": "src/shared/text-field-base/text-field-base.ts"
9297
9118
  }
9298
9119
  },
9299
9120
  {
9300
- "kind": "method",
9301
- "name": "addColorFromHex",
9302
- "return": {
9303
- "type": {
9304
- "text": "ThemeBuilder"
9305
- }
9121
+ "kind": "field",
9122
+ "name": "elementInternals",
9123
+ "type": {
9124
+ "text": "ElementInternals"
9306
9125
  },
9307
- "parameters": [
9308
- {
9309
- "name": "name",
9310
- "type": {
9311
- "text": "string"
9312
- }
9313
- },
9314
- {
9315
- "name": "hex",
9316
- "type": {
9317
- "text": "string"
9318
- }
9319
- }
9320
- ]
9126
+ "privacy": "protected",
9127
+ "inheritedFrom": {
9128
+ "name": "UmTextFieldBase",
9129
+ "module": "src/shared/text-field-base/text-field-base.ts"
9130
+ }
9131
+ }
9132
+ ],
9133
+ "attributes": [
9134
+ {
9135
+ "name": "value",
9136
+ "fieldName": "value"
9321
9137
  },
9322
9138
  {
9323
- "kind": "method",
9324
- "name": "addColorFromPalette",
9325
- "return": {
9326
- "type": {
9327
- "text": "ThemeBuilder"
9328
- }
9139
+ "name": "prefix-text",
9140
+ "type": {
9141
+ "text": "string | undefined"
9329
9142
  },
9330
- "parameters": [
9331
- {
9332
- "name": "name",
9333
- "type": {
9334
- "text": "string"
9335
- }
9336
- },
9337
- {
9338
- "name": "palette",
9339
- "type": {
9340
- "text": "TonalPalette"
9341
- }
9342
- }
9343
- ]
9143
+ "fieldName": "prefixText"
9344
9144
  },
9345
9145
  {
9346
- "kind": "method",
9347
- "name": "addFixedColor",
9348
- "return": {
9349
- "type": {
9350
- "text": "ThemeBuilder"
9351
- }
9146
+ "name": "suffix-text",
9147
+ "type": {
9148
+ "text": "string | undefined"
9352
9149
  },
9353
- "parameters": [
9354
- {
9355
- "name": "name",
9356
- "type": {
9357
- "text": "string"
9358
- }
9359
- },
9360
- {
9361
- "name": "hex",
9362
- "type": {
9363
- "text": "string"
9364
- }
9365
- }
9366
- ]
9150
+ "fieldName": "suffixText"
9367
9151
  },
9368
9152
  {
9369
- "kind": "method",
9370
- "name": "setCssClass",
9371
- "return": {
9372
- "type": {
9373
- "text": "ThemeBuilder"
9374
- }
9153
+ "name": "variant",
9154
+ "fieldName": "variant",
9155
+ "inheritedFrom": {
9156
+ "name": "UmTextFieldBase",
9157
+ "module": "src/shared/text-field-base/text-field-base.ts"
9158
+ }
9159
+ },
9160
+ {
9161
+ "name": "label",
9162
+ "type": {
9163
+ "text": "string | undefined"
9375
9164
  },
9376
- "parameters": [
9377
- {
9378
- "name": "cssClass",
9379
- "type": {
9380
- "text": "string"
9381
- }
9382
- }
9383
- ]
9165
+ "fieldName": "label",
9166
+ "inheritedFrom": {
9167
+ "name": "UmTextFieldBase",
9168
+ "module": "src/shared/text-field-base/text-field-base.ts"
9169
+ }
9384
9170
  },
9385
9171
  {
9386
- "kind": "method",
9387
- "name": "ensureCssClassStartsWithDot",
9388
- "privacy": "private",
9389
- "return": {
9390
- "type": {
9391
- "text": "void"
9392
- }
9172
+ "name": "counter",
9173
+ "type": {
9174
+ "text": "string | undefined"
9175
+ },
9176
+ "fieldName": "counter",
9177
+ "inheritedFrom": {
9178
+ "name": "UmTextFieldBase",
9179
+ "module": "src/shared/text-field-base/text-field-base.ts"
9393
9180
  }
9394
9181
  },
9395
9182
  {
9396
- "kind": "method",
9397
- "name": "ensureThemeColors",
9398
- "privacy": "private",
9399
- "return": {
9400
- "type": {
9401
- "text": "void"
9402
- }
9183
+ "name": "placeholder",
9184
+ "type": {
9185
+ "text": "string | undefined"
9186
+ },
9187
+ "fieldName": "placeholder",
9188
+ "inheritedFrom": {
9189
+ "name": "UmTextFieldBase",
9190
+ "module": "src/shared/text-field-base/text-field-base.ts"
9403
9191
  }
9404
9192
  },
9405
9193
  {
9406
- "kind": "method",
9407
- "name": "getNeutralVariables",
9408
- "privacy": "private",
9409
- "return": {
9410
- "type": {
9411
- "text": "string"
9412
- }
9194
+ "name": "supporting-text",
9195
+ "type": {
9196
+ "text": "string | undefined"
9413
9197
  },
9414
- "parameters": [
9415
- {
9416
- "name": "dark",
9417
- "type": {
9418
- "text": "boolean"
9419
- }
9420
- }
9421
- ]
9198
+ "fieldName": "supportingText",
9199
+ "inheritedFrom": {
9200
+ "name": "UmTextFieldBase",
9201
+ "module": "src/shared/text-field-base/text-field-base.ts"
9202
+ }
9422
9203
  },
9423
9204
  {
9424
- "kind": "method",
9425
- "name": "getNeutralVariantVariables",
9426
- "privacy": "private",
9427
- "return": {
9428
- "type": {
9429
- "text": "string"
9430
- }
9205
+ "name": "error-text",
9206
+ "type": {
9207
+ "text": "string | undefined"
9431
9208
  },
9432
- "parameters": [
9433
- {
9434
- "name": "dark",
9435
- "type": {
9436
- "text": "boolean"
9437
- }
9438
- }
9439
- ]
9209
+ "fieldName": "errorText",
9210
+ "inheritedFrom": {
9211
+ "name": "UmTextFieldBase",
9212
+ "module": "src/shared/text-field-base/text-field-base.ts"
9213
+ }
9440
9214
  },
9441
9215
  {
9442
- "kind": "method",
9443
- "name": "getColorVariables",
9444
- "return": {
9445
- "type": {
9446
- "text": "string"
9447
- }
9216
+ "name": "disabled",
9217
+ "type": {
9218
+ "text": "boolean"
9448
9219
  },
9449
- "parameters": [
9450
- {
9451
- "name": "color",
9452
- "type": {
9453
- "text": "ThemeColor"
9454
- }
9455
- },
9456
- {
9457
- "name": "dark",
9458
- "type": {
9459
- "text": "boolean"
9460
- }
9461
- }
9462
- ]
9220
+ "default": "false",
9221
+ "fieldName": "disabled",
9222
+ "inheritedFrom": {
9223
+ "name": "UmTextFieldBase",
9224
+ "module": "src/shared/text-field-base/text-field-base.ts"
9225
+ }
9226
+ },
9227
+ {
9228
+ "name": "invalid",
9229
+ "type": {
9230
+ "text": "boolean"
9231
+ },
9232
+ "default": "false",
9233
+ "fieldName": "invalid",
9234
+ "inheritedFrom": {
9235
+ "name": "UmTextFieldBase",
9236
+ "module": "src/shared/text-field-base/text-field-base.ts"
9237
+ }
9238
+ }
9239
+ ],
9240
+ "superclass": {
9241
+ "name": "UmTextFieldBase",
9242
+ "module": "/src/shared/text-field-base/text-field-base.js"
9243
+ },
9244
+ "tagName": "u-text-field",
9245
+ "customElement": true
9246
+ }
9247
+ ],
9248
+ "exports": [
9249
+ {
9250
+ "kind": "js",
9251
+ "name": "UmTextField",
9252
+ "declaration": {
9253
+ "name": "UmTextField",
9254
+ "module": "src/text-field/text-field.ts"
9255
+ }
9256
+ },
9257
+ {
9258
+ "kind": "custom-element-definition",
9259
+ "name": "u-text-field",
9260
+ "declaration": {
9261
+ "name": "UmTextField",
9262
+ "module": "src/text-field/text-field.ts"
9263
+ }
9264
+ }
9265
+ ]
9266
+ },
9267
+ {
9268
+ "kind": "javascript-module",
9269
+ "path": "src/theme/color.ts",
9270
+ "declarations": [],
9271
+ "exports": []
9272
+ },
9273
+ {
9274
+ "kind": "javascript-module",
9275
+ "path": "src/theme/css-var-builder.ts",
9276
+ "declarations": [
9277
+ {
9278
+ "kind": "class",
9279
+ "description": "",
9280
+ "name": "CssVarBuilder",
9281
+ "members": [
9282
+ {
9283
+ "kind": "field",
9284
+ "name": "content",
9285
+ "type": {
9286
+ "text": "string"
9287
+ },
9288
+ "privacy": "private",
9289
+ "default": "''"
9463
9290
  },
9464
9291
  {
9465
9292
  "kind": "method",
9466
- "name": "getColorsVariables",
9467
- "privacy": "private",
9293
+ "name": "create",
9294
+ "static": true,
9468
9295
  "return": {
9469
9296
  "type": {
9470
- "text": "string"
9471
- }
9472
- },
9473
- "parameters": [
9474
- {
9475
- "name": "dark",
9476
- "type": {
9477
- "text": "boolean"
9478
- }
9297
+ "text": "CssVarBuilder"
9479
9298
  }
9480
- ]
9299
+ }
9481
9300
  },
9482
9301
  {
9483
9302
  "kind": "method",
9484
- "name": "addColors",
9485
- "privacy": "private",
9303
+ "name": "add",
9486
9304
  "return": {
9487
9305
  "type": {
9488
- "text": "void"
9306
+ "text": "CssVarBuilder"
9489
9307
  }
9490
9308
  },
9491
9309
  "parameters": [
9492
9310
  {
9493
- "name": "builder",
9494
- "type": {
9495
- "text": "CssVarBuilder"
9496
- }
9497
- },
9498
- {
9499
- "name": "colors",
9500
- "type": {
9501
- "text": "Color[]"
9502
- }
9503
- },
9504
- {
9505
- "name": "palette",
9311
+ "name": "name",
9506
9312
  "type": {
9507
- "text": "TonalPalette"
9313
+ "text": "string"
9508
9314
  }
9509
9315
  },
9510
9316
  {
9511
- "name": "dark",
9317
+ "name": "value",
9512
9318
  "type": {
9513
- "text": "boolean"
9319
+ "text": "string"
9514
9320
  }
9515
9321
  }
9516
9322
  ]
9517
9323
  },
9518
9324
  {
9519
9325
  "kind": "method",
9520
- "name": "addToneColor",
9521
- "privacy": "private",
9326
+ "name": "addFromArgb",
9522
9327
  "return": {
9523
9328
  "type": {
9524
- "text": "void"
9329
+ "text": "CssVarBuilder"
9525
9330
  }
9526
9331
  },
9527
9332
  "parameters": [
9528
9333
  {
9529
- "name": "builder",
9530
- "type": {
9531
- "text": "CssVarBuilder"
9532
- }
9533
- },
9534
- {
9535
- "name": "color",
9536
- "type": {
9537
- "text": "Color"
9538
- }
9539
- },
9540
- {
9541
- "name": "palette",
9334
+ "name": "name",
9542
9335
  "type": {
9543
- "text": "TonalPalette"
9336
+ "text": "string"
9544
9337
  }
9545
9338
  },
9546
9339
  {
9547
- "name": "dark",
9340
+ "name": "argb",
9548
9341
  "type": {
9549
- "text": "boolean"
9342
+ "text": "number"
9550
9343
  }
9551
9344
  }
9552
9345
  ]
@@ -9566,450 +9359,436 @@
9566
9359
  "exports": [
9567
9360
  {
9568
9361
  "kind": "js",
9569
- "name": "ThemeBuilder",
9362
+ "name": "CssVarBuilder",
9570
9363
  "declaration": {
9571
- "name": "ThemeBuilder",
9572
- "module": "src/theme/theme-builder.ts"
9364
+ "name": "CssVarBuilder",
9365
+ "module": "src/theme/css-var-builder.ts"
9573
9366
  }
9574
9367
  }
9575
9368
  ]
9576
9369
  },
9577
9370
  {
9578
9371
  "kind": "javascript-module",
9579
- "path": "src/theme/theme-color.ts",
9372
+ "path": "src/theme/index.ts",
9580
9373
  "declarations": [],
9581
- "exports": []
9582
- },
9583
- {
9584
- "kind": "javascript-module",
9585
- "path": "src/typeahead/highlight.styles.ts",
9586
- "declarations": [
9587
- {
9588
- "kind": "variable",
9589
- "name": "styles",
9590
- "default": "css `\n\n`"
9591
- }
9592
- ],
9593
9374
  "exports": [
9594
9375
  {
9595
9376
  "kind": "js",
9596
- "name": "styles",
9377
+ "name": "*",
9597
9378
  "declaration": {
9598
- "name": "styles",
9599
- "module": "src/typeahead/highlight.styles.ts"
9379
+ "name": "*",
9380
+ "package": "./theme-builder.js"
9600
9381
  }
9601
9382
  }
9602
9383
  ]
9603
9384
  },
9604
9385
  {
9605
9386
  "kind": "javascript-module",
9606
- "path": "src/typeahead/highlight.ts",
9387
+ "path": "src/theme/neutral-colors.ts",
9607
9388
  "declarations": [
9608
9389
  {
9609
- "kind": "class",
9610
- "description": "",
9611
- "name": "UmHighlight",
9612
- "members": [
9613
- {
9614
- "kind": "field",
9615
- "name": "#result",
9616
- "privacy": "private",
9617
- "type": {
9618
- "text": "string | undefined"
9619
- }
9620
- },
9621
- {
9622
- "kind": "field",
9623
- "name": "#term",
9624
- "privacy": "private",
9625
- "type": {
9626
- "text": "string | undefined"
9627
- }
9628
- },
9629
- {
9630
- "kind": "field",
9631
- "name": "parts",
9632
- "type": {
9633
- "text": "string[] | undefined"
9634
- },
9635
- "privacy": "private"
9636
- },
9637
- {
9638
- "kind": "field",
9639
- "name": "result",
9640
- "type": {
9641
- "text": "string | undefined"
9642
- },
9643
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
9644
- "attribute": "result"
9645
- },
9646
- {
9647
- "kind": "field",
9648
- "name": "term",
9649
- "type": {
9650
- "text": "string | undefined"
9651
- },
9652
- "description": "The searched term",
9653
- "attribute": "term"
9654
- },
9655
- {
9656
- "kind": "method",
9657
- "name": "setParts",
9658
- "privacy": "private"
9659
- }
9660
- ],
9661
- "attributes": [
9662
- {
9663
- "name": "result",
9664
- "type": {
9665
- "text": "string | undefined"
9666
- },
9667
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
9668
- "fieldName": "result"
9669
- },
9670
- {
9671
- "name": "term",
9672
- "type": {
9673
- "text": "string | undefined"
9674
- },
9675
- "description": "The searched term",
9676
- "fieldName": "term"
9677
- }
9678
- ],
9679
- "superclass": {
9680
- "name": "LitElement",
9681
- "package": "lit"
9390
+ "kind": "variable",
9391
+ "name": "neutralColors",
9392
+ "type": {
9393
+ "text": "Color[]"
9682
9394
  },
9683
- "tagName": "u-highlight",
9684
- "customElement": true
9395
+ "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]"
9396
+ },
9397
+ {
9398
+ "kind": "variable",
9399
+ "name": "neutralVariantColors",
9400
+ "type": {
9401
+ "text": "Color[]"
9402
+ },
9403
+ "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]"
9685
9404
  }
9686
9405
  ],
9687
9406
  "exports": [
9688
9407
  {
9689
9408
  "kind": "js",
9690
- "name": "UmHighlight",
9409
+ "name": "neutralColors",
9691
9410
  "declaration": {
9692
- "name": "UmHighlight",
9693
- "module": "src/typeahead/highlight.ts"
9411
+ "name": "neutralColors",
9412
+ "module": "src/theme/neutral-colors.ts"
9694
9413
  }
9695
9414
  },
9696
- {
9697
- "kind": "custom-element-definition",
9698
- "name": "u-highlight",
9699
- "declaration": {
9700
- "name": "UmHighlight",
9701
- "module": "src/typeahead/highlight.ts"
9702
- }
9703
- }
9704
- ]
9705
- },
9706
- {
9707
- "kind": "javascript-module",
9708
- "path": "src/typeahead/typeahead.styles.ts",
9709
- "declarations": [
9710
- {
9711
- "kind": "variable",
9712
- "name": "styles",
9713
- "default": "css `\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
9714
- }
9715
- ],
9716
- "exports": [
9717
9415
  {
9718
9416
  "kind": "js",
9719
- "name": "styles",
9417
+ "name": "neutralVariantColors",
9720
9418
  "declaration": {
9721
- "name": "styles",
9722
- "module": "src/typeahead/typeahead.styles.ts"
9419
+ "name": "neutralVariantColors",
9420
+ "module": "src/theme/neutral-colors.ts"
9723
9421
  }
9724
9422
  }
9725
9423
  ]
9726
9424
  },
9727
9425
  {
9728
9426
  "kind": "javascript-module",
9729
- "path": "src/typeahead/typeahead.ts",
9427
+ "path": "src/theme/rgb-color.ts",
9730
9428
  "declarations": [
9731
9429
  {
9732
9430
  "kind": "class",
9733
9431
  "description": "",
9734
- "name": "UmTypeahead",
9735
- "members": [
9736
- {
9737
- "kind": "field",
9738
- "name": "formAssociated",
9739
- "type": {
9740
- "text": "boolean"
9741
- },
9742
- "static": true,
9743
- "default": "true"
9744
- },
9745
- {
9746
- "kind": "field",
9747
- "name": "#targetId",
9748
- "privacy": "private",
9749
- "type": {
9750
- "text": "string | undefined"
9751
- }
9752
- },
9753
- {
9754
- "kind": "field",
9755
- "name": "#connected",
9756
- "privacy": "private",
9757
- "type": {
9758
- "text": "boolean"
9759
- },
9760
- "default": "false"
9761
- },
9432
+ "name": "RgbColor",
9433
+ "members": [
9762
9434
  {
9763
9435
  "kind": "field",
9764
- "name": "target",
9436
+ "name": "r",
9765
9437
  "type": {
9766
- "text": "HTMLElement & {input?: HTMLInputElement; value: string} | null"
9438
+ "text": "number"
9767
9439
  },
9768
- "privacy": "private",
9769
- "default": "null"
9440
+ "default": "r"
9770
9441
  },
9771
9442
  {
9772
9443
  "kind": "field",
9773
- "name": "#documentMutationObserver",
9774
- "privacy": "private",
9444
+ "name": "g",
9775
9445
  "type": {
9776
- "text": "MutationObserver | null"
9446
+ "text": "number"
9777
9447
  },
9778
- "default": "null"
9448
+ "default": "g"
9779
9449
  },
9780
9450
  {
9781
9451
  "kind": "field",
9782
- "name": "#termNormalized",
9783
- "privacy": "private",
9452
+ "name": "b",
9784
9453
  "type": {
9785
- "text": "string"
9454
+ "text": "number"
9786
9455
  },
9787
- "default": "''"
9456
+ "default": "b"
9788
9457
  },
9789
9458
  {
9790
- "kind": "field",
9791
- "name": "#debounceTimeout",
9792
- "privacy": "private",
9793
- "type": {
9794
- "text": "number | null"
9459
+ "kind": "method",
9460
+ "name": "fromArgb",
9461
+ "static": true,
9462
+ "return": {
9463
+ "type": {
9464
+ "text": "RgbColor"
9465
+ }
9795
9466
  },
9796
- "default": "null"
9797
- },
9798
- {
9799
- "kind": "field",
9800
- "name": "#value",
9801
- "privacy": "private",
9802
- "type": {
9803
- "text": "any"
9804
- }
9467
+ "parameters": [
9468
+ {
9469
+ "name": "argb",
9470
+ "type": {
9471
+ "text": "number"
9472
+ }
9473
+ }
9474
+ ]
9805
9475
  },
9806
9476
  {
9807
9477
  "kind": "field",
9808
- "name": "#elementInternals",
9809
- "privacy": "private",
9810
- "type": {
9811
- "text": "ElementInternals"
9812
- }
9813
- },
9478
+ "name": "toString"
9479
+ }
9480
+ ]
9481
+ }
9482
+ ],
9483
+ "exports": [
9484
+ {
9485
+ "kind": "js",
9486
+ "name": "RgbColor",
9487
+ "declaration": {
9488
+ "name": "RgbColor",
9489
+ "module": "src/theme/rgb-color.ts"
9490
+ }
9491
+ }
9492
+ ]
9493
+ },
9494
+ {
9495
+ "kind": "javascript-module",
9496
+ "path": "src/theme/theme-builder.ts",
9497
+ "declarations": [
9498
+ {
9499
+ "kind": "class",
9500
+ "description": "",
9501
+ "name": "ThemeBuilder",
9502
+ "members": [
9814
9503
  {
9815
9504
  "kind": "field",
9816
- "name": "results",
9505
+ "name": "cssClass",
9817
9506
  "type": {
9818
- "text": "Data[]"
9819
- }
9507
+ "text": "string | null"
9508
+ },
9509
+ "default": "null"
9820
9510
  },
9821
9511
  {
9822
9512
  "kind": "field",
9823
- "name": "source",
9513
+ "name": "colors",
9824
9514
  "type": {
9825
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
9515
+ "text": "ThemeColor[]"
9826
9516
  },
9827
- "attribute": "source"
9517
+ "default": "[]"
9828
9518
  },
9829
9519
  {
9830
9520
  "kind": "field",
9831
- "name": "formatter",
9521
+ "name": "neutralColorPalette",
9832
9522
  "type": {
9833
- "text": "((value: any) => string) | undefined"
9523
+ "text": "TonalPalette"
9834
9524
  }
9835
9525
  },
9836
9526
  {
9837
9527
  "kind": "field",
9838
- "name": "template",
9528
+ "name": "neutralVariantColorPalette",
9839
9529
  "type": {
9840
- "text": "((term: string, value: any) => string) | undefined"
9530
+ "text": "TonalPalette"
9841
9531
  }
9842
9532
  },
9843
9533
  {
9844
9534
  "kind": "field",
9845
- "name": "debounce",
9846
- "type": {
9847
- "text": "number"
9848
- },
9849
- "default": "300",
9850
- "attribute": "debounce",
9851
- "reflects": true
9852
- },
9853
- {
9854
- "kind": "field",
9855
- "name": "limit",
9856
- "type": {
9857
- "text": "number"
9858
- },
9859
- "default": "10",
9860
- "attribute": "limit",
9861
- "reflects": true
9862
- },
9863
- {
9864
- "kind": "field",
9865
- "name": "minLength",
9866
- "type": {
9867
- "text": "number"
9868
- },
9869
- "default": "2",
9870
- "attribute": "minLength",
9871
- "reflects": true
9872
- },
9873
- {
9874
- "kind": "field",
9875
- "name": "openOnFocus",
9535
+ "name": "partial",
9876
9536
  "type": {
9877
9537
  "text": "boolean"
9878
9538
  },
9879
- "default": "false",
9880
- "attribute": "open-on-focus",
9881
- "reflects": true
9539
+ "privacy": "private",
9540
+ "default": "false"
9882
9541
  },
9883
9542
  {
9884
- "kind": "field",
9885
- "name": "editable",
9886
- "type": {
9887
- "text": "boolean"
9543
+ "kind": "method",
9544
+ "name": "create",
9545
+ "static": true,
9546
+ "return": {
9547
+ "type": {
9548
+ "text": "ThemeBuilder"
9549
+ }
9888
9550
  },
9889
- "default": "false",
9890
- "attribute": "editable",
9891
- "reflects": true
9892
- },
9893
- {
9894
- "kind": "field",
9895
- "name": "form",
9896
- "type": {
9897
- "text": "HTMLFormElement | null"
9898
- }
9551
+ "parameters": [
9552
+ {
9553
+ "name": "primaryColorHex",
9554
+ "type": {
9555
+ "text": "string"
9556
+ }
9557
+ }
9558
+ ]
9899
9559
  },
9900
9560
  {
9901
- "kind": "field",
9902
- "name": "value",
9903
- "type": {
9904
- "text": "any"
9561
+ "kind": "method",
9562
+ "name": "createPartial",
9563
+ "static": true,
9564
+ "return": {
9565
+ "type": {
9566
+ "text": "ThemeBuilder"
9567
+ }
9905
9568
  }
9906
9569
  },
9907
9570
  {
9908
9571
  "kind": "method",
9909
- "name": "focus"
9572
+ "name": "addColorFromHex",
9573
+ "return": {
9574
+ "type": {
9575
+ "text": "ThemeBuilder"
9576
+ }
9577
+ },
9578
+ "parameters": [
9579
+ {
9580
+ "name": "name",
9581
+ "type": {
9582
+ "text": "string"
9583
+ }
9584
+ },
9585
+ {
9586
+ "name": "hex",
9587
+ "type": {
9588
+ "text": "string"
9589
+ }
9590
+ }
9591
+ ]
9910
9592
  },
9911
9593
  {
9912
9594
  "kind": "method",
9913
- "name": "clear"
9914
- },
9915
- {
9916
- "kind": "field",
9917
- "name": "targetId",
9918
- "type": {
9919
- "text": "string | undefined"
9595
+ "name": "addColorFromPalette",
9596
+ "return": {
9597
+ "type": {
9598
+ "text": "ThemeBuilder"
9599
+ }
9920
9600
  },
9921
- "attribute": "target-id",
9922
- "reflects": true
9601
+ "parameters": [
9602
+ {
9603
+ "name": "name",
9604
+ "type": {
9605
+ "text": "string"
9606
+ }
9607
+ },
9608
+ {
9609
+ "name": "palette",
9610
+ "type": {
9611
+ "text": "TonalPalette"
9612
+ }
9613
+ }
9614
+ ]
9923
9615
  },
9924
9616
  {
9925
- "kind": "field",
9926
- "name": "menu",
9927
- "type": {
9928
- "text": "UmMenu"
9929
- }
9617
+ "kind": "method",
9618
+ "name": "addFixedColor",
9619
+ "return": {
9620
+ "type": {
9621
+ "text": "ThemeBuilder"
9622
+ }
9623
+ },
9624
+ "parameters": [
9625
+ {
9626
+ "name": "name",
9627
+ "type": {
9628
+ "text": "string"
9629
+ }
9630
+ },
9631
+ {
9632
+ "name": "hex",
9633
+ "type": {
9634
+ "text": "string"
9635
+ }
9636
+ }
9637
+ ]
9930
9638
  },
9931
9639
  {
9932
9640
  "kind": "method",
9933
- "name": "#attach"
9641
+ "name": "setCssClass",
9642
+ "return": {
9643
+ "type": {
9644
+ "text": "ThemeBuilder"
9645
+ }
9646
+ },
9647
+ "parameters": [
9648
+ {
9649
+ "name": "cssClass",
9650
+ "type": {
9651
+ "text": "string"
9652
+ }
9653
+ }
9654
+ ]
9934
9655
  },
9935
9656
  {
9936
9657
  "kind": "method",
9937
- "name": "#detach"
9938
- },
9939
- {
9940
- "kind": "field",
9941
- "name": "#handleFocus",
9942
- "privacy": "private"
9658
+ "name": "ensureCssClassStartsWithDot",
9659
+ "privacy": "private",
9660
+ "return": {
9661
+ "type": {
9662
+ "text": "void"
9663
+ }
9664
+ }
9943
9665
  },
9944
9666
  {
9945
- "kind": "field",
9946
- "name": "#handleInput",
9947
- "privacy": "private"
9667
+ "kind": "method",
9668
+ "name": "ensureThemeColors",
9669
+ "privacy": "private",
9670
+ "return": {
9671
+ "type": {
9672
+ "text": "void"
9673
+ }
9674
+ }
9948
9675
  },
9949
9676
  {
9950
9677
  "kind": "method",
9951
- "name": "#getItemClickHandler",
9678
+ "name": "getNeutralVariables",
9679
+ "privacy": "private",
9680
+ "return": {
9681
+ "type": {
9682
+ "text": "string"
9683
+ }
9684
+ },
9952
9685
  "parameters": [
9953
9686
  {
9954
- "name": "data",
9687
+ "name": "dark",
9955
9688
  "type": {
9956
- "text": "Data"
9689
+ "text": "boolean"
9957
9690
  }
9958
9691
  }
9959
9692
  ]
9960
9693
  },
9961
9694
  {
9962
9695
  "kind": "method",
9963
- "name": "#setValueAndDispatchEvents",
9696
+ "name": "getNeutralVariantVariables",
9697
+ "privacy": "private",
9698
+ "return": {
9699
+ "type": {
9700
+ "text": "string"
9701
+ }
9702
+ },
9964
9703
  "parameters": [
9965
9704
  {
9966
- "name": "value",
9705
+ "name": "dark",
9967
9706
  "type": {
9968
- "text": "any"
9707
+ "text": "boolean"
9969
9708
  }
9970
- },
9971
- {
9972
- "name": "direct",
9973
- "default": "false"
9974
9709
  }
9975
9710
  ]
9976
9711
  },
9977
9712
  {
9978
9713
  "kind": "method",
9979
- "name": "#updateResults",
9714
+ "name": "getColorVariables",
9715
+ "return": {
9716
+ "type": {
9717
+ "text": "string"
9718
+ }
9719
+ },
9980
9720
  "parameters": [
9981
9721
  {
9982
- "name": "lazy",
9983
- "default": "false"
9722
+ "name": "color",
9723
+ "type": {
9724
+ "text": "ThemeColor"
9725
+ }
9726
+ },
9727
+ {
9728
+ "name": "dark",
9729
+ "type": {
9730
+ "text": "boolean"
9731
+ }
9984
9732
  }
9985
9733
  ]
9986
9734
  },
9987
9735
  {
9988
9736
  "kind": "method",
9989
- "name": "#getData",
9737
+ "name": "getColorsVariables",
9738
+ "privacy": "private",
9990
9739
  "return": {
9991
9740
  "type": {
9992
- "text": "Promise<Data[]>"
9741
+ "text": "string"
9993
9742
  }
9994
- }
9995
- },
9996
- {
9997
- "kind": "method",
9998
- "name": "#setValueOnTarget"
9743
+ },
9744
+ "parameters": [
9745
+ {
9746
+ "name": "dark",
9747
+ "type": {
9748
+ "text": "boolean"
9749
+ }
9750
+ }
9751
+ ]
9999
9752
  },
10000
9753
  {
10001
9754
  "kind": "method",
10002
- "name": "getTargetValue",
9755
+ "name": "addColors",
10003
9756
  "privacy": "private",
10004
9757
  "return": {
10005
9758
  "type": {
10006
- "text": "string"
9759
+ "text": "void"
10007
9760
  }
10008
- }
9761
+ },
9762
+ "parameters": [
9763
+ {
9764
+ "name": "builder",
9765
+ "type": {
9766
+ "text": "CssVarBuilder"
9767
+ }
9768
+ },
9769
+ {
9770
+ "name": "colors",
9771
+ "type": {
9772
+ "text": "Color[]"
9773
+ }
9774
+ },
9775
+ {
9776
+ "name": "palette",
9777
+ "type": {
9778
+ "text": "TonalPalette"
9779
+ }
9780
+ },
9781
+ {
9782
+ "name": "dark",
9783
+ "type": {
9784
+ "text": "boolean"
9785
+ }
9786
+ }
9787
+ ]
10009
9788
  },
10010
9789
  {
10011
9790
  "kind": "method",
10012
- "name": "setTargetValue",
9791
+ "name": "addToneColor",
10013
9792
  "privacy": "private",
10014
9793
  "return": {
10015
9794
  "type": {
@@ -10018,119 +9797,191 @@
10018
9797
  },
10019
9798
  "parameters": [
10020
9799
  {
10021
- "name": "value",
9800
+ "name": "builder",
10022
9801
  "type": {
10023
- "text": "string"
9802
+ "text": "CssVarBuilder"
9803
+ }
9804
+ },
9805
+ {
9806
+ "name": "color",
9807
+ "type": {
9808
+ "text": "Color"
9809
+ }
9810
+ },
9811
+ {
9812
+ "name": "palette",
9813
+ "type": {
9814
+ "text": "TonalPalette"
9815
+ }
9816
+ },
9817
+ {
9818
+ "name": "dark",
9819
+ "type": {
9820
+ "text": "boolean"
10024
9821
  }
10025
9822
  }
10026
9823
  ]
10027
- }
10028
- ],
10029
- "events": [
10030
- {
10031
- "name": "input",
10032
- "type": {
10033
- "text": "InputEvent"
10034
- }
10035
9824
  },
10036
9825
  {
10037
- "name": "change",
10038
- "type": {
10039
- "text": "Event"
9826
+ "kind": "method",
9827
+ "name": "build",
9828
+ "return": {
9829
+ "type": {
9830
+ "text": "string"
9831
+ }
10040
9832
  }
10041
9833
  }
10042
- ],
10043
- "attributes": [
9834
+ ]
9835
+ }
9836
+ ],
9837
+ "exports": [
9838
+ {
9839
+ "kind": "js",
9840
+ "name": "ThemeBuilder",
9841
+ "declaration": {
9842
+ "name": "ThemeBuilder",
9843
+ "module": "src/theme/theme-builder.ts"
9844
+ }
9845
+ }
9846
+ ]
9847
+ },
9848
+ {
9849
+ "kind": "javascript-module",
9850
+ "path": "src/theme/theme-color.ts",
9851
+ "declarations": [],
9852
+ "exports": []
9853
+ },
9854
+ {
9855
+ "kind": "javascript-module",
9856
+ "path": "src/typeahead/highlight.styles.ts",
9857
+ "declarations": [
9858
+ {
9859
+ "kind": "variable",
9860
+ "name": "styles",
9861
+ "default": "css `\n\n`"
9862
+ }
9863
+ ],
9864
+ "exports": [
9865
+ {
9866
+ "kind": "js",
9867
+ "name": "styles",
9868
+ "declaration": {
9869
+ "name": "styles",
9870
+ "module": "src/typeahead/highlight.styles.ts"
9871
+ }
9872
+ }
9873
+ ]
9874
+ },
9875
+ {
9876
+ "kind": "javascript-module",
9877
+ "path": "src/typeahead/highlight.ts",
9878
+ "declarations": [
9879
+ {
9880
+ "kind": "class",
9881
+ "description": "",
9882
+ "name": "UmHighlight",
9883
+ "members": [
10044
9884
  {
10045
- "name": "source",
9885
+ "kind": "field",
9886
+ "name": "#result",
9887
+ "privacy": "private",
10046
9888
  "type": {
10047
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10048
- },
10049
- "fieldName": "source"
9889
+ "text": "string | undefined"
9890
+ }
10050
9891
  },
10051
9892
  {
10052
- "name": "debounce",
9893
+ "kind": "field",
9894
+ "name": "#term",
9895
+ "privacy": "private",
10053
9896
  "type": {
10054
- "text": "number"
10055
- },
10056
- "default": "300",
10057
- "fieldName": "debounce"
9897
+ "text": "string | undefined"
9898
+ }
10058
9899
  },
10059
9900
  {
10060
- "name": "limit",
9901
+ "kind": "field",
9902
+ "name": "parts",
10061
9903
  "type": {
10062
- "text": "number"
9904
+ "text": "string[] | undefined"
10063
9905
  },
10064
- "default": "10",
10065
- "fieldName": "limit"
9906
+ "privacy": "private"
10066
9907
  },
10067
9908
  {
10068
- "name": "minLength",
9909
+ "kind": "field",
9910
+ "name": "result",
10069
9911
  "type": {
10070
- "text": "number"
9912
+ "text": "string | undefined"
10071
9913
  },
10072
- "default": "2",
10073
- "fieldName": "minLength"
9914
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9915
+ "attribute": "result"
10074
9916
  },
10075
9917
  {
10076
- "name": "open-on-focus",
9918
+ "kind": "field",
9919
+ "name": "term",
10077
9920
  "type": {
10078
- "text": "boolean"
9921
+ "text": "string | undefined"
10079
9922
  },
10080
- "default": "false",
10081
- "fieldName": "openOnFocus"
9923
+ "description": "The searched term",
9924
+ "attribute": "term"
10082
9925
  },
10083
9926
  {
10084
- "name": "editable",
9927
+ "kind": "method",
9928
+ "name": "setParts",
9929
+ "privacy": "private"
9930
+ }
9931
+ ],
9932
+ "attributes": [
9933
+ {
9934
+ "name": "result",
10085
9935
  "type": {
10086
- "text": "boolean"
9936
+ "text": "string | undefined"
10087
9937
  },
10088
- "default": "false",
10089
- "fieldName": "editable"
9938
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9939
+ "fieldName": "result"
10090
9940
  },
10091
9941
  {
10092
- "name": "target-id",
9942
+ "name": "term",
10093
9943
  "type": {
10094
9944
  "text": "string | undefined"
10095
9945
  },
10096
- "fieldName": "targetId"
9946
+ "description": "The searched term",
9947
+ "fieldName": "term"
10097
9948
  }
10098
9949
  ],
10099
9950
  "superclass": {
10100
9951
  "name": "LitElement",
10101
9952
  "package": "lit"
10102
9953
  },
10103
- "tagName": "u-typeahead",
9954
+ "tagName": "u-highlight",
10104
9955
  "customElement": true
10105
9956
  }
10106
9957
  ],
10107
9958
  "exports": [
10108
9959
  {
10109
9960
  "kind": "js",
10110
- "name": "UmTypeahead",
9961
+ "name": "UmHighlight",
10111
9962
  "declaration": {
10112
- "name": "UmTypeahead",
10113
- "module": "src/typeahead/typeahead.ts"
9963
+ "name": "UmHighlight",
9964
+ "module": "src/typeahead/highlight.ts"
10114
9965
  }
10115
9966
  },
10116
9967
  {
10117
9968
  "kind": "custom-element-definition",
10118
- "name": "u-typeahead",
9969
+ "name": "u-highlight",
10119
9970
  "declaration": {
10120
- "name": "UmTypeahead",
10121
- "module": "src/typeahead/typeahead.ts"
9971
+ "name": "UmHighlight",
9972
+ "module": "src/typeahead/highlight.ts"
10122
9973
  }
10123
9974
  }
10124
9975
  ]
10125
9976
  },
10126
9977
  {
10127
9978
  "kind": "javascript-module",
10128
- "path": "src/snackbar/snackbar.styles.ts",
9979
+ "path": "src/typeahead/typeahead.styles.ts",
10129
9980
  "declarations": [
10130
9981
  {
10131
9982
  "kind": "variable",
10132
9983
  "name": "styles",
10133
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
9984
+ "default": "css `\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
10134
9985
  }
10135
9986
  ],
10136
9987
  "exports": [
@@ -10139,307 +9990,406 @@
10139
9990
  "name": "styles",
10140
9991
  "declaration": {
10141
9992
  "name": "styles",
10142
- "module": "src/snackbar/snackbar.styles.ts"
9993
+ "module": "src/typeahead/typeahead.styles.ts"
10143
9994
  }
10144
9995
  }
10145
9996
  ]
10146
9997
  },
10147
9998
  {
10148
9999
  "kind": "javascript-module",
10149
- "path": "src/snackbar/snackbar.ts",
10000
+ "path": "src/typeahead/typeahead.ts",
10150
10001
  "declarations": [
10151
10002
  {
10152
10003
  "kind": "class",
10153
10004
  "description": "",
10154
- "name": "UmSnackbar",
10005
+ "name": "UmTypeahead",
10155
10006
  "members": [
10156
10007
  {
10157
10008
  "kind": "field",
10158
- "name": "label",
10009
+ "name": "formAssociated",
10010
+ "type": {
10011
+ "text": "boolean"
10012
+ },
10013
+ "static": true,
10014
+ "default": "true"
10015
+ },
10016
+ {
10017
+ "kind": "field",
10018
+ "name": "#targetId",
10019
+ "privacy": "private",
10020
+ "type": {
10021
+ "text": "string | undefined"
10022
+ }
10023
+ },
10024
+ {
10025
+ "kind": "field",
10026
+ "name": "#connected",
10027
+ "privacy": "private",
10028
+ "type": {
10029
+ "text": "boolean"
10030
+ },
10031
+ "default": "false"
10032
+ },
10033
+ {
10034
+ "kind": "field",
10035
+ "name": "target",
10036
+ "type": {
10037
+ "text": "HTMLElement & {input?: HTMLInputElement; value: string} | null"
10038
+ },
10039
+ "privacy": "private",
10040
+ "default": "null"
10041
+ },
10042
+ {
10043
+ "kind": "field",
10044
+ "name": "#documentMutationObserver",
10045
+ "privacy": "private",
10046
+ "type": {
10047
+ "text": "MutationObserver | null"
10048
+ },
10049
+ "default": "null"
10050
+ },
10051
+ {
10052
+ "kind": "field",
10053
+ "name": "#termNormalized",
10054
+ "privacy": "private",
10159
10055
  "type": {
10160
10056
  "text": "string"
10161
10057
  },
10162
- "default": "''",
10163
- "attribute": "label",
10058
+ "default": "''"
10059
+ },
10060
+ {
10061
+ "kind": "field",
10062
+ "name": "#debounceTimeout",
10063
+ "privacy": "private",
10064
+ "type": {
10065
+ "text": "number | null"
10066
+ },
10067
+ "default": "null"
10068
+ },
10069
+ {
10070
+ "kind": "field",
10071
+ "name": "#value",
10072
+ "privacy": "private",
10073
+ "type": {
10074
+ "text": "any"
10075
+ }
10076
+ },
10077
+ {
10078
+ "kind": "field",
10079
+ "name": "#elementInternals",
10080
+ "privacy": "private",
10081
+ "type": {
10082
+ "text": "ElementInternals"
10083
+ }
10084
+ },
10085
+ {
10086
+ "kind": "field",
10087
+ "name": "results",
10088
+ "type": {
10089
+ "text": "Data[]"
10090
+ }
10091
+ },
10092
+ {
10093
+ "kind": "field",
10094
+ "name": "source",
10095
+ "type": {
10096
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10097
+ },
10098
+ "attribute": "source"
10099
+ },
10100
+ {
10101
+ "kind": "field",
10102
+ "name": "formatter",
10103
+ "type": {
10104
+ "text": "((value: any) => string) | undefined"
10105
+ }
10106
+ },
10107
+ {
10108
+ "kind": "field",
10109
+ "name": "template",
10110
+ "type": {
10111
+ "text": "((term: string, value: any) => string) | undefined"
10112
+ }
10113
+ },
10114
+ {
10115
+ "kind": "field",
10116
+ "name": "debounce",
10117
+ "type": {
10118
+ "text": "number"
10119
+ },
10120
+ "default": "300",
10121
+ "attribute": "debounce",
10164
10122
  "reflects": true
10165
10123
  },
10166
10124
  {
10167
10125
  "kind": "field",
10168
- "name": "buttonLabel",
10126
+ "name": "limit",
10169
10127
  "type": {
10170
- "text": "string"
10128
+ "text": "number"
10171
10129
  },
10172
- "default": "''",
10173
- "attribute": "buttonLabel",
10130
+ "default": "10",
10131
+ "attribute": "limit",
10174
10132
  "reflects": true
10175
10133
  },
10176
10134
  {
10177
10135
  "kind": "field",
10178
- "name": "showClose",
10136
+ "name": "minLength",
10179
10137
  "type": {
10180
- "text": "boolean"
10138
+ "text": "number"
10181
10139
  },
10182
- "default": "false",
10183
- "attribute": "show-close",
10140
+ "default": "2",
10141
+ "attribute": "minLength",
10184
10142
  "reflects": true
10185
10143
  },
10186
10144
  {
10187
10145
  "kind": "field",
10188
- "name": "dismissed",
10146
+ "name": "openOnFocus",
10189
10147
  "type": {
10190
10148
  "text": "boolean"
10191
10149
  },
10192
10150
  "default": "false",
10193
- "attribute": "dismissed",
10151
+ "attribute": "open-on-focus",
10194
10152
  "reflects": true
10195
10153
  },
10196
10154
  {
10197
10155
  "kind": "field",
10198
- "name": "duration",
10156
+ "name": "editable",
10199
10157
  "type": {
10200
- "text": "SnackbarDuration"
10158
+ "text": "boolean"
10201
10159
  },
10202
- "privacy": "private"
10160
+ "default": "false",
10161
+ "attribute": "editable",
10162
+ "reflects": true
10203
10163
  },
10204
10164
  {
10205
10165
  "kind": "field",
10206
- "name": "snackbar",
10166
+ "name": "form",
10207
10167
  "type": {
10208
- "text": "HTMLElement"
10209
- },
10210
- "privacy": "private"
10168
+ "text": "HTMLFormElement | null"
10169
+ }
10211
10170
  },
10212
10171
  {
10213
- "kind": "method",
10214
- "name": "renderButton",
10215
- "privacy": "private"
10172
+ "kind": "field",
10173
+ "name": "value",
10174
+ "type": {
10175
+ "text": "any"
10176
+ }
10216
10177
  },
10217
10178
  {
10218
10179
  "kind": "method",
10219
- "name": "renderCloseButton",
10220
- "privacy": "private"
10180
+ "name": "focus"
10221
10181
  },
10222
10182
  {
10223
10183
  "kind": "method",
10224
- "name": "dismiss",
10225
- "return": {
10226
- "type": {
10227
- "text": "void"
10228
- }
10229
- }
10184
+ "name": "clear"
10230
10185
  },
10231
10186
  {
10232
10187
  "kind": "field",
10233
- "name": "_queue",
10188
+ "name": "targetId",
10234
10189
  "type": {
10235
- "text": "UmSnackbar[]"
10190
+ "text": "string | undefined"
10236
10191
  },
10237
- "privacy": "private",
10238
- "static": true,
10239
- "default": "[]"
10192
+ "attribute": "target-id",
10193
+ "reflects": true
10194
+ },
10195
+ {
10196
+ "kind": "field",
10197
+ "name": "menu",
10198
+ "type": {
10199
+ "text": "UmMenu"
10200
+ }
10201
+ },
10202
+ {
10203
+ "kind": "method",
10204
+ "name": "#attach"
10205
+ },
10206
+ {
10207
+ "kind": "method",
10208
+ "name": "#detach"
10209
+ },
10210
+ {
10211
+ "kind": "field",
10212
+ "name": "#handleFocus",
10213
+ "privacy": "private"
10240
10214
  },
10241
10215
  {
10242
10216
  "kind": "field",
10243
- "name": "_consuming",
10244
- "type": {
10245
- "text": "boolean"
10246
- },
10247
- "privacy": "private",
10248
- "static": true
10217
+ "name": "#handleInput",
10218
+ "privacy": "private"
10249
10219
  },
10250
10220
  {
10251
10221
  "kind": "method",
10252
- "name": "show",
10253
- "static": true,
10254
- "return": {
10255
- "type": {
10256
- "text": "UmSnackbar"
10257
- }
10258
- },
10222
+ "name": "#getItemClickHandler",
10259
10223
  "parameters": [
10260
10224
  {
10261
- "name": "label",
10225
+ "name": "data",
10262
10226
  "type": {
10263
- "text": "string"
10227
+ "text": "Data"
10264
10228
  }
10265
10229
  }
10266
10230
  ]
10267
10231
  },
10268
10232
  {
10269
10233
  "kind": "method",
10270
- "name": "show",
10271
- "static": true,
10272
- "return": {
10273
- "type": {
10274
- "text": "UmSnackbar"
10275
- }
10276
- },
10234
+ "name": "#setValueAndDispatchEvents",
10277
10235
  "parameters": [
10278
10236
  {
10279
- "name": "config",
10237
+ "name": "value",
10280
10238
  "type": {
10281
- "text": "SnackbarConfig"
10239
+ "text": "any"
10282
10240
  }
10241
+ },
10242
+ {
10243
+ "name": "direct",
10244
+ "default": "false"
10283
10245
  }
10284
10246
  ]
10285
10247
  },
10286
10248
  {
10287
10249
  "kind": "method",
10288
- "name": "show",
10289
- "static": true,
10290
- "return": {
10291
- "type": {
10292
- "text": "UmSnackbar"
10293
- }
10294
- },
10250
+ "name": "#updateResults",
10295
10251
  "parameters": [
10296
10252
  {
10297
- "name": "configOrLabel",
10298
- "type": {
10299
- "text": "SnackbarConfig | string"
10300
- }
10253
+ "name": "lazy",
10254
+ "default": "false"
10301
10255
  }
10302
10256
  ]
10303
10257
  },
10304
10258
  {
10305
10259
  "kind": "method",
10306
- "name": "consumeQueue",
10307
- "privacy": "private",
10308
- "static": true
10260
+ "name": "#getData",
10261
+ "return": {
10262
+ "type": {
10263
+ "text": "Promise<Data[]>"
10264
+ }
10265
+ }
10309
10266
  },
10310
10267
  {
10311
10268
  "kind": "method",
10312
- "name": "showNext",
10269
+ "name": "#setValueOnTarget"
10270
+ },
10271
+ {
10272
+ "kind": "method",
10273
+ "name": "getTargetValue",
10313
10274
  "privacy": "private",
10314
- "static": true
10275
+ "return": {
10276
+ "type": {
10277
+ "text": "string"
10278
+ }
10279
+ }
10315
10280
  },
10316
10281
  {
10317
10282
  "kind": "method",
10318
- "name": "createSnackbar",
10283
+ "name": "setTargetValue",
10319
10284
  "privacy": "private",
10320
- "static": true,
10321
10285
  "return": {
10322
10286
  "type": {
10323
- "text": "UmSnackbar"
10287
+ "text": "void"
10324
10288
  }
10325
10289
  },
10326
10290
  "parameters": [
10327
10291
  {
10328
- "name": "config",
10292
+ "name": "value",
10329
10293
  "type": {
10330
- "text": "SnackbarConfig"
10294
+ "text": "string"
10331
10295
  }
10332
10296
  }
10333
10297
  ]
10334
10298
  }
10335
10299
  ],
10300
+ "events": [
10301
+ {
10302
+ "name": "input",
10303
+ "type": {
10304
+ "text": "InputEvent"
10305
+ }
10306
+ },
10307
+ {
10308
+ "name": "change",
10309
+ "type": {
10310
+ "text": "Event"
10311
+ }
10312
+ }
10313
+ ],
10336
10314
  "attributes": [
10337
10315
  {
10338
- "name": "label",
10316
+ "name": "source",
10339
10317
  "type": {
10340
- "text": "string"
10318
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10341
10319
  },
10342
- "default": "''",
10343
- "fieldName": "label"
10320
+ "fieldName": "source"
10344
10321
  },
10345
10322
  {
10346
- "name": "buttonLabel",
10323
+ "name": "debounce",
10347
10324
  "type": {
10348
- "text": "string"
10325
+ "text": "number"
10349
10326
  },
10350
- "default": "''",
10351
- "fieldName": "buttonLabel"
10327
+ "default": "300",
10328
+ "fieldName": "debounce"
10352
10329
  },
10353
10330
  {
10354
- "name": "show-close",
10331
+ "name": "limit",
10332
+ "type": {
10333
+ "text": "number"
10334
+ },
10335
+ "default": "10",
10336
+ "fieldName": "limit"
10337
+ },
10338
+ {
10339
+ "name": "minLength",
10340
+ "type": {
10341
+ "text": "number"
10342
+ },
10343
+ "default": "2",
10344
+ "fieldName": "minLength"
10345
+ },
10346
+ {
10347
+ "name": "open-on-focus",
10355
10348
  "type": {
10356
10349
  "text": "boolean"
10357
10350
  },
10358
10351
  "default": "false",
10359
- "fieldName": "showClose"
10352
+ "fieldName": "openOnFocus"
10360
10353
  },
10361
10354
  {
10362
- "name": "dismissed",
10355
+ "name": "editable",
10363
10356
  "type": {
10364
10357
  "text": "boolean"
10365
10358
  },
10366
10359
  "default": "false",
10367
- "fieldName": "dismissed"
10360
+ "fieldName": "editable"
10361
+ },
10362
+ {
10363
+ "name": "target-id",
10364
+ "type": {
10365
+ "text": "string | undefined"
10366
+ },
10367
+ "fieldName": "targetId"
10368
10368
  }
10369
10369
  ],
10370
10370
  "superclass": {
10371
10371
  "name": "LitElement",
10372
10372
  "package": "lit"
10373
10373
  },
10374
- "tagName": "u-snackbar",
10374
+ "tagName": "u-typeahead",
10375
10375
  "customElement": true
10376
10376
  }
10377
10377
  ],
10378
10378
  "exports": [
10379
10379
  {
10380
10380
  "kind": "js",
10381
- "name": "UmSnackbar",
10381
+ "name": "UmTypeahead",
10382
10382
  "declaration": {
10383
- "name": "UmSnackbar",
10384
- "module": "src/snackbar/snackbar.ts"
10383
+ "name": "UmTypeahead",
10384
+ "module": "src/typeahead/typeahead.ts"
10385
10385
  }
10386
10386
  },
10387
10387
  {
10388
10388
  "kind": "custom-element-definition",
10389
- "name": "u-snackbar",
10390
- "declaration": {
10391
- "name": "UmSnackbar",
10392
- "module": "src/snackbar/snackbar.ts"
10393
- }
10394
- }
10395
- ]
10396
- },
10397
- {
10398
- "kind": "javascript-module",
10399
- "path": "src/shared/sets/set-base.ts",
10400
- "declarations": [
10401
- {
10402
- "kind": "class",
10403
- "description": "",
10404
- "name": "UmSetBase",
10405
- "members": [
10406
- {
10407
- "kind": "field",
10408
- "name": "alignment",
10409
- "type": {
10410
- "text": "'start' | 'center' | 'end'"
10411
- },
10412
- "default": "'start'",
10413
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10414
- "attribute": "alignment",
10415
- "reflects": true
10416
- }
10417
- ],
10418
- "attributes": [
10419
- {
10420
- "name": "alignment",
10421
- "type": {
10422
- "text": "'start' | 'center' | 'end'"
10423
- },
10424
- "default": "'start'",
10425
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10426
- "fieldName": "alignment"
10427
- }
10428
- ],
10429
- "superclass": {
10430
- "name": "LitElement",
10431
- "package": "lit"
10432
- },
10433
- "customElement": true
10434
- }
10435
- ],
10436
- "exports": [
10437
- {
10438
- "kind": "js",
10439
- "name": "UmSetBase",
10389
+ "name": "u-typeahead",
10440
10390
  "declaration": {
10441
- "name": "UmSetBase",
10442
- "module": "src/shared/sets/set-base.ts"
10391
+ "name": "UmTypeahead",
10392
+ "module": "src/typeahead/typeahead.ts"
10443
10393
  }
10444
10394
  }
10445
10395
  ]
@@ -10701,6 +10651,56 @@
10701
10651
  }
10702
10652
  ]
10703
10653
  },
10654
+ {
10655
+ "kind": "javascript-module",
10656
+ "path": "src/shared/sets/set-base.ts",
10657
+ "declarations": [
10658
+ {
10659
+ "kind": "class",
10660
+ "description": "",
10661
+ "name": "UmSetBase",
10662
+ "members": [
10663
+ {
10664
+ "kind": "field",
10665
+ "name": "alignment",
10666
+ "type": {
10667
+ "text": "'start' | 'center' | 'end'"
10668
+ },
10669
+ "default": "'start'",
10670
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10671
+ "attribute": "alignment",
10672
+ "reflects": true
10673
+ }
10674
+ ],
10675
+ "attributes": [
10676
+ {
10677
+ "name": "alignment",
10678
+ "type": {
10679
+ "text": "'start' | 'center' | 'end'"
10680
+ },
10681
+ "default": "'start'",
10682
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10683
+ "fieldName": "alignment"
10684
+ }
10685
+ ],
10686
+ "superclass": {
10687
+ "name": "LitElement",
10688
+ "package": "lit"
10689
+ },
10690
+ "customElement": true
10691
+ }
10692
+ ],
10693
+ "exports": [
10694
+ {
10695
+ "kind": "js",
10696
+ "name": "UmSetBase",
10697
+ "declaration": {
10698
+ "name": "UmSetBase",
10699
+ "module": "src/shared/sets/set-base.ts"
10700
+ }
10701
+ }
10702
+ ]
10703
+ },
10704
10704
  {
10705
10705
  "kind": "javascript-module",
10706
10706
  "path": "src/shared/text-field-base/text-field-base.styles.ts",