@universal-material/web 3.0.125 → 3.0.126

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/custom-elements.json +1362 -1344
  2. package/menu/menu.d.ts.map +1 -1
  3. package/menu/menu.js +30 -12
  4. package/menu/menu.js.map +1 -1
  5. package/menu/menu.styles.d.ts.map +1 -1
  6. package/menu/menu.styles.js +12 -15
  7. package/menu/menu.styles.js.map +1 -1
  8. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -2718,6 +2718,255 @@
2718
2718
  }
2719
2719
  ]
2720
2720
  },
2721
+ {
2722
+ "kind": "javascript-module",
2723
+ "path": "src/card/card-content.styles.ts",
2724
+ "declarations": [
2725
+ {
2726
+ "kind": "variable",
2727
+ "name": "styles",
2728
+ "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`"
2729
+ }
2730
+ ],
2731
+ "exports": [
2732
+ {
2733
+ "kind": "js",
2734
+ "name": "styles",
2735
+ "declaration": {
2736
+ "name": "styles",
2737
+ "module": "src/card/card-content.styles.ts"
2738
+ }
2739
+ }
2740
+ ]
2741
+ },
2742
+ {
2743
+ "kind": "javascript-module",
2744
+ "path": "src/card/card-content.ts",
2745
+ "declarations": [
2746
+ {
2747
+ "kind": "class",
2748
+ "description": "",
2749
+ "name": "UmCardContent",
2750
+ "members": [
2751
+ {
2752
+ "kind": "field",
2753
+ "name": "hasContent",
2754
+ "type": {
2755
+ "text": "boolean"
2756
+ },
2757
+ "default": "false",
2758
+ "attribute": "has-content",
2759
+ "reflects": true
2760
+ },
2761
+ {
2762
+ "kind": "method",
2763
+ "name": "handleSlotChange",
2764
+ "privacy": "private",
2765
+ "parameters": [
2766
+ {
2767
+ "name": "e",
2768
+ "type": {
2769
+ "text": "Event"
2770
+ }
2771
+ }
2772
+ ]
2773
+ }
2774
+ ],
2775
+ "attributes": [
2776
+ {
2777
+ "name": "has-content",
2778
+ "type": {
2779
+ "text": "boolean"
2780
+ },
2781
+ "default": "false",
2782
+ "fieldName": "hasContent"
2783
+ }
2784
+ ],
2785
+ "superclass": {
2786
+ "name": "LitElement",
2787
+ "package": "lit"
2788
+ },
2789
+ "tagName": "u-card-content",
2790
+ "customElement": true
2791
+ }
2792
+ ],
2793
+ "exports": [
2794
+ {
2795
+ "kind": "js",
2796
+ "name": "UmCardContent",
2797
+ "declaration": {
2798
+ "name": "UmCardContent",
2799
+ "module": "src/card/card-content.ts"
2800
+ }
2801
+ },
2802
+ {
2803
+ "kind": "custom-element-definition",
2804
+ "name": "u-card-content",
2805
+ "declaration": {
2806
+ "name": "UmCardContent",
2807
+ "module": "src/card/card-content.ts"
2808
+ }
2809
+ }
2810
+ ]
2811
+ },
2812
+ {
2813
+ "kind": "javascript-module",
2814
+ "path": "src/card/card-media.styles.ts",
2815
+ "declarations": [
2816
+ {
2817
+ "kind": "variable",
2818
+ "name": "styles",
2819
+ "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`"
2820
+ }
2821
+ ],
2822
+ "exports": [
2823
+ {
2824
+ "kind": "js",
2825
+ "name": "styles",
2826
+ "declaration": {
2827
+ "name": "styles",
2828
+ "module": "src/card/card-media.styles.ts"
2829
+ }
2830
+ }
2831
+ ]
2832
+ },
2833
+ {
2834
+ "kind": "javascript-module",
2835
+ "path": "src/card/card-media.ts",
2836
+ "declarations": [
2837
+ {
2838
+ "kind": "class",
2839
+ "description": "",
2840
+ "name": "UmCardMedia",
2841
+ "members": [
2842
+ {
2843
+ "kind": "field",
2844
+ "name": "wide",
2845
+ "type": {
2846
+ "text": "boolean"
2847
+ },
2848
+ "default": "false",
2849
+ "attribute": "wide",
2850
+ "reflects": true
2851
+ }
2852
+ ],
2853
+ "attributes": [
2854
+ {
2855
+ "name": "wide",
2856
+ "type": {
2857
+ "text": "boolean"
2858
+ },
2859
+ "default": "false",
2860
+ "fieldName": "wide"
2861
+ }
2862
+ ],
2863
+ "superclass": {
2864
+ "name": "LitElement",
2865
+ "package": "lit"
2866
+ },
2867
+ "tagName": "u-card-media",
2868
+ "customElement": true
2869
+ }
2870
+ ],
2871
+ "exports": [
2872
+ {
2873
+ "kind": "js",
2874
+ "name": "UmCardMedia",
2875
+ "declaration": {
2876
+ "name": "UmCardMedia",
2877
+ "module": "src/card/card-media.ts"
2878
+ }
2879
+ },
2880
+ {
2881
+ "kind": "custom-element-definition",
2882
+ "name": "u-card-media",
2883
+ "declaration": {
2884
+ "name": "UmCardMedia",
2885
+ "module": "src/card/card-media.ts"
2886
+ }
2887
+ }
2888
+ ]
2889
+ },
2890
+ {
2891
+ "kind": "javascript-module",
2892
+ "path": "src/card/card.styles.ts",
2893
+ "declarations": [
2894
+ {
2895
+ "kind": "variable",
2896
+ "name": "styles",
2897
+ "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 --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\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 --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\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`"
2898
+ }
2899
+ ],
2900
+ "exports": [
2901
+ {
2902
+ "kind": "js",
2903
+ "name": "styles",
2904
+ "declaration": {
2905
+ "name": "styles",
2906
+ "module": "src/card/card.styles.ts"
2907
+ }
2908
+ }
2909
+ ]
2910
+ },
2911
+ {
2912
+ "kind": "javascript-module",
2913
+ "path": "src/card/card.ts",
2914
+ "declarations": [
2915
+ {
2916
+ "kind": "class",
2917
+ "description": "",
2918
+ "name": "UmCard",
2919
+ "members": [
2920
+ {
2921
+ "kind": "field",
2922
+ "name": "variant",
2923
+ "type": {
2924
+ "text": "UmCardVariant"
2925
+ },
2926
+ "default": "'filled'",
2927
+ "description": "The Card variant to render.",
2928
+ "attribute": "variant",
2929
+ "reflects": true
2930
+ }
2931
+ ],
2932
+ "attributes": [
2933
+ {
2934
+ "name": "variant",
2935
+ "type": {
2936
+ "text": "UmCardVariant"
2937
+ },
2938
+ "default": "'filled'",
2939
+ "description": "The Card variant to render.",
2940
+ "fieldName": "variant"
2941
+ }
2942
+ ],
2943
+ "superclass": {
2944
+ "name": "LitElement",
2945
+ "package": "lit"
2946
+ },
2947
+ "tagName": "u-card",
2948
+ "customElement": true
2949
+ }
2950
+ ],
2951
+ "exports": [
2952
+ {
2953
+ "kind": "js",
2954
+ "name": "UmCard",
2955
+ "declaration": {
2956
+ "name": "UmCard",
2957
+ "module": "src/card/card.ts"
2958
+ }
2959
+ },
2960
+ {
2961
+ "kind": "custom-element-definition",
2962
+ "name": "u-card",
2963
+ "declaration": {
2964
+ "name": "UmCard",
2965
+ "module": "src/card/card.ts"
2966
+ }
2967
+ }
2968
+ ]
2969
+ },
2721
2970
  {
2722
2971
  "kind": "javascript-module",
2723
2972
  "path": "src/checkbox/checkbox-list-item.ts",
@@ -3525,12 +3774,12 @@
3525
3774
  },
3526
3775
  {
3527
3776
  "kind": "javascript-module",
3528
- "path": "src/card/card-content.styles.ts",
3777
+ "path": "src/chip/chip-set.styles.ts",
3529
3778
  "declarations": [
3530
3779
  {
3531
3780
  "kind": "variable",
3532
3781
  "name": "styles",
3533
- "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`"
3782
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3534
3783
  }
3535
3784
  ],
3536
3785
  "exports": [
@@ -3539,256 +3788,7 @@
3539
3788
  "name": "styles",
3540
3789
  "declaration": {
3541
3790
  "name": "styles",
3542
- "module": "src/card/card-content.styles.ts"
3543
- }
3544
- }
3545
- ]
3546
- },
3547
- {
3548
- "kind": "javascript-module",
3549
- "path": "src/card/card-content.ts",
3550
- "declarations": [
3551
- {
3552
- "kind": "class",
3553
- "description": "",
3554
- "name": "UmCardContent",
3555
- "members": [
3556
- {
3557
- "kind": "field",
3558
- "name": "hasContent",
3559
- "type": {
3560
- "text": "boolean"
3561
- },
3562
- "default": "false",
3563
- "attribute": "has-content",
3564
- "reflects": true
3565
- },
3566
- {
3567
- "kind": "method",
3568
- "name": "handleSlotChange",
3569
- "privacy": "private",
3570
- "parameters": [
3571
- {
3572
- "name": "e",
3573
- "type": {
3574
- "text": "Event"
3575
- }
3576
- }
3577
- ]
3578
- }
3579
- ],
3580
- "attributes": [
3581
- {
3582
- "name": "has-content",
3583
- "type": {
3584
- "text": "boolean"
3585
- },
3586
- "default": "false",
3587
- "fieldName": "hasContent"
3588
- }
3589
- ],
3590
- "superclass": {
3591
- "name": "LitElement",
3592
- "package": "lit"
3593
- },
3594
- "tagName": "u-card-content",
3595
- "customElement": true
3596
- }
3597
- ],
3598
- "exports": [
3599
- {
3600
- "kind": "js",
3601
- "name": "UmCardContent",
3602
- "declaration": {
3603
- "name": "UmCardContent",
3604
- "module": "src/card/card-content.ts"
3605
- }
3606
- },
3607
- {
3608
- "kind": "custom-element-definition",
3609
- "name": "u-card-content",
3610
- "declaration": {
3611
- "name": "UmCardContent",
3612
- "module": "src/card/card-content.ts"
3613
- }
3614
- }
3615
- ]
3616
- },
3617
- {
3618
- "kind": "javascript-module",
3619
- "path": "src/card/card-media.styles.ts",
3620
- "declarations": [
3621
- {
3622
- "kind": "variable",
3623
- "name": "styles",
3624
- "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`"
3625
- }
3626
- ],
3627
- "exports": [
3628
- {
3629
- "kind": "js",
3630
- "name": "styles",
3631
- "declaration": {
3632
- "name": "styles",
3633
- "module": "src/card/card-media.styles.ts"
3634
- }
3635
- }
3636
- ]
3637
- },
3638
- {
3639
- "kind": "javascript-module",
3640
- "path": "src/card/card-media.ts",
3641
- "declarations": [
3642
- {
3643
- "kind": "class",
3644
- "description": "",
3645
- "name": "UmCardMedia",
3646
- "members": [
3647
- {
3648
- "kind": "field",
3649
- "name": "wide",
3650
- "type": {
3651
- "text": "boolean"
3652
- },
3653
- "default": "false",
3654
- "attribute": "wide",
3655
- "reflects": true
3656
- }
3657
- ],
3658
- "attributes": [
3659
- {
3660
- "name": "wide",
3661
- "type": {
3662
- "text": "boolean"
3663
- },
3664
- "default": "false",
3665
- "fieldName": "wide"
3666
- }
3667
- ],
3668
- "superclass": {
3669
- "name": "LitElement",
3670
- "package": "lit"
3671
- },
3672
- "tagName": "u-card-media",
3673
- "customElement": true
3674
- }
3675
- ],
3676
- "exports": [
3677
- {
3678
- "kind": "js",
3679
- "name": "UmCardMedia",
3680
- "declaration": {
3681
- "name": "UmCardMedia",
3682
- "module": "src/card/card-media.ts"
3683
- }
3684
- },
3685
- {
3686
- "kind": "custom-element-definition",
3687
- "name": "u-card-media",
3688
- "declaration": {
3689
- "name": "UmCardMedia",
3690
- "module": "src/card/card-media.ts"
3691
- }
3692
- }
3693
- ]
3694
- },
3695
- {
3696
- "kind": "javascript-module",
3697
- "path": "src/card/card.styles.ts",
3698
- "declarations": [
3699
- {
3700
- "kind": "variable",
3701
- "name": "styles",
3702
- "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 --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\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 --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\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`"
3703
- }
3704
- ],
3705
- "exports": [
3706
- {
3707
- "kind": "js",
3708
- "name": "styles",
3709
- "declaration": {
3710
- "name": "styles",
3711
- "module": "src/card/card.styles.ts"
3712
- }
3713
- }
3714
- ]
3715
- },
3716
- {
3717
- "kind": "javascript-module",
3718
- "path": "src/card/card.ts",
3719
- "declarations": [
3720
- {
3721
- "kind": "class",
3722
- "description": "",
3723
- "name": "UmCard",
3724
- "members": [
3725
- {
3726
- "kind": "field",
3727
- "name": "variant",
3728
- "type": {
3729
- "text": "UmCardVariant"
3730
- },
3731
- "default": "'filled'",
3732
- "description": "The Card variant to render.",
3733
- "attribute": "variant",
3734
- "reflects": true
3735
- }
3736
- ],
3737
- "attributes": [
3738
- {
3739
- "name": "variant",
3740
- "type": {
3741
- "text": "UmCardVariant"
3742
- },
3743
- "default": "'filled'",
3744
- "description": "The Card variant to render.",
3745
- "fieldName": "variant"
3746
- }
3747
- ],
3748
- "superclass": {
3749
- "name": "LitElement",
3750
- "package": "lit"
3751
- },
3752
- "tagName": "u-card",
3753
- "customElement": true
3754
- }
3755
- ],
3756
- "exports": [
3757
- {
3758
- "kind": "js",
3759
- "name": "UmCard",
3760
- "declaration": {
3761
- "name": "UmCard",
3762
- "module": "src/card/card.ts"
3763
- }
3764
- },
3765
- {
3766
- "kind": "custom-element-definition",
3767
- "name": "u-card",
3768
- "declaration": {
3769
- "name": "UmCard",
3770
- "module": "src/card/card.ts"
3771
- }
3772
- }
3773
- ]
3774
- },
3775
- {
3776
- "kind": "javascript-module",
3777
- "path": "src/chip/chip-set.styles.ts",
3778
- "declarations": [
3779
- {
3780
- "kind": "variable",
3781
- "name": "styles",
3782
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3783
- }
3784
- ],
3785
- "exports": [
3786
- {
3787
- "kind": "js",
3788
- "name": "styles",
3789
- "declaration": {
3790
- "name": "styles",
3791
- "module": "src/chip/chip-set.styles.ts"
3791
+ "module": "src/chip/chip-set.styles.ts"
3792
3792
  }
3793
3793
  }
3794
3794
  ]
@@ -7822,7 +7822,7 @@
7822
7822
  {
7823
7823
  "kind": "variable",
7824
7824
  "name": "styles",
7825
- "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform-origin: bottom;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n :host([open]) .menu {\n opacity: 1;\n animation-fill-mode: forwards;\n animation-direction: normal;\n animation: menu-open 350ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale3d(1, 1, 1);\n }\n :host([open]) .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`"
7825
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform-origin: bottom;\n }\n .menu.open {\n opacity: 1;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n transform: scale3d(1, 1, 1);\n }\n .menu.open .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`"
7826
7826
  }
7827
7827
  ],
7828
7828
  "exports": [
@@ -7864,6 +7864,14 @@
7864
7864
  "attribute": "open",
7865
7865
  "reflects": true
7866
7866
  },
7867
+ {
7868
+ "kind": "method",
7869
+ "name": "#show"
7870
+ },
7871
+ {
7872
+ "kind": "method",
7873
+ "name": "#hide"
7874
+ },
7867
7875
  {
7868
7876
  "kind": "field",
7869
7877
  "name": "positioning",
@@ -7939,8 +7947,18 @@
7939
7947
  },
7940
7948
  {
7941
7949
  "kind": "field",
7942
- "name": "#anchorElement",
7943
- "privacy": "private",
7950
+ "name": "#onOpened",
7951
+ "privacy": "private"
7952
+ },
7953
+ {
7954
+ "kind": "field",
7955
+ "name": "#onClosed",
7956
+ "privacy": "private"
7957
+ },
7958
+ {
7959
+ "kind": "field",
7960
+ "name": "#anchorElement",
7961
+ "privacy": "private",
7944
7962
  "type": {
7945
7963
  "text": "HTMLElement | null | undefined"
7946
7964
  }
@@ -9206,6 +9224,245 @@
9206
9224
  }
9207
9225
  ]
9208
9226
  },
9227
+ {
9228
+ "kind": "javascript-module",
9229
+ "path": "src/ripple/ripple.styles.ts",
9230
+ "declarations": [
9231
+ {
9232
+ "kind": "variable",
9233
+ "name": "styles",
9234
+ "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
9235
+ }
9236
+ ],
9237
+ "exports": [
9238
+ {
9239
+ "kind": "js",
9240
+ "name": "styles",
9241
+ "declaration": {
9242
+ "name": "styles",
9243
+ "module": "src/ripple/ripple.styles.ts"
9244
+ }
9245
+ }
9246
+ ]
9247
+ },
9248
+ {
9249
+ "kind": "javascript-module",
9250
+ "path": "src/ripple/ripple.ts",
9251
+ "declarations": [
9252
+ {
9253
+ "kind": "class",
9254
+ "description": "",
9255
+ "name": "UmRipple",
9256
+ "members": [
9257
+ {
9258
+ "kind": "field",
9259
+ "name": "isTouching",
9260
+ "type": {
9261
+ "text": "boolean"
9262
+ },
9263
+ "privacy": "private",
9264
+ "default": "false"
9265
+ },
9266
+ {
9267
+ "kind": "field",
9268
+ "name": "disabled",
9269
+ "type": {
9270
+ "text": "boolean"
9271
+ },
9272
+ "default": "false",
9273
+ "description": "Disables the ripple.",
9274
+ "attribute": "disabled",
9275
+ "reflects": true
9276
+ },
9277
+ {
9278
+ "kind": "field",
9279
+ "name": "rippleContainer",
9280
+ "type": {
9281
+ "text": "HTMLElement"
9282
+ },
9283
+ "privacy": "private"
9284
+ },
9285
+ {
9286
+ "kind": "method",
9287
+ "name": "attachEvents",
9288
+ "privacy": "private",
9289
+ "return": {
9290
+ "type": {
9291
+ "text": "void"
9292
+ }
9293
+ }
9294
+ },
9295
+ {
9296
+ "kind": "method",
9297
+ "name": "dettachEvents",
9298
+ "privacy": "private",
9299
+ "return": {
9300
+ "type": {
9301
+ "text": "void"
9302
+ }
9303
+ }
9304
+ },
9305
+ {
9306
+ "kind": "method",
9307
+ "name": "handleMouseDown",
9308
+ "privacy": "private",
9309
+ "return": {
9310
+ "type": {
9311
+ "text": "void"
9312
+ }
9313
+ },
9314
+ "parameters": [
9315
+ {
9316
+ "name": "e",
9317
+ "type": {
9318
+ "text": "MouseEvent"
9319
+ }
9320
+ }
9321
+ ]
9322
+ },
9323
+ {
9324
+ "kind": "method",
9325
+ "name": "handleTouchStart",
9326
+ "privacy": "private",
9327
+ "return": {
9328
+ "type": {
9329
+ "text": "void"
9330
+ }
9331
+ },
9332
+ "parameters": [
9333
+ {
9334
+ "name": "e",
9335
+ "type": {
9336
+ "text": "TouchEvent"
9337
+ }
9338
+ }
9339
+ ]
9340
+ },
9341
+ {
9342
+ "kind": "method",
9343
+ "name": "canCreateRipple",
9344
+ "privacy": "private",
9345
+ "return": {
9346
+ "type": {
9347
+ "text": "boolean"
9348
+ }
9349
+ }
9350
+ },
9351
+ {
9352
+ "kind": "method",
9353
+ "name": "createRipple",
9354
+ "return": {
9355
+ "type": {
9356
+ "text": "(() => void) | null"
9357
+ }
9358
+ },
9359
+ "parameters": [
9360
+ {
9361
+ "name": "targetX",
9362
+ "default": "null",
9363
+ "type": {
9364
+ "text": "number | null"
9365
+ }
9366
+ },
9367
+ {
9368
+ "name": "targetY",
9369
+ "default": "null",
9370
+ "type": {
9371
+ "text": "number | null"
9372
+ }
9373
+ },
9374
+ {
9375
+ "name": "releaseEventName",
9376
+ "default": "null",
9377
+ "type": {
9378
+ "text": "string | null"
9379
+ }
9380
+ }
9381
+ ]
9382
+ },
9383
+ {
9384
+ "kind": "method",
9385
+ "name": "createDismissEvent",
9386
+ "privacy": "private",
9387
+ "return": {
9388
+ "type": {
9389
+ "text": "() => void"
9390
+ }
9391
+ },
9392
+ "parameters": [
9393
+ {
9394
+ "name": "ripple",
9395
+ "type": {
9396
+ "text": "HTMLElement"
9397
+ }
9398
+ },
9399
+ {
9400
+ "name": "releaseEventName",
9401
+ "type": {
9402
+ "text": "string"
9403
+ }
9404
+ }
9405
+ ]
9406
+ },
9407
+ {
9408
+ "kind": "method",
9409
+ "name": "_setElementSquareSizeAndCenter",
9410
+ "privacy": "private",
9411
+ "static": true,
9412
+ "parameters": [
9413
+ {
9414
+ "name": "element",
9415
+ "type": {
9416
+ "text": "HTMLElement"
9417
+ }
9418
+ },
9419
+ {
9420
+ "name": "size",
9421
+ "type": {
9422
+ "text": "number"
9423
+ }
9424
+ }
9425
+ ]
9426
+ }
9427
+ ],
9428
+ "attributes": [
9429
+ {
9430
+ "name": "disabled",
9431
+ "type": {
9432
+ "text": "boolean"
9433
+ },
9434
+ "default": "false",
9435
+ "description": "Disables the ripple.",
9436
+ "fieldName": "disabled"
9437
+ }
9438
+ ],
9439
+ "superclass": {
9440
+ "name": "LitElement",
9441
+ "package": "lit"
9442
+ },
9443
+ "tagName": "u-ripple",
9444
+ "customElement": true
9445
+ }
9446
+ ],
9447
+ "exports": [
9448
+ {
9449
+ "kind": "js",
9450
+ "name": "UmRipple",
9451
+ "declaration": {
9452
+ "name": "UmRipple",
9453
+ "module": "src/ripple/ripple.ts"
9454
+ }
9455
+ },
9456
+ {
9457
+ "kind": "custom-element-definition",
9458
+ "name": "u-ripple",
9459
+ "declaration": {
9460
+ "name": "UmRipple",
9461
+ "module": "src/ripple/ripple.ts"
9462
+ }
9463
+ }
9464
+ ]
9465
+ },
9209
9466
  {
9210
9467
  "kind": "javascript-module",
9211
9468
  "path": "src/radio/radio-list-item.ts",
@@ -10023,12 +10280,12 @@
10023
10280
  },
10024
10281
  {
10025
10282
  "kind": "javascript-module",
10026
- "path": "src/ripple/ripple.styles.ts",
10283
+ "path": "src/shared/base.styles.ts",
10027
10284
  "declarations": [
10028
10285
  {
10029
10286
  "kind": "variable",
10030
10287
  "name": "styles",
10031
- "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
10288
+ "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
10032
10289
  }
10033
10290
  ],
10034
10291
  "exports": [
@@ -10037,186 +10294,196 @@
10037
10294
  "name": "styles",
10038
10295
  "declaration": {
10039
10296
  "name": "styles",
10040
- "module": "src/ripple/ripple.styles.ts"
10297
+ "module": "src/shared/base.styles.ts"
10041
10298
  }
10042
10299
  }
10043
10300
  ]
10044
10301
  },
10045
10302
  {
10046
10303
  "kind": "javascript-module",
10047
- "path": "src/ripple/ripple.ts",
10304
+ "path": "src/shared/button-wrapper.styles.ts",
10305
+ "declarations": [
10306
+ {
10307
+ "kind": "variable",
10308
+ "name": "styles",
10309
+ "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
10310
+ }
10311
+ ],
10312
+ "exports": [
10313
+ {
10314
+ "kind": "js",
10315
+ "name": "styles",
10316
+ "declaration": {
10317
+ "name": "styles",
10318
+ "module": "src/shared/button-wrapper.styles.ts"
10319
+ }
10320
+ }
10321
+ ]
10322
+ },
10323
+ {
10324
+ "kind": "javascript-module",
10325
+ "path": "src/shared/button-wrapper.ts",
10048
10326
  "declarations": [
10049
10327
  {
10050
10328
  "kind": "class",
10051
10329
  "description": "",
10052
- "name": "UmRipple",
10330
+ "name": "UmButtonWrapper",
10053
10331
  "members": [
10054
10332
  {
10055
10333
  "kind": "field",
10056
- "name": "isTouching",
10334
+ "name": "disabled",
10057
10335
  "type": {
10058
10336
  "text": "boolean"
10059
10337
  },
10060
- "privacy": "private",
10061
- "default": "false"
10338
+ "default": "false",
10339
+ "description": "Whether the button is disabled or not.",
10340
+ "attribute": "disabled",
10341
+ "reflects": true
10062
10342
  },
10063
10343
  {
10064
10344
  "kind": "field",
10065
- "name": "disabled",
10345
+ "name": "renderRipple",
10066
10346
  "type": {
10067
10347
  "text": "boolean"
10068
10348
  },
10069
- "default": "false",
10070
- "description": "Disables the ripple.",
10071
- "attribute": "disabled",
10072
- "reflects": true
10349
+ "default": "true"
10073
10350
  },
10074
10351
  {
10075
10352
  "kind": "field",
10076
- "name": "rippleContainer",
10353
+ "name": "href",
10354
+ "type": {
10355
+ "text": "string | undefined"
10356
+ },
10357
+ "description": "The URL that the link button points to.",
10358
+ "attribute": "href"
10359
+ },
10360
+ {
10361
+ "kind": "field",
10362
+ "name": "target",
10363
+ "type": {
10364
+ "text": "string | undefined"
10365
+ },
10366
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
10367
+ "attribute": "target"
10368
+ },
10369
+ {
10370
+ "kind": "field",
10371
+ "name": "name",
10372
+ "type": {
10373
+ "text": "string | undefined"
10374
+ },
10375
+ "attribute": "name"
10376
+ },
10377
+ {
10378
+ "kind": "field",
10379
+ "name": "buttonElement",
10077
10380
  "type": {
10078
10381
  "text": "HTMLElement"
10382
+ }
10383
+ },
10384
+ {
10385
+ "kind": "field",
10386
+ "name": "ripple",
10387
+ "type": {
10388
+ "text": "UmRipple"
10079
10389
  },
10080
10390
  "privacy": "private"
10081
10391
  },
10082
10392
  {
10083
- "kind": "method",
10084
- "name": "attachEvents",
10085
- "privacy": "private",
10086
- "return": {
10087
- "type": {
10088
- "text": "void"
10089
- }
10393
+ "kind": "field",
10394
+ "name": "innerRole",
10395
+ "type": {
10396
+ "text": "string | null"
10397
+ },
10398
+ "privacy": "protected",
10399
+ "default": "null"
10400
+ },
10401
+ {
10402
+ "kind": "field",
10403
+ "name": "pathname",
10404
+ "type": {
10405
+ "text": "string"
10090
10406
  }
10091
10407
  },
10092
10408
  {
10093
10409
  "kind": "method",
10094
- "name": "dettachEvents",
10095
- "privacy": "private",
10410
+ "name": "renderButton",
10411
+ "privacy": "private"
10412
+ },
10413
+ {
10414
+ "kind": "method",
10415
+ "name": "renderLink",
10416
+ "privacy": "private"
10417
+ },
10418
+ {
10419
+ "kind": "method",
10420
+ "name": "renderContent",
10421
+ "privacy": "protected",
10096
10422
  "return": {
10097
10423
  "type": {
10098
- "text": "void"
10424
+ "text": "HTMLTemplateResult"
10099
10425
  }
10100
10426
  }
10101
10427
  },
10102
10428
  {
10103
10429
  "kind": "method",
10104
- "name": "handleMouseDown",
10105
- "privacy": "private",
10106
- "return": {
10107
- "type": {
10108
- "text": "void"
10109
- }
10110
- },
10111
- "parameters": [
10112
- {
10113
- "name": "e",
10114
- "type": {
10115
- "text": "MouseEvent"
10116
- }
10117
- }
10118
- ]
10430
+ "name": "focus"
10119
10431
  },
10120
10432
  {
10121
10433
  "kind": "method",
10122
- "name": "handleTouchStart",
10123
- "privacy": "private",
10434
+ "name": "blur"
10435
+ },
10436
+ {
10437
+ "kind": "method",
10438
+ "name": "getAriaLabel",
10439
+ "privacy": "protected",
10124
10440
  "return": {
10125
10441
  "type": {
10126
- "text": "void"
10127
- }
10128
- },
10129
- "parameters": [
10130
- {
10131
- "name": "e",
10132
- "type": {
10133
- "text": "TouchEvent"
10134
- }
10442
+ "text": "string | null"
10135
10443
  }
10136
- ]
10444
+ }
10137
10445
  },
10138
10446
  {
10139
10447
  "kind": "method",
10140
- "name": "canCreateRipple",
10448
+ "name": "innerFocusHandler",
10141
10449
  "privacy": "private",
10142
10450
  "return": {
10143
10451
  "type": {
10144
- "text": "boolean"
10452
+ "text": "void"
10145
10453
  }
10146
10454
  }
10147
10455
  },
10148
10456
  {
10149
10457
  "kind": "method",
10150
- "name": "createRipple",
10458
+ "name": "#innerClickHandler",
10151
10459
  "return": {
10152
10460
  "type": {
10153
- "text": "(() => void) | null"
10461
+ "text": "void"
10154
10462
  }
10155
10463
  },
10156
10464
  "parameters": [
10157
10465
  {
10158
- "name": "targetX",
10159
- "default": "null",
10160
- "type": {
10161
- "text": "number | null"
10162
- }
10163
- },
10164
- {
10165
- "name": "targetY",
10166
- "default": "null",
10167
- "type": {
10168
- "text": "number | null"
10169
- }
10170
- },
10171
- {
10172
- "name": "releaseEventName",
10173
- "default": "null",
10466
+ "name": "event",
10174
10467
  "type": {
10175
- "text": "string | null"
10468
+ "text": "MouseEvent"
10176
10469
  }
10177
10470
  }
10178
10471
  ]
10179
10472
  },
10180
10473
  {
10181
10474
  "kind": "method",
10182
- "name": "createDismissEvent",
10183
- "privacy": "private",
10475
+ "name": "handleClick",
10476
+ "privacy": "protected",
10184
10477
  "return": {
10185
10478
  "type": {
10186
- "text": "() => void"
10479
+ "text": "void"
10187
10480
  }
10188
10481
  },
10189
10482
  "parameters": [
10190
10483
  {
10191
- "name": "ripple",
10192
- "type": {
10193
- "text": "HTMLElement"
10194
- }
10195
- },
10196
- {
10197
- "name": "releaseEventName",
10198
- "type": {
10199
- "text": "string"
10200
- }
10201
- }
10202
- ]
10203
- },
10204
- {
10205
- "kind": "method",
10206
- "name": "_setElementSquareSizeAndCenter",
10207
- "privacy": "private",
10208
- "static": true,
10209
- "parameters": [
10210
- {
10211
- "name": "element",
10212
- "type": {
10213
- "text": "HTMLElement"
10214
- }
10215
- },
10216
- {
10217
- "name": "size",
10484
+ "name": "_",
10218
10485
  "type": {
10219
- "text": "number"
10486
+ "text": "UIEvent"
10220
10487
  }
10221
10488
  }
10222
10489
  ]
@@ -10229,46 +10496,201 @@
10229
10496
  "text": "boolean"
10230
10497
  },
10231
10498
  "default": "false",
10232
- "description": "Disables the ripple.",
10499
+ "description": "Whether the button is disabled or not.",
10233
10500
  "fieldName": "disabled"
10501
+ },
10502
+ {
10503
+ "name": "href",
10504
+ "type": {
10505
+ "text": "string | undefined"
10506
+ },
10507
+ "description": "The URL that the link button points to.",
10508
+ "fieldName": "href"
10509
+ },
10510
+ {
10511
+ "name": "target",
10512
+ "type": {
10513
+ "text": "string | undefined"
10514
+ },
10515
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
10516
+ "fieldName": "target"
10517
+ },
10518
+ {
10519
+ "name": "name",
10520
+ "type": {
10521
+ "text": "string | undefined"
10522
+ },
10523
+ "fieldName": "name"
10234
10524
  }
10235
10525
  ],
10236
10526
  "superclass": {
10237
10527
  "name": "LitElement",
10238
10528
  "package": "lit"
10239
10529
  },
10240
- "tagName": "u-ripple",
10241
10530
  "customElement": true
10242
10531
  }
10243
10532
  ],
10244
10533
  "exports": [
10245
10534
  {
10246
10535
  "kind": "js",
10247
- "name": "UmRipple",
10248
- "declaration": {
10249
- "name": "UmRipple",
10250
- "module": "src/ripple/ripple.ts"
10251
- }
10252
- },
10253
- {
10254
- "kind": "custom-element-definition",
10255
- "name": "u-ripple",
10536
+ "name": "UmButtonWrapper",
10256
10537
  "declaration": {
10257
- "name": "UmRipple",
10258
- "module": "src/ripple/ripple.ts"
10538
+ "name": "UmButtonWrapper",
10539
+ "module": "src/shared/button-wrapper.ts"
10259
10540
  }
10260
10541
  }
10261
10542
  ]
10262
10543
  },
10263
10544
  {
10264
10545
  "kind": "javascript-module",
10265
- "path": "src/select/extended-option.ts",
10266
- "declarations": [],
10267
- "exports": []
10268
- },
10269
- {
10270
- "kind": "javascript-module",
10271
- "path": "src/select/extended-select.ts",
10546
+ "path": "src/shared/compare-text.ts",
10547
+ "declarations": [
10548
+ {
10549
+ "kind": "function",
10550
+ "name": "normalizedStartsWith",
10551
+ "return": {
10552
+ "type": {
10553
+ "text": "boolean"
10554
+ }
10555
+ },
10556
+ "parameters": [
10557
+ {
10558
+ "name": "text",
10559
+ "type": {
10560
+ "text": "string | null"
10561
+ }
10562
+ },
10563
+ {
10564
+ "name": "term",
10565
+ "type": {
10566
+ "text": "string | null"
10567
+ }
10568
+ }
10569
+ ]
10570
+ }
10571
+ ],
10572
+ "exports": [
10573
+ {
10574
+ "kind": "js",
10575
+ "name": "normalizedStartsWith",
10576
+ "declaration": {
10577
+ "name": "normalizedStartsWith",
10578
+ "module": "src/shared/compare-text.ts"
10579
+ }
10580
+ }
10581
+ ]
10582
+ },
10583
+ {
10584
+ "kind": "javascript-module",
10585
+ "path": "src/shared/extract-template-html.ts",
10586
+ "declarations": [
10587
+ {
10588
+ "kind": "function",
10589
+ "name": "extractTemplateHtml",
10590
+ "parameters": [
10591
+ {
10592
+ "name": "template",
10593
+ "type": {
10594
+ "text": "HTMLTemplateElement"
10595
+ }
10596
+ }
10597
+ ]
10598
+ }
10599
+ ],
10600
+ "exports": [
10601
+ {
10602
+ "kind": "js",
10603
+ "name": "extractTemplateHtml",
10604
+ "declaration": {
10605
+ "name": "extractTemplateHtml",
10606
+ "module": "src/shared/extract-template-html.ts"
10607
+ }
10608
+ }
10609
+ ]
10610
+ },
10611
+ {
10612
+ "kind": "javascript-module",
10613
+ "path": "src/shared/mixin-attribute-properties.ts",
10614
+ "declarations": [
10615
+ {
10616
+ "kind": "mixin",
10617
+ "description": "",
10618
+ "name": "mixinAttributeProperties",
10619
+ "parameters": [
10620
+ {
10621
+ "name": "base",
10622
+ "type": {
10623
+ "text": "T"
10624
+ }
10625
+ },
10626
+ {
10627
+ "name": "properties",
10628
+ "type": {
10629
+ "text": "string[]"
10630
+ }
10631
+ }
10632
+ ]
10633
+ }
10634
+ ],
10635
+ "exports": [
10636
+ {
10637
+ "kind": "js",
10638
+ "name": "mixinAttributeProperties",
10639
+ "declaration": {
10640
+ "name": "mixinAttributeProperties",
10641
+ "module": "src/shared/mixin-attribute-properties.ts"
10642
+ }
10643
+ }
10644
+ ]
10645
+ },
10646
+ {
10647
+ "kind": "javascript-module",
10648
+ "path": "src/shared/mixin.ts",
10649
+ "declarations": [],
10650
+ "exports": []
10651
+ },
10652
+ {
10653
+ "kind": "javascript-module",
10654
+ "path": "src/shared/normalize-text.ts",
10655
+ "declarations": [
10656
+ {
10657
+ "kind": "function",
10658
+ "name": "normalizeText",
10659
+ "return": {
10660
+ "type": {
10661
+ "text": "string"
10662
+ }
10663
+ },
10664
+ "parameters": [
10665
+ {
10666
+ "name": "text",
10667
+ "type": {
10668
+ "text": "string | null"
10669
+ }
10670
+ }
10671
+ ]
10672
+ }
10673
+ ],
10674
+ "exports": [
10675
+ {
10676
+ "kind": "js",
10677
+ "name": "normalizeText",
10678
+ "declaration": {
10679
+ "name": "normalizeText",
10680
+ "module": "src/shared/normalize-text.ts"
10681
+ }
10682
+ }
10683
+ ]
10684
+ },
10685
+ {
10686
+ "kind": "javascript-module",
10687
+ "path": "src/select/extended-option.ts",
10688
+ "declarations": [],
10689
+ "exports": []
10690
+ },
10691
+ {
10692
+ "kind": "javascript-module",
10693
+ "path": "src/select/extended-select.ts",
10272
10694
  "declarations": [],
10273
10695
  "exports": []
10274
10696
  },
@@ -12031,33 +12453,12 @@
12031
12453
  },
12032
12454
  {
12033
12455
  "kind": "javascript-module",
12034
- "path": "src/shared/base.styles.ts",
12035
- "declarations": [
12036
- {
12037
- "kind": "variable",
12038
- "name": "styles",
12039
- "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
12040
- }
12041
- ],
12042
- "exports": [
12043
- {
12044
- "kind": "js",
12045
- "name": "styles",
12046
- "declaration": {
12047
- "name": "styles",
12048
- "module": "src/shared/base.styles.ts"
12049
- }
12050
- }
12051
- ]
12052
- },
12053
- {
12054
- "kind": "javascript-module",
12055
- "path": "src/shared/button-wrapper.styles.ts",
12456
+ "path": "src/snackbar/snackbar.styles.ts",
12056
12457
  "declarations": [
12057
12458
  {
12058
12459
  "kind": "variable",
12059
12460
  "name": "styles",
12060
- "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
12461
+ "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-bg-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`"
12061
12462
  }
12062
12463
  ],
12063
12464
  "exports": [
@@ -12066,96 +12467,76 @@
12066
12467
  "name": "styles",
12067
12468
  "declaration": {
12068
12469
  "name": "styles",
12069
- "module": "src/shared/button-wrapper.styles.ts"
12470
+ "module": "src/snackbar/snackbar.styles.ts"
12070
12471
  }
12071
12472
  }
12072
12473
  ]
12073
12474
  },
12074
12475
  {
12075
12476
  "kind": "javascript-module",
12076
- "path": "src/shared/button-wrapper.ts",
12477
+ "path": "src/snackbar/snackbar.ts",
12077
12478
  "declarations": [
12078
12479
  {
12079
12480
  "kind": "class",
12080
12481
  "description": "",
12081
- "name": "UmButtonWrapper",
12482
+ "name": "UmSnackbar",
12082
12483
  "members": [
12083
12484
  {
12084
12485
  "kind": "field",
12085
- "name": "disabled",
12486
+ "name": "label",
12086
12487
  "type": {
12087
- "text": "boolean"
12488
+ "text": "string"
12088
12489
  },
12089
- "default": "false",
12090
- "description": "Whether the button is disabled or not.",
12091
- "attribute": "disabled",
12490
+ "default": "''",
12491
+ "attribute": "label",
12092
12492
  "reflects": true
12093
12493
  },
12094
12494
  {
12095
12495
  "kind": "field",
12096
- "name": "renderRipple",
12496
+ "name": "buttonLabel",
12097
12497
  "type": {
12098
- "text": "boolean"
12498
+ "text": "string"
12099
12499
  },
12100
- "default": "true"
12500
+ "default": "''",
12501
+ "attribute": "buttonLabel",
12502
+ "reflects": true
12101
12503
  },
12102
12504
  {
12103
12505
  "kind": "field",
12104
- "name": "href",
12506
+ "name": "showClose",
12105
12507
  "type": {
12106
- "text": "string | undefined"
12508
+ "text": "boolean"
12107
12509
  },
12108
- "description": "The URL that the link button points to.",
12109
- "attribute": "href"
12510
+ "default": "false",
12511
+ "attribute": "show-close",
12512
+ "reflects": true
12110
12513
  },
12111
12514
  {
12112
12515
  "kind": "field",
12113
- "name": "target",
12516
+ "name": "dismissed",
12114
12517
  "type": {
12115
- "text": "string | undefined"
12518
+ "text": "boolean"
12116
12519
  },
12117
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12118
- "attribute": "target"
12520
+ "default": "false",
12521
+ "attribute": "dismissed",
12522
+ "reflects": true
12119
12523
  },
12120
12524
  {
12121
12525
  "kind": "field",
12122
- "name": "name",
12526
+ "name": "duration",
12123
12527
  "type": {
12124
- "text": "string | undefined"
12528
+ "text": "SnackbarDuration"
12125
12529
  },
12126
- "attribute": "name"
12530
+ "privacy": "private"
12127
12531
  },
12128
12532
  {
12129
12533
  "kind": "field",
12130
- "name": "buttonElement",
12534
+ "name": "snackbar",
12131
12535
  "type": {
12132
12536
  "text": "HTMLElement"
12133
- }
12134
- },
12135
- {
12136
- "kind": "field",
12137
- "name": "ripple",
12138
- "type": {
12139
- "text": "UmRipple"
12140
12537
  },
12141
12538
  "privacy": "private"
12142
12539
  },
12143
- {
12144
- "kind": "field",
12145
- "name": "innerRole",
12146
- "type": {
12147
- "text": "string | null"
12148
- },
12149
- "privacy": "protected",
12150
- "default": "null"
12151
- },
12152
- {
12153
- "kind": "field",
12154
- "name": "pathname",
12155
- "type": {
12156
- "text": "string"
12157
- }
12158
- },
12159
12540
  {
12160
12541
  "kind": "method",
12161
12542
  "name": "renderButton",
@@ -12163,78 +12544,118 @@
12163
12544
  },
12164
12545
  {
12165
12546
  "kind": "method",
12166
- "name": "renderLink",
12547
+ "name": "renderCloseButton",
12167
12548
  "privacy": "private"
12168
12549
  },
12169
12550
  {
12170
12551
  "kind": "method",
12171
- "name": "renderContent",
12172
- "privacy": "protected",
12552
+ "name": "dismiss",
12173
12553
  "return": {
12174
12554
  "type": {
12175
- "text": "HTMLTemplateResult"
12555
+ "text": "void"
12176
12556
  }
12177
12557
  }
12178
12558
  },
12179
12559
  {
12180
- "kind": "method",
12181
- "name": "focus"
12182
- },
12183
- {
12184
- "kind": "method",
12185
- "name": "blur"
12560
+ "kind": "field",
12561
+ "name": "_queue",
12562
+ "type": {
12563
+ "text": "UmSnackbar[]"
12564
+ },
12565
+ "privacy": "private",
12566
+ "static": true,
12567
+ "default": "[]"
12568
+ },
12569
+ {
12570
+ "kind": "field",
12571
+ "name": "_consuming",
12572
+ "type": {
12573
+ "text": "boolean"
12574
+ },
12575
+ "privacy": "private",
12576
+ "static": true
12186
12577
  },
12187
12578
  {
12188
12579
  "kind": "method",
12189
- "name": "getAriaLabel",
12190
- "privacy": "protected",
12580
+ "name": "show",
12581
+ "static": true,
12191
12582
  "return": {
12192
12583
  "type": {
12193
- "text": "string | null"
12584
+ "text": "UmSnackbar"
12194
12585
  }
12195
- }
12586
+ },
12587
+ "parameters": [
12588
+ {
12589
+ "name": "label",
12590
+ "type": {
12591
+ "text": "string"
12592
+ }
12593
+ }
12594
+ ]
12196
12595
  },
12197
12596
  {
12198
12597
  "kind": "method",
12199
- "name": "innerFocusHandler",
12200
- "privacy": "private",
12598
+ "name": "show",
12599
+ "static": true,
12201
12600
  "return": {
12202
12601
  "type": {
12203
- "text": "void"
12602
+ "text": "UmSnackbar"
12204
12603
  }
12205
- }
12604
+ },
12605
+ "parameters": [
12606
+ {
12607
+ "name": "config",
12608
+ "type": {
12609
+ "text": "SnackbarConfig"
12610
+ }
12611
+ }
12612
+ ]
12206
12613
  },
12207
12614
  {
12208
12615
  "kind": "method",
12209
- "name": "#innerClickHandler",
12616
+ "name": "show",
12617
+ "static": true,
12210
12618
  "return": {
12211
12619
  "type": {
12212
- "text": "void"
12620
+ "text": "UmSnackbar"
12213
12621
  }
12214
12622
  },
12215
12623
  "parameters": [
12216
12624
  {
12217
- "name": "event",
12625
+ "name": "configOrLabel",
12218
12626
  "type": {
12219
- "text": "MouseEvent"
12627
+ "text": "SnackbarConfig | string"
12220
12628
  }
12221
12629
  }
12222
12630
  ]
12223
12631
  },
12224
12632
  {
12225
12633
  "kind": "method",
12226
- "name": "handleClick",
12227
- "privacy": "protected",
12634
+ "name": "consumeQueue",
12635
+ "privacy": "private",
12636
+ "static": true
12637
+ },
12638
+ {
12639
+ "kind": "method",
12640
+ "name": "showNext",
12641
+ "privacy": "private",
12642
+ "static": true
12643
+ },
12644
+ {
12645
+ "kind": "method",
12646
+ "name": "createSnackbar",
12647
+ "privacy": "private",
12648
+ "static": true,
12228
12649
  "return": {
12229
12650
  "type": {
12230
- "text": "void"
12651
+ "text": "UmSnackbar"
12231
12652
  }
12232
12653
  },
12233
12654
  "parameters": [
12234
12655
  {
12235
- "name": "_",
12656
+ "name": "config",
12236
12657
  "type": {
12237
- "text": "UIEvent"
12658
+ "text": "SnackbarConfig"
12238
12659
  }
12239
12660
  }
12240
12661
  ]
@@ -12242,545 +12663,142 @@
12242
12663
  ],
12243
12664
  "attributes": [
12244
12665
  {
12245
- "name": "disabled",
12666
+ "name": "label",
12246
12667
  "type": {
12247
- "text": "boolean"
12668
+ "text": "string"
12248
12669
  },
12249
- "default": "false",
12250
- "description": "Whether the button is disabled or not.",
12251
- "fieldName": "disabled"
12670
+ "default": "''",
12671
+ "fieldName": "label"
12252
12672
  },
12253
12673
  {
12254
- "name": "href",
12674
+ "name": "buttonLabel",
12255
12675
  "type": {
12256
- "text": "string | undefined"
12676
+ "text": "string"
12257
12677
  },
12258
- "description": "The URL that the link button points to.",
12259
- "fieldName": "href"
12678
+ "default": "''",
12679
+ "fieldName": "buttonLabel"
12260
12680
  },
12261
12681
  {
12262
- "name": "target",
12682
+ "name": "show-close",
12263
12683
  "type": {
12264
- "text": "string | undefined"
12684
+ "text": "boolean"
12265
12685
  },
12266
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12267
- "fieldName": "target"
12686
+ "default": "false",
12687
+ "fieldName": "showClose"
12268
12688
  },
12269
12689
  {
12270
- "name": "name",
12690
+ "name": "dismissed",
12271
12691
  "type": {
12272
- "text": "string | undefined"
12692
+ "text": "boolean"
12273
12693
  },
12274
- "fieldName": "name"
12694
+ "default": "false",
12695
+ "fieldName": "dismissed"
12275
12696
  }
12276
12697
  ],
12277
12698
  "superclass": {
12278
12699
  "name": "LitElement",
12279
12700
  "package": "lit"
12280
12701
  },
12702
+ "tagName": "u-snackbar",
12281
12703
  "customElement": true
12282
12704
  }
12283
12705
  ],
12284
12706
  "exports": [
12285
12707
  {
12286
12708
  "kind": "js",
12287
- "name": "UmButtonWrapper",
12709
+ "name": "UmSnackbar",
12288
12710
  "declaration": {
12289
- "name": "UmButtonWrapper",
12290
- "module": "src/shared/button-wrapper.ts"
12711
+ "name": "UmSnackbar",
12712
+ "module": "src/snackbar/snackbar.ts"
12713
+ }
12714
+ },
12715
+ {
12716
+ "kind": "custom-element-definition",
12717
+ "name": "u-snackbar",
12718
+ "declaration": {
12719
+ "name": "UmSnackbar",
12720
+ "module": "src/snackbar/snackbar.ts"
12291
12721
  }
12292
12722
  }
12293
12723
  ]
12294
12724
  },
12295
12725
  {
12296
12726
  "kind": "javascript-module",
12297
- "path": "src/shared/compare-text.ts",
12727
+ "path": "src/switch/switch-list-item.ts",
12298
12728
  "declarations": [
12299
12729
  {
12300
- "kind": "function",
12301
- "name": "normalizedStartsWith",
12302
- "return": {
12303
- "type": {
12304
- "text": "boolean"
12730
+ "kind": "class",
12731
+ "description": "",
12732
+ "name": "UmSwitchListItem",
12733
+ "mixins": [
12734
+ {
12735
+ "name": "mixinSelectionControlListItem",
12736
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
12305
12737
  }
12738
+ ],
12739
+ "superclass": {
12740
+ "name": "UmSwitch",
12741
+ "module": "/src/switch/switch.js"
12306
12742
  },
12307
- "parameters": [
12743
+ "tagName": "u-switch-list-item",
12744
+ "customElement": true,
12745
+ "members": [
12308
12746
  {
12309
- "name": "text",
12747
+ "kind": "field",
12748
+ "name": "styles",
12310
12749
  "type": {
12311
- "text": "string | null"
12750
+ "text": "array"
12751
+ },
12752
+ "static": true,
12753
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
12754
+ "inheritedFrom": {
12755
+ "name": "mixinSelectionControlListItem",
12756
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
12312
12757
  }
12313
12758
  },
12314
12759
  {
12315
- "name": "term",
12316
- "type": {
12317
- "text": "string | null"
12760
+ "kind": "method",
12761
+ "name": "render",
12762
+ "return": {
12763
+ "type": {
12764
+ "text": "HTMLTemplateResult"
12765
+ }
12766
+ },
12767
+ "inheritedFrom": {
12768
+ "name": "mixinSelectionControlListItem",
12769
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
12318
12770
  }
12319
- }
12320
- ]
12321
- }
12322
- ],
12323
- "exports": [
12324
- {
12325
- "kind": "js",
12326
- "name": "normalizedStartsWith",
12327
- "declaration": {
12328
- "name": "normalizedStartsWith",
12329
- "module": "src/shared/compare-text.ts"
12330
- }
12331
- }
12332
- ]
12333
- },
12334
- {
12335
- "kind": "javascript-module",
12336
- "path": "src/shared/extract-template-html.ts",
12337
- "declarations": [
12338
- {
12339
- "kind": "function",
12340
- "name": "extractTemplateHtml",
12341
- "parameters": [
12771
+ },
12342
12772
  {
12343
- "name": "template",
12773
+ "kind": "field",
12774
+ "name": "renderRipple",
12344
12775
  "type": {
12345
- "text": "HTMLTemplateElement"
12776
+ "text": "boolean"
12777
+ },
12778
+ "privacy": "protected",
12779
+ "default": "false",
12780
+ "inheritedFrom": {
12781
+ "name": "UmSelectionControl",
12782
+ "module": "src/shared/selection-control/selection-control.ts"
12346
12783
  }
12347
- }
12348
- ]
12349
- }
12350
- ],
12351
- "exports": [
12352
- {
12353
- "kind": "js",
12354
- "name": "extractTemplateHtml",
12355
- "declaration": {
12356
- "name": "extractTemplateHtml",
12357
- "module": "src/shared/extract-template-html.ts"
12358
- }
12359
- }
12360
- ]
12361
- },
12362
- {
12363
- "kind": "javascript-module",
12364
- "path": "src/shared/mixin-attribute-properties.ts",
12365
- "declarations": [
12366
- {
12367
- "kind": "mixin",
12368
- "description": "",
12369
- "name": "mixinAttributeProperties",
12370
- "parameters": [
12784
+ },
12371
12785
  {
12372
- "name": "base",
12373
- "type": {
12374
- "text": "T"
12786
+ "kind": "method",
12787
+ "name": "renderIndicator",
12788
+ "privacy": "protected",
12789
+ "return": {
12790
+ "type": {
12791
+ "text": "HTMLTemplateResult"
12792
+ }
12793
+ },
12794
+ "inheritedFrom": {
12795
+ "name": "UmSelectionControl",
12796
+ "module": "src/shared/selection-control/selection-control.ts"
12375
12797
  }
12376
12798
  },
12377
12799
  {
12378
- "name": "properties",
12379
- "type": {
12380
- "text": "string[]"
12381
- }
12382
- }
12383
- ]
12384
- }
12385
- ],
12386
- "exports": [
12387
- {
12388
- "kind": "js",
12389
- "name": "mixinAttributeProperties",
12390
- "declaration": {
12391
- "name": "mixinAttributeProperties",
12392
- "module": "src/shared/mixin-attribute-properties.ts"
12393
- }
12394
- }
12395
- ]
12396
- },
12397
- {
12398
- "kind": "javascript-module",
12399
- "path": "src/shared/mixin.ts",
12400
- "declarations": [],
12401
- "exports": []
12402
- },
12403
- {
12404
- "kind": "javascript-module",
12405
- "path": "src/shared/normalize-text.ts",
12406
- "declarations": [
12407
- {
12408
- "kind": "function",
12409
- "name": "normalizeText",
12410
- "return": {
12411
- "type": {
12412
- "text": "string"
12413
- }
12414
- },
12415
- "parameters": [
12416
- {
12417
- "name": "text",
12418
- "type": {
12419
- "text": "string | null"
12420
- }
12421
- }
12422
- ]
12423
- }
12424
- ],
12425
- "exports": [
12426
- {
12427
- "kind": "js",
12428
- "name": "normalizeText",
12429
- "declaration": {
12430
- "name": "normalizeText",
12431
- "module": "src/shared/normalize-text.ts"
12432
- }
12433
- }
12434
- ]
12435
- },
12436
- {
12437
- "kind": "javascript-module",
12438
- "path": "src/snackbar/snackbar.styles.ts",
12439
- "declarations": [
12440
- {
12441
- "kind": "variable",
12442
- "name": "styles",
12443
- "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-bg-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`"
12444
- }
12445
- ],
12446
- "exports": [
12447
- {
12448
- "kind": "js",
12449
- "name": "styles",
12450
- "declaration": {
12451
- "name": "styles",
12452
- "module": "src/snackbar/snackbar.styles.ts"
12453
- }
12454
- }
12455
- ]
12456
- },
12457
- {
12458
- "kind": "javascript-module",
12459
- "path": "src/snackbar/snackbar.ts",
12460
- "declarations": [
12461
- {
12462
- "kind": "class",
12463
- "description": "",
12464
- "name": "UmSnackbar",
12465
- "members": [
12466
- {
12467
- "kind": "field",
12468
- "name": "label",
12469
- "type": {
12470
- "text": "string"
12471
- },
12472
- "default": "''",
12473
- "attribute": "label",
12474
- "reflects": true
12475
- },
12476
- {
12477
- "kind": "field",
12478
- "name": "buttonLabel",
12479
- "type": {
12480
- "text": "string"
12481
- },
12482
- "default": "''",
12483
- "attribute": "buttonLabel",
12484
- "reflects": true
12485
- },
12486
- {
12487
- "kind": "field",
12488
- "name": "showClose",
12489
- "type": {
12490
- "text": "boolean"
12491
- },
12492
- "default": "false",
12493
- "attribute": "show-close",
12494
- "reflects": true
12495
- },
12496
- {
12497
- "kind": "field",
12498
- "name": "dismissed",
12499
- "type": {
12500
- "text": "boolean"
12501
- },
12502
- "default": "false",
12503
- "attribute": "dismissed",
12504
- "reflects": true
12505
- },
12506
- {
12507
- "kind": "field",
12508
- "name": "duration",
12509
- "type": {
12510
- "text": "SnackbarDuration"
12511
- },
12512
- "privacy": "private"
12513
- },
12514
- {
12515
- "kind": "field",
12516
- "name": "snackbar",
12517
- "type": {
12518
- "text": "HTMLElement"
12519
- },
12520
- "privacy": "private"
12521
- },
12522
- {
12523
- "kind": "method",
12524
- "name": "renderButton",
12525
- "privacy": "private"
12526
- },
12527
- {
12528
- "kind": "method",
12529
- "name": "renderCloseButton",
12530
- "privacy": "private"
12531
- },
12532
- {
12533
- "kind": "method",
12534
- "name": "dismiss",
12535
- "return": {
12536
- "type": {
12537
- "text": "void"
12538
- }
12539
- }
12540
- },
12541
- {
12542
- "kind": "field",
12543
- "name": "_queue",
12544
- "type": {
12545
- "text": "UmSnackbar[]"
12546
- },
12547
- "privacy": "private",
12548
- "static": true,
12549
- "default": "[]"
12550
- },
12551
- {
12552
- "kind": "field",
12553
- "name": "_consuming",
12554
- "type": {
12555
- "text": "boolean"
12556
- },
12557
- "privacy": "private",
12558
- "static": true
12559
- },
12560
- {
12561
- "kind": "method",
12562
- "name": "show",
12563
- "static": true,
12564
- "return": {
12565
- "type": {
12566
- "text": "UmSnackbar"
12567
- }
12568
- },
12569
- "parameters": [
12570
- {
12571
- "name": "label",
12572
- "type": {
12573
- "text": "string"
12574
- }
12575
- }
12576
- ]
12577
- },
12578
- {
12579
- "kind": "method",
12580
- "name": "show",
12581
- "static": true,
12582
- "return": {
12583
- "type": {
12584
- "text": "UmSnackbar"
12585
- }
12586
- },
12587
- "parameters": [
12588
- {
12589
- "name": "config",
12590
- "type": {
12591
- "text": "SnackbarConfig"
12592
- }
12593
- }
12594
- ]
12595
- },
12596
- {
12597
- "kind": "method",
12598
- "name": "show",
12599
- "static": true,
12600
- "return": {
12601
- "type": {
12602
- "text": "UmSnackbar"
12603
- }
12604
- },
12605
- "parameters": [
12606
- {
12607
- "name": "configOrLabel",
12608
- "type": {
12609
- "text": "SnackbarConfig | string"
12610
- }
12611
- }
12612
- ]
12613
- },
12614
- {
12615
- "kind": "method",
12616
- "name": "consumeQueue",
12617
- "privacy": "private",
12618
- "static": true
12619
- },
12620
- {
12621
- "kind": "method",
12622
- "name": "showNext",
12623
- "privacy": "private",
12624
- "static": true
12625
- },
12626
- {
12627
- "kind": "method",
12628
- "name": "createSnackbar",
12629
- "privacy": "private",
12630
- "static": true,
12631
- "return": {
12632
- "type": {
12633
- "text": "UmSnackbar"
12634
- }
12635
- },
12636
- "parameters": [
12637
- {
12638
- "name": "config",
12639
- "type": {
12640
- "text": "SnackbarConfig"
12641
- }
12642
- }
12643
- ]
12644
- }
12645
- ],
12646
- "attributes": [
12647
- {
12648
- "name": "label",
12649
- "type": {
12650
- "text": "string"
12651
- },
12652
- "default": "''",
12653
- "fieldName": "label"
12654
- },
12655
- {
12656
- "name": "buttonLabel",
12657
- "type": {
12658
- "text": "string"
12659
- },
12660
- "default": "''",
12661
- "fieldName": "buttonLabel"
12662
- },
12663
- {
12664
- "name": "show-close",
12665
- "type": {
12666
- "text": "boolean"
12667
- },
12668
- "default": "false",
12669
- "fieldName": "showClose"
12670
- },
12671
- {
12672
- "name": "dismissed",
12673
- "type": {
12674
- "text": "boolean"
12675
- },
12676
- "default": "false",
12677
- "fieldName": "dismissed"
12678
- }
12679
- ],
12680
- "superclass": {
12681
- "name": "LitElement",
12682
- "package": "lit"
12683
- },
12684
- "tagName": "u-snackbar",
12685
- "customElement": true
12686
- }
12687
- ],
12688
- "exports": [
12689
- {
12690
- "kind": "js",
12691
- "name": "UmSnackbar",
12692
- "declaration": {
12693
- "name": "UmSnackbar",
12694
- "module": "src/snackbar/snackbar.ts"
12695
- }
12696
- },
12697
- {
12698
- "kind": "custom-element-definition",
12699
- "name": "u-snackbar",
12700
- "declaration": {
12701
- "name": "UmSnackbar",
12702
- "module": "src/snackbar/snackbar.ts"
12703
- }
12704
- }
12705
- ]
12706
- },
12707
- {
12708
- "kind": "javascript-module",
12709
- "path": "src/switch/switch-list-item.ts",
12710
- "declarations": [
12711
- {
12712
- "kind": "class",
12713
- "description": "",
12714
- "name": "UmSwitchListItem",
12715
- "mixins": [
12716
- {
12717
- "name": "mixinSelectionControlListItem",
12718
- "module": "/src/shared/selection-control/selection-control-list-item.js"
12719
- }
12720
- ],
12721
- "superclass": {
12722
- "name": "UmSwitch",
12723
- "module": "/src/switch/switch.js"
12724
- },
12725
- "tagName": "u-switch-list-item",
12726
- "customElement": true,
12727
- "members": [
12728
- {
12729
- "kind": "field",
12730
- "name": "styles",
12731
- "type": {
12732
- "text": "array"
12733
- },
12734
- "static": true,
12735
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
12736
- "inheritedFrom": {
12737
- "name": "mixinSelectionControlListItem",
12738
- "module": "src/shared/selection-control/selection-control-list-item.ts"
12739
- }
12740
- },
12741
- {
12742
- "kind": "method",
12743
- "name": "render",
12744
- "return": {
12745
- "type": {
12746
- "text": "HTMLTemplateResult"
12747
- }
12748
- },
12749
- "inheritedFrom": {
12750
- "name": "mixinSelectionControlListItem",
12751
- "module": "src/shared/selection-control/selection-control-list-item.ts"
12752
- }
12753
- },
12754
- {
12755
- "kind": "field",
12756
- "name": "renderRipple",
12757
- "type": {
12758
- "text": "boolean"
12759
- },
12760
- "privacy": "protected",
12761
- "default": "false",
12762
- "inheritedFrom": {
12763
- "name": "UmSelectionControl",
12764
- "module": "src/shared/selection-control/selection-control.ts"
12765
- }
12766
- },
12767
- {
12768
- "kind": "method",
12769
- "name": "renderIndicator",
12770
- "privacy": "protected",
12771
- "return": {
12772
- "type": {
12773
- "text": "HTMLTemplateResult"
12774
- }
12775
- },
12776
- "inheritedFrom": {
12777
- "name": "UmSelectionControl",
12778
- "module": "src/shared/selection-control/selection-control.ts"
12779
- }
12780
- },
12781
- {
12782
- "kind": "field",
12783
- "name": "formAssociated",
12800
+ "kind": "field",
12801
+ "name": "formAssociated",
12784
12802
  "type": {
12785
12803
  "text": "boolean"
12786
12804
  },
@@ -17758,12 +17776,61 @@
17758
17776
  },
17759
17777
  {
17760
17778
  "kind": "javascript-module",
17761
- "path": "src/shared/sets/set-base.styles.ts",
17779
+ "path": "src/shared/selection-control/selection-control-list-item.ts",
17780
+ "declarations": [
17781
+ {
17782
+ "kind": "mixin",
17783
+ "description": "",
17784
+ "name": "mixinSelectionControlListItem",
17785
+ "members": [
17786
+ {
17787
+ "kind": "field",
17788
+ "name": "styles",
17789
+ "type": {
17790
+ "text": "array"
17791
+ },
17792
+ "static": true,
17793
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
17794
+ },
17795
+ {
17796
+ "kind": "method",
17797
+ "name": "render",
17798
+ "return": {
17799
+ "type": {
17800
+ "text": "HTMLTemplateResult"
17801
+ }
17802
+ }
17803
+ }
17804
+ ],
17805
+ "parameters": [
17806
+ {
17807
+ "name": "base",
17808
+ "type": {
17809
+ "text": "T"
17810
+ }
17811
+ }
17812
+ ]
17813
+ }
17814
+ ],
17815
+ "exports": [
17816
+ {
17817
+ "kind": "js",
17818
+ "name": "mixinSelectionControlListItem",
17819
+ "declaration": {
17820
+ "name": "mixinSelectionControlListItem",
17821
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
17822
+ }
17823
+ }
17824
+ ]
17825
+ },
17826
+ {
17827
+ "kind": "javascript-module",
17828
+ "path": "src/shared/selection-control/selection-control.styles.ts",
17762
17829
  "declarations": [
17763
17830
  {
17764
17831
  "kind": "variable",
17765
17832
  "name": "styles",
17766
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
17833
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--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 pointer-events: 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--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--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--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
17767
17834
  }
17768
17835
  ],
17769
17836
  "exports": [
@@ -17772,41 +17839,215 @@
17772
17839
  "name": "styles",
17773
17840
  "declaration": {
17774
17841
  "name": "styles",
17775
- "module": "src/shared/sets/set-base.styles.ts"
17842
+ "module": "src/shared/selection-control/selection-control.styles.ts"
17776
17843
  }
17777
17844
  }
17778
17845
  ]
17779
17846
  },
17780
17847
  {
17781
17848
  "kind": "javascript-module",
17782
- "path": "src/shared/sets/set-base.ts",
17849
+ "path": "src/shared/selection-control/selection-control.ts",
17783
17850
  "declarations": [
17784
17851
  {
17785
17852
  "kind": "class",
17786
17853
  "description": "",
17787
- "name": "UmSetBase",
17854
+ "name": "UmSelectionControl",
17788
17855
  "members": [
17789
17856
  {
17790
17857
  "kind": "field",
17791
- "name": "alignment",
17858
+ "name": "formAssociated",
17792
17859
  "type": {
17793
- "text": "'start' | 'center' | 'end'"
17860
+ "text": "boolean"
17794
17861
  },
17795
- "default": "'start'",
17796
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
17797
- "attribute": "alignment",
17862
+ "static": true,
17863
+ "default": "true"
17864
+ },
17865
+ {
17866
+ "kind": "field",
17867
+ "name": "shadowRootOptions",
17868
+ "type": {
17869
+ "text": "ShadowRootInit"
17870
+ },
17871
+ "static": true,
17872
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
17873
+ },
17874
+ {
17875
+ "kind": "field",
17876
+ "name": "elementInternals",
17877
+ "type": {
17878
+ "text": "ElementInternals"
17879
+ },
17880
+ "privacy": "protected"
17881
+ },
17882
+ {
17883
+ "kind": "field",
17884
+ "name": "name",
17885
+ "type": {
17886
+ "text": "string | undefined"
17887
+ },
17888
+ "default": "''",
17889
+ "attribute": "name",
17890
+ "reflects": true
17891
+ },
17892
+ {
17893
+ "kind": "field",
17894
+ "name": "disabled",
17895
+ "type": {
17896
+ "text": "boolean"
17897
+ },
17898
+ "default": "false",
17899
+ "attribute": "disabled",
17798
17900
  "reflects": true
17901
+ },
17902
+ {
17903
+ "kind": "field",
17904
+ "name": "input",
17905
+ "type": {
17906
+ "text": "HTMLInputElement"
17907
+ }
17908
+ },
17909
+ {
17910
+ "kind": "field",
17911
+ "name": "form",
17912
+ "type": {
17913
+ "text": "HTMLFormElement | null"
17914
+ }
17915
+ },
17916
+ {
17917
+ "kind": "method",
17918
+ "name": "focus",
17919
+ "parameters": [
17920
+ {
17921
+ "name": "options",
17922
+ "optional": true,
17923
+ "type": {
17924
+ "text": "FocusOptions"
17925
+ }
17926
+ }
17927
+ ]
17928
+ },
17929
+ {
17930
+ "kind": "field",
17931
+ "name": "#checked",
17932
+ "privacy": "private",
17933
+ "type": {
17934
+ "text": "boolean"
17935
+ },
17936
+ "default": "false"
17937
+ },
17938
+ {
17939
+ "kind": "field",
17940
+ "name": "inputType",
17941
+ "type": {
17942
+ "text": "'checkbox' | 'radio'"
17943
+ },
17944
+ "privacy": "protected",
17945
+ "default": "'checkbox'"
17946
+ },
17947
+ {
17948
+ "kind": "field",
17949
+ "name": "renderRipple",
17950
+ "type": {
17951
+ "text": "boolean"
17952
+ },
17953
+ "privacy": "protected",
17954
+ "default": "true"
17955
+ },
17956
+ {
17957
+ "kind": "method",
17958
+ "name": "renderIndicator",
17959
+ "privacy": "protected",
17960
+ "return": {
17961
+ "type": {
17962
+ "text": "HTMLTemplateResult"
17963
+ }
17964
+ }
17965
+ },
17966
+ {
17967
+ "kind": "field",
17968
+ "name": "value",
17969
+ "type": {
17970
+ "text": "string"
17971
+ },
17972
+ "default": "'on'",
17973
+ "description": "The element value to use in form submission when checked.",
17974
+ "attribute": "value"
17975
+ },
17976
+ {
17977
+ "kind": "field",
17978
+ "name": "checked",
17979
+ "attribute": "checked"
17980
+ },
17981
+ {
17982
+ "kind": "field",
17983
+ "name": "_checkedAttribute",
17984
+ "type": {
17985
+ "text": "boolean"
17986
+ },
17987
+ "privacy": "private",
17988
+ "default": "false",
17989
+ "attribute": "checked"
17990
+ },
17991
+ {
17992
+ "kind": "method",
17993
+ "name": "#handleClick",
17994
+ "parameters": [
17995
+ {
17996
+ "name": "e",
17997
+ "type": {
17998
+ "text": "Event"
17999
+ }
18000
+ }
18001
+ ]
18002
+ }
18003
+ ],
18004
+ "events": [
18005
+ {
18006
+ "name": "input",
18007
+ "type": {
18008
+ "text": "InputEvent"
18009
+ }
18010
+ },
18011
+ {
18012
+ "name": "change",
18013
+ "type": {
18014
+ "text": "Event"
18015
+ }
17799
18016
  }
17800
18017
  ],
17801
18018
  "attributes": [
17802
18019
  {
17803
- "name": "alignment",
18020
+ "name": "name",
17804
18021
  "type": {
17805
- "text": "'start' | 'center' | 'end'"
18022
+ "text": "string | undefined"
17806
18023
  },
17807
- "default": "'start'",
17808
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
17809
- "fieldName": "alignment"
18024
+ "default": "''",
18025
+ "fieldName": "name"
18026
+ },
18027
+ {
18028
+ "name": "disabled",
18029
+ "type": {
18030
+ "text": "boolean"
18031
+ },
18032
+ "default": "false",
18033
+ "fieldName": "disabled"
18034
+ },
18035
+ {
18036
+ "name": "value",
18037
+ "type": {
18038
+ "text": "string"
18039
+ },
18040
+ "default": "'on'",
18041
+ "description": "The element value to use in form submission when checked.",
18042
+ "fieldName": "value"
18043
+ },
18044
+ {
18045
+ "name": "checked",
18046
+ "fieldName": "_checkedAttribute",
18047
+ "type": {
18048
+ "text": "boolean"
18049
+ },
18050
+ "default": "false"
17810
18051
  }
17811
18052
  ],
17812
18053
  "superclass": {
@@ -17819,10 +18060,10 @@
17819
18060
  "exports": [
17820
18061
  {
17821
18062
  "kind": "js",
17822
- "name": "UmSetBase",
18063
+ "name": "UmSelectionControl",
17823
18064
  "declaration": {
17824
- "name": "UmSetBase",
17825
- "module": "src/shared/sets/set-base.ts"
18065
+ "name": "UmSelectionControl",
18066
+ "module": "src/shared/selection-control/selection-control.ts"
17826
18067
  }
17827
18068
  }
17828
18069
  ]
@@ -18285,421 +18526,198 @@
18285
18526
  }
18286
18527
  },
18287
18528
  {
18288
- "name": "counter",
18289
- "type": {
18290
- "text": "string | undefined"
18291
- },
18292
- "fieldName": "counter",
18293
- "inheritedFrom": {
18294
- "name": "UmFieldBase",
18295
- "module": "src/field/field-base.ts"
18296
- }
18297
- },
18298
- {
18299
- "name": "hide-counter",
18300
- "type": {
18301
- "text": "boolean"
18302
- },
18303
- "default": "false",
18304
- "fieldName": "hideCounter",
18305
- "inheritedFrom": {
18306
- "name": "UmFieldBase",
18307
- "module": "src/field/field-base.ts"
18308
- }
18309
- },
18310
- {
18311
- "name": "supporting-text",
18312
- "type": {
18313
- "text": "string | undefined"
18314
- },
18315
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
18316
- "fieldName": "supportingText",
18317
- "inheritedFrom": {
18318
- "name": "UmFieldBase",
18319
- "module": "src/field/field-base.ts"
18320
- }
18321
- },
18322
- {
18323
- "name": "error-text",
18324
- "type": {
18325
- "text": "string | undefined"
18326
- },
18327
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
18328
- "fieldName": "errorText",
18329
- "inheritedFrom": {
18330
- "name": "UmFieldBase",
18331
- "module": "src/field/field-base.ts"
18332
- }
18333
- },
18334
- {
18335
- "name": "empty",
18336
- "type": {
18337
- "text": "boolean"
18338
- },
18339
- "default": "false",
18340
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
18341
- "fieldName": "empty",
18342
- "inheritedFrom": {
18343
- "name": "UmFieldBase",
18344
- "module": "src/field/field-base.ts"
18345
- }
18346
- },
18347
- {
18348
- "name": "disabled",
18349
- "type": {
18350
- "text": "boolean"
18351
- },
18352
- "default": "false",
18353
- "fieldName": "disabled",
18354
- "inheritedFrom": {
18355
- "name": "UmFieldBase",
18356
- "module": "src/field/field-base.ts"
18357
- }
18358
- },
18359
- {
18360
- "name": "invalid",
18361
- "type": {
18362
- "text": "boolean"
18363
- },
18364
- "default": "false",
18365
- "description": "Get or sets where or not the field is in a visually invalid state.",
18366
- "fieldName": "invalid",
18367
- "inheritedFrom": {
18368
- "name": "UmFieldBase",
18369
- "module": "src/field/field-base.ts"
18370
- }
18371
- },
18372
- {
18373
- "name": "has-leading-icon",
18374
- "type": {
18375
- "text": "boolean"
18376
- },
18377
- "default": "false",
18378
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
18379
- "fieldName": "hasLeadingIcon",
18380
- "inheritedFrom": {
18381
- "name": "UmFieldBase",
18382
- "module": "src/field/field-base.ts"
18383
- }
18384
- },
18385
- {
18386
- "name": "has-trailing-icon",
18387
- "type": {
18388
- "text": "boolean"
18389
- },
18390
- "default": "false",
18391
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
18392
- "fieldName": "hasTrailingIcon",
18393
- "inheritedFrom": {
18394
- "name": "UmFieldBase",
18395
- "module": "src/field/field-base.ts"
18396
- }
18397
- },
18398
- {
18399
- "name": "has-error-text",
18400
- "type": {
18401
- "text": "boolean"
18402
- },
18403
- "default": "false",
18404
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
18405
- "fieldName": "hasErrorText",
18406
- "inheritedFrom": {
18407
- "name": "UmFieldBase",
18408
- "module": "src/field/field-base.ts"
18409
- }
18410
- }
18411
- ],
18412
- "superclass": {
18413
- "name": "UmFieldBase",
18414
- "module": "/src/field/field-base.js"
18415
- }
18416
- }
18417
- ],
18418
- "exports": [
18419
- {
18420
- "kind": "js",
18421
- "name": "UmTextFieldBase",
18422
- "declaration": {
18423
- "name": "UmTextFieldBase",
18424
- "module": "src/shared/text-field-base/text-field-base.ts"
18425
- }
18426
- }
18427
- ]
18428
- },
18429
- {
18430
- "kind": "javascript-module",
18431
- "path": "src/shared/selection-control/selection-control-list-item.ts",
18432
- "declarations": [
18433
- {
18434
- "kind": "mixin",
18435
- "description": "",
18436
- "name": "mixinSelectionControlListItem",
18437
- "members": [
18438
- {
18439
- "kind": "field",
18440
- "name": "styles",
18441
- "type": {
18442
- "text": "array"
18443
- },
18444
- "static": true,
18445
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
18446
- },
18447
- {
18448
- "kind": "method",
18449
- "name": "render",
18450
- "return": {
18451
- "type": {
18452
- "text": "HTMLTemplateResult"
18453
- }
18454
- }
18455
- }
18456
- ],
18457
- "parameters": [
18458
- {
18459
- "name": "base",
18460
- "type": {
18461
- "text": "T"
18462
- }
18463
- }
18464
- ]
18465
- }
18466
- ],
18467
- "exports": [
18468
- {
18469
- "kind": "js",
18470
- "name": "mixinSelectionControlListItem",
18471
- "declaration": {
18472
- "name": "mixinSelectionControlListItem",
18473
- "module": "src/shared/selection-control/selection-control-list-item.ts"
18474
- }
18475
- }
18476
- ]
18477
- },
18478
- {
18479
- "kind": "javascript-module",
18480
- "path": "src/shared/selection-control/selection-control.styles.ts",
18481
- "declarations": [
18482
- {
18483
- "kind": "variable",
18484
- "name": "styles",
18485
- "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--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 pointer-events: 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--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--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--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
18486
- }
18487
- ],
18488
- "exports": [
18489
- {
18490
- "kind": "js",
18491
- "name": "styles",
18492
- "declaration": {
18493
- "name": "styles",
18494
- "module": "src/shared/selection-control/selection-control.styles.ts"
18495
- }
18496
- }
18497
- ]
18498
- },
18499
- {
18500
- "kind": "javascript-module",
18501
- "path": "src/shared/selection-control/selection-control.ts",
18502
- "declarations": [
18503
- {
18504
- "kind": "class",
18505
- "description": "",
18506
- "name": "UmSelectionControl",
18507
- "members": [
18508
- {
18509
- "kind": "field",
18510
- "name": "formAssociated",
18511
- "type": {
18512
- "text": "boolean"
18513
- },
18514
- "static": true,
18515
- "default": "true"
18516
- },
18517
- {
18518
- "kind": "field",
18519
- "name": "shadowRootOptions",
18520
- "type": {
18521
- "text": "ShadowRootInit"
18522
- },
18523
- "static": true,
18524
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
18525
- },
18526
- {
18527
- "kind": "field",
18528
- "name": "elementInternals",
18529
- "type": {
18530
- "text": "ElementInternals"
18531
- },
18532
- "privacy": "protected"
18533
- },
18534
- {
18535
- "kind": "field",
18536
- "name": "name",
18529
+ "name": "counter",
18537
18530
  "type": {
18538
18531
  "text": "string | undefined"
18539
18532
  },
18540
- "default": "''",
18541
- "attribute": "name",
18542
- "reflects": true
18533
+ "fieldName": "counter",
18534
+ "inheritedFrom": {
18535
+ "name": "UmFieldBase",
18536
+ "module": "src/field/field-base.ts"
18537
+ }
18543
18538
  },
18544
18539
  {
18545
- "kind": "field",
18546
- "name": "disabled",
18540
+ "name": "hide-counter",
18547
18541
  "type": {
18548
18542
  "text": "boolean"
18549
18543
  },
18550
18544
  "default": "false",
18551
- "attribute": "disabled",
18552
- "reflects": true
18553
- },
18554
- {
18555
- "kind": "field",
18556
- "name": "input",
18557
- "type": {
18558
- "text": "HTMLInputElement"
18545
+ "fieldName": "hideCounter",
18546
+ "inheritedFrom": {
18547
+ "name": "UmFieldBase",
18548
+ "module": "src/field/field-base.ts"
18559
18549
  }
18560
18550
  },
18561
18551
  {
18562
- "kind": "field",
18563
- "name": "form",
18552
+ "name": "supporting-text",
18564
18553
  "type": {
18565
- "text": "HTMLFormElement | null"
18554
+ "text": "string | undefined"
18555
+ },
18556
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
18557
+ "fieldName": "supportingText",
18558
+ "inheritedFrom": {
18559
+ "name": "UmFieldBase",
18560
+ "module": "src/field/field-base.ts"
18566
18561
  }
18567
18562
  },
18568
18563
  {
18569
- "kind": "method",
18570
- "name": "focus",
18571
- "parameters": [
18572
- {
18573
- "name": "options",
18574
- "optional": true,
18575
- "type": {
18576
- "text": "FocusOptions"
18577
- }
18578
- }
18579
- ]
18580
- },
18581
- {
18582
- "kind": "field",
18583
- "name": "#checked",
18584
- "privacy": "private",
18564
+ "name": "error-text",
18585
18565
  "type": {
18586
- "text": "boolean"
18566
+ "text": "string | undefined"
18587
18567
  },
18588
- "default": "false"
18568
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
18569
+ "fieldName": "errorText",
18570
+ "inheritedFrom": {
18571
+ "name": "UmFieldBase",
18572
+ "module": "src/field/field-base.ts"
18573
+ }
18589
18574
  },
18590
18575
  {
18591
- "kind": "field",
18592
- "name": "inputType",
18576
+ "name": "empty",
18593
18577
  "type": {
18594
- "text": "'checkbox' | 'radio'"
18578
+ "text": "boolean"
18595
18579
  },
18596
- "privacy": "protected",
18597
- "default": "'checkbox'"
18580
+ "default": "false",
18581
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
18582
+ "fieldName": "empty",
18583
+ "inheritedFrom": {
18584
+ "name": "UmFieldBase",
18585
+ "module": "src/field/field-base.ts"
18586
+ }
18598
18587
  },
18599
18588
  {
18600
- "kind": "field",
18601
- "name": "renderRipple",
18589
+ "name": "disabled",
18602
18590
  "type": {
18603
18591
  "text": "boolean"
18604
18592
  },
18605
- "privacy": "protected",
18606
- "default": "true"
18607
- },
18608
- {
18609
- "kind": "method",
18610
- "name": "renderIndicator",
18611
- "privacy": "protected",
18612
- "return": {
18613
- "type": {
18614
- "text": "HTMLTemplateResult"
18615
- }
18593
+ "default": "false",
18594
+ "fieldName": "disabled",
18595
+ "inheritedFrom": {
18596
+ "name": "UmFieldBase",
18597
+ "module": "src/field/field-base.ts"
18616
18598
  }
18617
18599
  },
18618
18600
  {
18619
- "kind": "field",
18620
- "name": "value",
18601
+ "name": "invalid",
18621
18602
  "type": {
18622
- "text": "string"
18603
+ "text": "boolean"
18623
18604
  },
18624
- "default": "'on'",
18625
- "description": "The element value to use in form submission when checked.",
18626
- "attribute": "value"
18627
- },
18628
- {
18629
- "kind": "field",
18630
- "name": "checked",
18631
- "attribute": "checked"
18605
+ "default": "false",
18606
+ "description": "Get or sets where or not the field is in a visually invalid state.",
18607
+ "fieldName": "invalid",
18608
+ "inheritedFrom": {
18609
+ "name": "UmFieldBase",
18610
+ "module": "src/field/field-base.ts"
18611
+ }
18632
18612
  },
18633
18613
  {
18634
- "kind": "field",
18635
- "name": "_checkedAttribute",
18614
+ "name": "has-leading-icon",
18636
18615
  "type": {
18637
18616
  "text": "boolean"
18638
18617
  },
18639
- "privacy": "private",
18640
18618
  "default": "false",
18641
- "attribute": "checked"
18642
- },
18643
- {
18644
- "kind": "method",
18645
- "name": "#handleClick",
18646
- "parameters": [
18647
- {
18648
- "name": "e",
18649
- "type": {
18650
- "text": "Event"
18651
- }
18652
- }
18653
- ]
18654
- }
18655
- ],
18656
- "events": [
18657
- {
18658
- "name": "input",
18659
- "type": {
18660
- "text": "InputEvent"
18619
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
18620
+ "fieldName": "hasLeadingIcon",
18621
+ "inheritedFrom": {
18622
+ "name": "UmFieldBase",
18623
+ "module": "src/field/field-base.ts"
18661
18624
  }
18662
18625
  },
18663
18626
  {
18664
- "name": "change",
18665
- "type": {
18666
- "text": "Event"
18667
- }
18668
- }
18669
- ],
18670
- "attributes": [
18671
- {
18672
- "name": "name",
18627
+ "name": "has-trailing-icon",
18673
18628
  "type": {
18674
- "text": "string | undefined"
18629
+ "text": "boolean"
18675
18630
  },
18676
- "default": "''",
18677
- "fieldName": "name"
18631
+ "default": "false",
18632
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
18633
+ "fieldName": "hasTrailingIcon",
18634
+ "inheritedFrom": {
18635
+ "name": "UmFieldBase",
18636
+ "module": "src/field/field-base.ts"
18637
+ }
18678
18638
  },
18679
18639
  {
18680
- "name": "disabled",
18640
+ "name": "has-error-text",
18681
18641
  "type": {
18682
18642
  "text": "boolean"
18683
18643
  },
18684
18644
  "default": "false",
18685
- "fieldName": "disabled"
18686
- },
18645
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
18646
+ "fieldName": "hasErrorText",
18647
+ "inheritedFrom": {
18648
+ "name": "UmFieldBase",
18649
+ "module": "src/field/field-base.ts"
18650
+ }
18651
+ }
18652
+ ],
18653
+ "superclass": {
18654
+ "name": "UmFieldBase",
18655
+ "module": "/src/field/field-base.js"
18656
+ }
18657
+ }
18658
+ ],
18659
+ "exports": [
18660
+ {
18661
+ "kind": "js",
18662
+ "name": "UmTextFieldBase",
18663
+ "declaration": {
18664
+ "name": "UmTextFieldBase",
18665
+ "module": "src/shared/text-field-base/text-field-base.ts"
18666
+ }
18667
+ }
18668
+ ]
18669
+ },
18670
+ {
18671
+ "kind": "javascript-module",
18672
+ "path": "src/shared/sets/set-base.styles.ts",
18673
+ "declarations": [
18674
+ {
18675
+ "kind": "variable",
18676
+ "name": "styles",
18677
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
18678
+ }
18679
+ ],
18680
+ "exports": [
18681
+ {
18682
+ "kind": "js",
18683
+ "name": "styles",
18684
+ "declaration": {
18685
+ "name": "styles",
18686
+ "module": "src/shared/sets/set-base.styles.ts"
18687
+ }
18688
+ }
18689
+ ]
18690
+ },
18691
+ {
18692
+ "kind": "javascript-module",
18693
+ "path": "src/shared/sets/set-base.ts",
18694
+ "declarations": [
18695
+ {
18696
+ "kind": "class",
18697
+ "description": "",
18698
+ "name": "UmSetBase",
18699
+ "members": [
18687
18700
  {
18688
- "name": "value",
18701
+ "kind": "field",
18702
+ "name": "alignment",
18689
18703
  "type": {
18690
- "text": "string"
18704
+ "text": "'start' | 'center' | 'end'"
18691
18705
  },
18692
- "default": "'on'",
18693
- "description": "The element value to use in form submission when checked.",
18694
- "fieldName": "value"
18695
- },
18706
+ "default": "'start'",
18707
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18708
+ "attribute": "alignment",
18709
+ "reflects": true
18710
+ }
18711
+ ],
18712
+ "attributes": [
18696
18713
  {
18697
- "name": "checked",
18698
- "fieldName": "_checkedAttribute",
18714
+ "name": "alignment",
18699
18715
  "type": {
18700
- "text": "boolean"
18716
+ "text": "'start' | 'center' | 'end'"
18701
18717
  },
18702
- "default": "false"
18718
+ "default": "'start'",
18719
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18720
+ "fieldName": "alignment"
18703
18721
  }
18704
18722
  ],
18705
18723
  "superclass": {
@@ -18712,10 +18730,10 @@
18712
18730
  "exports": [
18713
18731
  {
18714
18732
  "kind": "js",
18715
- "name": "UmSelectionControl",
18733
+ "name": "UmSetBase",
18716
18734
  "declaration": {
18717
- "name": "UmSelectionControl",
18718
- "module": "src/shared/selection-control/selection-control.ts"
18735
+ "name": "UmSetBase",
18736
+ "module": "src/shared/sets/set-base.ts"
18719
18737
  }
18720
18738
  }
18721
18739
  ]