@universal-material/web 3.0.52 → 3.0.53

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 (5) hide show
  1. package/custom-elements.json +1459 -1459
  2. package/package.json +1 -1
  3. package/typeahead/highlight.styles.d.ts.map +1 -1
  4. package/typeahead/highlight.styles.js +3 -1
  5. package/typeahead/highlight.styles.js.map +1 -1
package/custom-elements.json CHANGED
@@ -2636,255 +2636,6 @@
2636
2636
  }
2637
2637
  ]
2638
2638
  },
2639
- {
2640
- "kind": "javascript-module",
2641
- "path": "src/card/card-content.styles.ts",
2642
- "declarations": [
2643
- {
2644
- "kind": "variable",
2645
- "name": "styles",
2646
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
2647
- }
2648
- ],
2649
- "exports": [
2650
- {
2651
- "kind": "js",
2652
- "name": "styles",
2653
- "declaration": {
2654
- "name": "styles",
2655
- "module": "src/card/card-content.styles.ts"
2656
- }
2657
- }
2658
- ]
2659
- },
2660
- {
2661
- "kind": "javascript-module",
2662
- "path": "src/card/card-content.ts",
2663
- "declarations": [
2664
- {
2665
- "kind": "class",
2666
- "description": "",
2667
- "name": "UmCardContent",
2668
- "members": [
2669
- {
2670
- "kind": "field",
2671
- "name": "hasContent",
2672
- "type": {
2673
- "text": "boolean"
2674
- },
2675
- "default": "false",
2676
- "attribute": "has-content",
2677
- "reflects": true
2678
- },
2679
- {
2680
- "kind": "method",
2681
- "name": "handleSlotChange",
2682
- "privacy": "private",
2683
- "parameters": [
2684
- {
2685
- "name": "e",
2686
- "type": {
2687
- "text": "Event"
2688
- }
2689
- }
2690
- ]
2691
- }
2692
- ],
2693
- "attributes": [
2694
- {
2695
- "name": "has-content",
2696
- "type": {
2697
- "text": "boolean"
2698
- },
2699
- "default": "false",
2700
- "fieldName": "hasContent"
2701
- }
2702
- ],
2703
- "superclass": {
2704
- "name": "LitElement",
2705
- "package": "lit"
2706
- },
2707
- "tagName": "u-card-content",
2708
- "customElement": true
2709
- }
2710
- ],
2711
- "exports": [
2712
- {
2713
- "kind": "js",
2714
- "name": "UmCardContent",
2715
- "declaration": {
2716
- "name": "UmCardContent",
2717
- "module": "src/card/card-content.ts"
2718
- }
2719
- },
2720
- {
2721
- "kind": "custom-element-definition",
2722
- "name": "u-card-content",
2723
- "declaration": {
2724
- "name": "UmCardContent",
2725
- "module": "src/card/card-content.ts"
2726
- }
2727
- }
2728
- ]
2729
- },
2730
- {
2731
- "kind": "javascript-module",
2732
- "path": "src/card/card-media.styles.ts",
2733
- "declarations": [
2734
- {
2735
- "kind": "variable",
2736
- "name": "styles",
2737
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
2738
- }
2739
- ],
2740
- "exports": [
2741
- {
2742
- "kind": "js",
2743
- "name": "styles",
2744
- "declaration": {
2745
- "name": "styles",
2746
- "module": "src/card/card-media.styles.ts"
2747
- }
2748
- }
2749
- ]
2750
- },
2751
- {
2752
- "kind": "javascript-module",
2753
- "path": "src/card/card-media.ts",
2754
- "declarations": [
2755
- {
2756
- "kind": "class",
2757
- "description": "",
2758
- "name": "UmCardMedia",
2759
- "members": [
2760
- {
2761
- "kind": "field",
2762
- "name": "wide",
2763
- "type": {
2764
- "text": "boolean"
2765
- },
2766
- "default": "false",
2767
- "attribute": "wide",
2768
- "reflects": true
2769
- }
2770
- ],
2771
- "attributes": [
2772
- {
2773
- "name": "wide",
2774
- "type": {
2775
- "text": "boolean"
2776
- },
2777
- "default": "false",
2778
- "fieldName": "wide"
2779
- }
2780
- ],
2781
- "superclass": {
2782
- "name": "LitElement",
2783
- "package": "lit"
2784
- },
2785
- "tagName": "u-card-media",
2786
- "customElement": true
2787
- }
2788
- ],
2789
- "exports": [
2790
- {
2791
- "kind": "js",
2792
- "name": "UmCardMedia",
2793
- "declaration": {
2794
- "name": "UmCardMedia",
2795
- "module": "src/card/card-media.ts"
2796
- }
2797
- },
2798
- {
2799
- "kind": "custom-element-definition",
2800
- "name": "u-card-media",
2801
- "declaration": {
2802
- "name": "UmCardMedia",
2803
- "module": "src/card/card-media.ts"
2804
- }
2805
- }
2806
- ]
2807
- },
2808
- {
2809
- "kind": "javascript-module",
2810
- "path": "src/card/card.styles.ts",
2811
- "declarations": [
2812
- {
2813
- "kind": "variable",
2814
- "name": "styles",
2815
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
2816
- }
2817
- ],
2818
- "exports": [
2819
- {
2820
- "kind": "js",
2821
- "name": "styles",
2822
- "declaration": {
2823
- "name": "styles",
2824
- "module": "src/card/card.styles.ts"
2825
- }
2826
- }
2827
- ]
2828
- },
2829
- {
2830
- "kind": "javascript-module",
2831
- "path": "src/card/card.ts",
2832
- "declarations": [
2833
- {
2834
- "kind": "class",
2835
- "description": "",
2836
- "name": "UmCard",
2837
- "members": [
2838
- {
2839
- "kind": "field",
2840
- "name": "variant",
2841
- "type": {
2842
- "text": "UmCardVariant"
2843
- },
2844
- "default": "'filled'",
2845
- "description": "The Card variant to render.",
2846
- "attribute": "variant",
2847
- "reflects": true
2848
- }
2849
- ],
2850
- "attributes": [
2851
- {
2852
- "name": "variant",
2853
- "type": {
2854
- "text": "UmCardVariant"
2855
- },
2856
- "default": "'filled'",
2857
- "description": "The Card variant to render.",
2858
- "fieldName": "variant"
2859
- }
2860
- ],
2861
- "superclass": {
2862
- "name": "LitElement",
2863
- "package": "lit"
2864
- },
2865
- "tagName": "u-card",
2866
- "customElement": true
2867
- }
2868
- ],
2869
- "exports": [
2870
- {
2871
- "kind": "js",
2872
- "name": "UmCard",
2873
- "declaration": {
2874
- "name": "UmCard",
2875
- "module": "src/card/card.ts"
2876
- }
2877
- },
2878
- {
2879
- "kind": "custom-element-definition",
2880
- "name": "u-card",
2881
- "declaration": {
2882
- "name": "UmCard",
2883
- "module": "src/card/card.ts"
2884
- }
2885
- }
2886
- ]
2887
- },
2888
2639
  {
2889
2640
  "kind": "javascript-module",
2890
2641
  "path": "src/checkbox/checkbox-list-item.ts",
@@ -3594,12 +3345,12 @@
3594
3345
  },
3595
3346
  {
3596
3347
  "kind": "javascript-module",
3597
- "path": "src/chip-field/chip-field.styles.ts",
3348
+ "path": "src/card/card-content.styles.ts",
3598
3349
  "declarations": [
3599
3350
  {
3600
3351
  "kind": "variable",
3601
3352
  "name": "styles",
3602
- "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n flex-wrap: wrap;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
3353
+ "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`"
3603
3354
  }
3604
3355
  ],
3605
3356
  "exports": [
@@ -3608,14 +3359,263 @@
3608
3359
  "name": "styles",
3609
3360
  "declaration": {
3610
3361
  "name": "styles",
3611
- "module": "src/chip-field/chip-field.styles.ts"
3362
+ "module": "src/card/card-content.styles.ts"
3612
3363
  }
3613
3364
  }
3614
3365
  ]
3615
3366
  },
3616
3367
  {
3617
3368
  "kind": "javascript-module",
3618
- "path": "src/chip-field/chip-field.ts",
3369
+ "path": "src/card/card-content.ts",
3370
+ "declarations": [
3371
+ {
3372
+ "kind": "class",
3373
+ "description": "",
3374
+ "name": "UmCardContent",
3375
+ "members": [
3376
+ {
3377
+ "kind": "field",
3378
+ "name": "hasContent",
3379
+ "type": {
3380
+ "text": "boolean"
3381
+ },
3382
+ "default": "false",
3383
+ "attribute": "has-content",
3384
+ "reflects": true
3385
+ },
3386
+ {
3387
+ "kind": "method",
3388
+ "name": "handleSlotChange",
3389
+ "privacy": "private",
3390
+ "parameters": [
3391
+ {
3392
+ "name": "e",
3393
+ "type": {
3394
+ "text": "Event"
3395
+ }
3396
+ }
3397
+ ]
3398
+ }
3399
+ ],
3400
+ "attributes": [
3401
+ {
3402
+ "name": "has-content",
3403
+ "type": {
3404
+ "text": "boolean"
3405
+ },
3406
+ "default": "false",
3407
+ "fieldName": "hasContent"
3408
+ }
3409
+ ],
3410
+ "superclass": {
3411
+ "name": "LitElement",
3412
+ "package": "lit"
3413
+ },
3414
+ "tagName": "u-card-content",
3415
+ "customElement": true
3416
+ }
3417
+ ],
3418
+ "exports": [
3419
+ {
3420
+ "kind": "js",
3421
+ "name": "UmCardContent",
3422
+ "declaration": {
3423
+ "name": "UmCardContent",
3424
+ "module": "src/card/card-content.ts"
3425
+ }
3426
+ },
3427
+ {
3428
+ "kind": "custom-element-definition",
3429
+ "name": "u-card-content",
3430
+ "declaration": {
3431
+ "name": "UmCardContent",
3432
+ "module": "src/card/card-content.ts"
3433
+ }
3434
+ }
3435
+ ]
3436
+ },
3437
+ {
3438
+ "kind": "javascript-module",
3439
+ "path": "src/card/card-media.styles.ts",
3440
+ "declarations": [
3441
+ {
3442
+ "kind": "variable",
3443
+ "name": "styles",
3444
+ "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`"
3445
+ }
3446
+ ],
3447
+ "exports": [
3448
+ {
3449
+ "kind": "js",
3450
+ "name": "styles",
3451
+ "declaration": {
3452
+ "name": "styles",
3453
+ "module": "src/card/card-media.styles.ts"
3454
+ }
3455
+ }
3456
+ ]
3457
+ },
3458
+ {
3459
+ "kind": "javascript-module",
3460
+ "path": "src/card/card-media.ts",
3461
+ "declarations": [
3462
+ {
3463
+ "kind": "class",
3464
+ "description": "",
3465
+ "name": "UmCardMedia",
3466
+ "members": [
3467
+ {
3468
+ "kind": "field",
3469
+ "name": "wide",
3470
+ "type": {
3471
+ "text": "boolean"
3472
+ },
3473
+ "default": "false",
3474
+ "attribute": "wide",
3475
+ "reflects": true
3476
+ }
3477
+ ],
3478
+ "attributes": [
3479
+ {
3480
+ "name": "wide",
3481
+ "type": {
3482
+ "text": "boolean"
3483
+ },
3484
+ "default": "false",
3485
+ "fieldName": "wide"
3486
+ }
3487
+ ],
3488
+ "superclass": {
3489
+ "name": "LitElement",
3490
+ "package": "lit"
3491
+ },
3492
+ "tagName": "u-card-media",
3493
+ "customElement": true
3494
+ }
3495
+ ],
3496
+ "exports": [
3497
+ {
3498
+ "kind": "js",
3499
+ "name": "UmCardMedia",
3500
+ "declaration": {
3501
+ "name": "UmCardMedia",
3502
+ "module": "src/card/card-media.ts"
3503
+ }
3504
+ },
3505
+ {
3506
+ "kind": "custom-element-definition",
3507
+ "name": "u-card-media",
3508
+ "declaration": {
3509
+ "name": "UmCardMedia",
3510
+ "module": "src/card/card-media.ts"
3511
+ }
3512
+ }
3513
+ ]
3514
+ },
3515
+ {
3516
+ "kind": "javascript-module",
3517
+ "path": "src/card/card.styles.ts",
3518
+ "declarations": [
3519
+ {
3520
+ "kind": "variable",
3521
+ "name": "styles",
3522
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
3523
+ }
3524
+ ],
3525
+ "exports": [
3526
+ {
3527
+ "kind": "js",
3528
+ "name": "styles",
3529
+ "declaration": {
3530
+ "name": "styles",
3531
+ "module": "src/card/card.styles.ts"
3532
+ }
3533
+ }
3534
+ ]
3535
+ },
3536
+ {
3537
+ "kind": "javascript-module",
3538
+ "path": "src/card/card.ts",
3539
+ "declarations": [
3540
+ {
3541
+ "kind": "class",
3542
+ "description": "",
3543
+ "name": "UmCard",
3544
+ "members": [
3545
+ {
3546
+ "kind": "field",
3547
+ "name": "variant",
3548
+ "type": {
3549
+ "text": "UmCardVariant"
3550
+ },
3551
+ "default": "'filled'",
3552
+ "description": "The Card variant to render.",
3553
+ "attribute": "variant",
3554
+ "reflects": true
3555
+ }
3556
+ ],
3557
+ "attributes": [
3558
+ {
3559
+ "name": "variant",
3560
+ "type": {
3561
+ "text": "UmCardVariant"
3562
+ },
3563
+ "default": "'filled'",
3564
+ "description": "The Card variant to render.",
3565
+ "fieldName": "variant"
3566
+ }
3567
+ ],
3568
+ "superclass": {
3569
+ "name": "LitElement",
3570
+ "package": "lit"
3571
+ },
3572
+ "tagName": "u-card",
3573
+ "customElement": true
3574
+ }
3575
+ ],
3576
+ "exports": [
3577
+ {
3578
+ "kind": "js",
3579
+ "name": "UmCard",
3580
+ "declaration": {
3581
+ "name": "UmCard",
3582
+ "module": "src/card/card.ts"
3583
+ }
3584
+ },
3585
+ {
3586
+ "kind": "custom-element-definition",
3587
+ "name": "u-card",
3588
+ "declaration": {
3589
+ "name": "UmCard",
3590
+ "module": "src/card/card.ts"
3591
+ }
3592
+ }
3593
+ ]
3594
+ },
3595
+ {
3596
+ "kind": "javascript-module",
3597
+ "path": "src/chip-field/chip-field.styles.ts",
3598
+ "declarations": [
3599
+ {
3600
+ "kind": "variable",
3601
+ "name": "styles",
3602
+ "default": "css `\n input {\n appearance: none;\n padding: none;\n }\n\n u-chip {\n flex-basis: 0;\n }\n\n ::part(wrapper) {\n gap: 8px;\n flex-wrap: wrap;\n }\n\n input {\n flex-basis: 200px;\n }\n`"
3603
+ }
3604
+ ],
3605
+ "exports": [
3606
+ {
3607
+ "kind": "js",
3608
+ "name": "styles",
3609
+ "declaration": {
3610
+ "name": "styles",
3611
+ "module": "src/chip-field/chip-field.styles.ts"
3612
+ }
3613
+ }
3614
+ ]
3615
+ },
3616
+ {
3617
+ "kind": "javascript-module",
3618
+ "path": "src/chip-field/chip-field.ts",
3619
3619
  "declarations": [
3620
3620
  {
3621
3621
  "kind": "class",
@@ -8908,558 +8908,462 @@
8908
8908
  },
8909
8909
  {
8910
8910
  "kind": "javascript-module",
8911
- "path": "src/theme/color.ts",
8912
- "declarations": [],
8913
- "exports": []
8914
- },
8915
- {
8916
- "kind": "javascript-module",
8917
- "path": "src/theme/css-var-builder.ts",
8918
- "declarations": [
8919
- {
8920
- "kind": "class",
8921
- "description": "",
8922
- "name": "CssVarBuilder",
8923
- "members": [
8924
- {
8925
- "kind": "field",
8926
- "name": "content",
8927
- "type": {
8928
- "text": "string"
8929
- },
8930
- "privacy": "private",
8931
- "default": "''"
8932
- },
8933
- {
8934
- "kind": "method",
8935
- "name": "create",
8936
- "static": true,
8937
- "return": {
8938
- "type": {
8939
- "text": "CssVarBuilder"
8940
- }
8941
- }
8942
- },
8943
- {
8944
- "kind": "method",
8945
- "name": "add",
8946
- "return": {
8947
- "type": {
8948
- "text": "CssVarBuilder"
8949
- }
8950
- },
8951
- "parameters": [
8952
- {
8953
- "name": "name",
8954
- "type": {
8955
- "text": "string"
8956
- }
8957
- },
8958
- {
8959
- "name": "value",
8960
- "type": {
8961
- "text": "string"
8962
- }
8963
- }
8964
- ]
8965
- },
8966
- {
8967
- "kind": "method",
8968
- "name": "addFromArgb",
8969
- "return": {
8970
- "type": {
8971
- "text": "CssVarBuilder"
8972
- }
8973
- },
8974
- "parameters": [
8975
- {
8976
- "name": "name",
8977
- "type": {
8978
- "text": "string"
8979
- }
8980
- },
8981
- {
8982
- "name": "argb",
8983
- "type": {
8984
- "text": "number"
8985
- }
8986
- }
8987
- ]
8988
- },
8989
- {
8990
- "kind": "method",
8991
- "name": "build",
8992
- "return": {
8993
- "type": {
8994
- "text": "string"
8995
- }
8996
- }
8997
- }
8998
- ]
8999
- }
9000
- ],
9001
- "exports": [
9002
- {
9003
- "kind": "js",
9004
- "name": "CssVarBuilder",
9005
- "declaration": {
9006
- "name": "CssVarBuilder",
9007
- "module": "src/theme/css-var-builder.ts"
9008
- }
9009
- }
9010
- ]
9011
- },
9012
- {
9013
- "kind": "javascript-module",
9014
- "path": "src/theme/index.ts",
9015
- "declarations": [],
9016
- "exports": [
9017
- {
9018
- "kind": "js",
9019
- "name": "*",
9020
- "declaration": {
9021
- "name": "*",
9022
- "package": "./theme-builder.js"
9023
- }
9024
- }
9025
- ]
9026
- },
9027
- {
9028
- "kind": "javascript-module",
9029
- "path": "src/theme/neutral-colors.ts",
8911
+ "path": "src/text-field/text-field.styles.ts",
9030
8912
  "declarations": [
9031
8913
  {
9032
8914
  "kind": "variable",
9033
- "name": "neutralColors",
9034
- "type": {
9035
- "text": "Color[]"
9036
- },
9037
- "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9038
- },
9039
- {
9040
- "kind": "variable",
9041
- "name": "neutralVariantColors",
9042
- "type": {
9043
- "text": "Color[]"
9044
- },
9045
- "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
8915
+ "name": "styles",
8916
+ "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
9046
8917
  }
9047
8918
  ],
9048
8919
  "exports": [
9049
8920
  {
9050
8921
  "kind": "js",
9051
- "name": "neutralColors",
9052
- "declaration": {
9053
- "name": "neutralColors",
9054
- "module": "src/theme/neutral-colors.ts"
9055
- }
9056
- },
9057
- {
9058
- "kind": "js",
9059
- "name": "neutralVariantColors",
8922
+ "name": "styles",
9060
8923
  "declaration": {
9061
- "name": "neutralVariantColors",
9062
- "module": "src/theme/neutral-colors.ts"
8924
+ "name": "styles",
8925
+ "module": "src/text-field/text-field.styles.ts"
9063
8926
  }
9064
8927
  }
9065
8928
  ]
9066
8929
  },
9067
8930
  {
9068
8931
  "kind": "javascript-module",
9069
- "path": "src/theme/rgb-color.ts",
8932
+ "path": "src/text-field/text-field.ts",
9070
8933
  "declarations": [
9071
8934
  {
9072
8935
  "kind": "class",
9073
8936
  "description": "",
9074
- "name": "RgbColor",
8937
+ "name": "UmTextField",
9075
8938
  "members": [
9076
8939
  {
9077
8940
  "kind": "field",
9078
- "name": "r",
8941
+ "name": "#value",
8942
+ "privacy": "private",
9079
8943
  "type": {
9080
- "text": "number"
8944
+ "text": "string"
9081
8945
  },
9082
- "default": "r"
8946
+ "default": "''"
9083
8947
  },
9084
8948
  {
9085
8949
  "kind": "field",
9086
- "name": "g",
8950
+ "name": "value",
8951
+ "attribute": "value"
8952
+ },
8953
+ {
8954
+ "kind": "field",
8955
+ "name": "prefixText",
9087
8956
  "type": {
9088
- "text": "number"
8957
+ "text": "string | undefined"
9089
8958
  },
9090
- "default": "g"
8959
+ "attribute": "prefix-text"
9091
8960
  },
9092
8961
  {
9093
8962
  "kind": "field",
9094
- "name": "b",
8963
+ "name": "suffixText",
9095
8964
  "type": {
9096
- "text": "number"
8965
+ "text": "string | undefined"
9097
8966
  },
9098
- "default": "b"
8967
+ "attribute": "suffix-text"
8968
+ },
8969
+ {
8970
+ "kind": "field",
8971
+ "name": "input",
8972
+ "type": {
8973
+ "text": "HTMLInputElement"
8974
+ }
9099
8975
  },
9100
8976
  {
9101
8977
  "kind": "method",
9102
- "name": "fromArgb",
9103
- "static": true,
8978
+ "name": "focus"
8979
+ },
8980
+ {
8981
+ "kind": "method",
8982
+ "name": "renderContent",
8983
+ "privacy": "protected",
9104
8984
  "return": {
9105
8985
  "type": {
9106
- "text": "RgbColor"
8986
+ "text": "HTMLTemplateResult"
9107
8987
  }
9108
8988
  },
9109
- "parameters": [
9110
- {
9111
- "name": "argb",
9112
- "type": {
9113
- "text": "number"
9114
- }
9115
- }
9116
- ]
8989
+ "inheritedFrom": {
8990
+ "name": "UmTextFieldBase",
8991
+ "module": "src/shared/text-field-base/text-field-base.ts"
8992
+ }
9117
8993
  },
9118
8994
  {
9119
8995
  "kind": "field",
9120
- "name": "toString"
9121
- }
9122
- ]
9123
- }
9124
- ],
9125
- "exports": [
9126
- {
9127
- "kind": "js",
9128
- "name": "RgbColor",
9129
- "declaration": {
9130
- "name": "RgbColor",
9131
- "module": "src/theme/rgb-color.ts"
9132
- }
9133
- }
9134
- ]
9135
- },
9136
- {
9137
- "kind": "javascript-module",
9138
- "path": "src/theme/theme-builder.ts",
9139
- "declarations": [
9140
- {
9141
- "kind": "class",
9142
- "description": "",
9143
- "name": "ThemeBuilder",
9144
- "members": [
9145
- {
9146
- "kind": "field",
9147
- "name": "cssClass",
8996
+ "name": "empty",
9148
8997
  "type": {
9149
- "text": "string | null"
8998
+ "text": "boolean"
9150
8999
  },
9151
- "default": "null"
9000
+ "inheritedFrom": {
9001
+ "name": "UmTextFieldBase",
9002
+ "module": "src/shared/text-field-base/text-field-base.ts"
9003
+ }
9152
9004
  },
9153
9005
  {
9154
- "kind": "field",
9155
- "name": "colors",
9156
- "type": {
9157
- "text": "ThemeColor[]"
9158
- },
9159
- "default": "[]"
9006
+ "kind": "method",
9007
+ "name": "#handleInput"
9160
9008
  },
9161
9009
  {
9162
9010
  "kind": "field",
9163
- "name": "neutralColorPalette",
9011
+ "name": "formAssociated",
9164
9012
  "type": {
9165
- "text": "TonalPalette"
9013
+ "text": "boolean"
9014
+ },
9015
+ "static": true,
9016
+ "default": "true",
9017
+ "inheritedFrom": {
9018
+ "name": "UmTextFieldBase",
9019
+ "module": "src/shared/text-field-base/text-field-base.ts"
9166
9020
  }
9167
9021
  },
9168
9022
  {
9169
9023
  "kind": "field",
9170
- "name": "neutralVariantColorPalette",
9024
+ "name": "shadowRootOptions",
9171
9025
  "type": {
9172
- "text": "TonalPalette"
9026
+ "text": "ShadowRootInit"
9027
+ },
9028
+ "static": true,
9029
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
9030
+ "inheritedFrom": {
9031
+ "name": "UmTextFieldBase",
9032
+ "module": "src/shared/text-field-base/text-field-base.ts"
9173
9033
  }
9174
9034
  },
9175
9035
  {
9176
9036
  "kind": "field",
9177
- "name": "partial",
9037
+ "name": "variant",
9038
+ "attribute": "variant",
9039
+ "inheritedFrom": {
9040
+ "name": "UmTextFieldBase",
9041
+ "module": "src/shared/text-field-base/text-field-base.ts"
9042
+ }
9043
+ },
9044
+ {
9045
+ "kind": "field",
9046
+ "name": "label",
9047
+ "type": {
9048
+ "text": "string | undefined"
9049
+ },
9050
+ "attribute": "label",
9051
+ "inheritedFrom": {
9052
+ "name": "UmTextFieldBase",
9053
+ "module": "src/shared/text-field-base/text-field-base.ts"
9054
+ }
9055
+ },
9056
+ {
9057
+ "kind": "field",
9058
+ "name": "counter",
9059
+ "type": {
9060
+ "text": "string | undefined"
9061
+ },
9062
+ "attribute": "counter",
9063
+ "inheritedFrom": {
9064
+ "name": "UmTextFieldBase",
9065
+ "module": "src/shared/text-field-base/text-field-base.ts"
9066
+ }
9067
+ },
9068
+ {
9069
+ "kind": "field",
9070
+ "name": "placeholder",
9071
+ "type": {
9072
+ "text": "string | undefined"
9073
+ },
9074
+ "attribute": "placeholder",
9075
+ "reflects": true,
9076
+ "inheritedFrom": {
9077
+ "name": "UmTextFieldBase",
9078
+ "module": "src/shared/text-field-base/text-field-base.ts"
9079
+ }
9080
+ },
9081
+ {
9082
+ "kind": "field",
9083
+ "name": "supportingText",
9084
+ "type": {
9085
+ "text": "string | undefined"
9086
+ },
9087
+ "attribute": "supporting-text",
9088
+ "inheritedFrom": {
9089
+ "name": "UmTextFieldBase",
9090
+ "module": "src/shared/text-field-base/text-field-base.ts"
9091
+ }
9092
+ },
9093
+ {
9094
+ "kind": "field",
9095
+ "name": "errorText",
9096
+ "type": {
9097
+ "text": "string | undefined"
9098
+ },
9099
+ "attribute": "error-text",
9100
+ "inheritedFrom": {
9101
+ "name": "UmTextFieldBase",
9102
+ "module": "src/shared/text-field-base/text-field-base.ts"
9103
+ }
9104
+ },
9105
+ {
9106
+ "kind": "field",
9107
+ "name": "disabled",
9178
9108
  "type": {
9179
9109
  "text": "boolean"
9180
9110
  },
9181
- "privacy": "private",
9182
- "default": "false"
9111
+ "default": "false",
9112
+ "attribute": "disabled",
9113
+ "reflects": true,
9114
+ "inheritedFrom": {
9115
+ "name": "UmTextFieldBase",
9116
+ "module": "src/shared/text-field-base/text-field-base.ts"
9117
+ }
9183
9118
  },
9184
9119
  {
9185
- "kind": "method",
9186
- "name": "create",
9187
- "static": true,
9188
- "return": {
9189
- "type": {
9190
- "text": "ThemeBuilder"
9191
- }
9120
+ "kind": "field",
9121
+ "name": "invalid",
9122
+ "type": {
9123
+ "text": "boolean"
9192
9124
  },
9193
- "parameters": [
9194
- {
9195
- "name": "primaryColorHex",
9196
- "type": {
9197
- "text": "string"
9198
- }
9199
- }
9200
- ]
9125
+ "default": "false",
9126
+ "attribute": "invalid",
9127
+ "reflects": true,
9128
+ "inheritedFrom": {
9129
+ "name": "UmTextFieldBase",
9130
+ "module": "src/shared/text-field-base/text-field-base.ts"
9131
+ }
9201
9132
  },
9202
9133
  {
9203
- "kind": "method",
9204
- "name": "createPartial",
9205
- "static": true,
9206
- "return": {
9207
- "type": {
9208
- "text": "ThemeBuilder"
9209
- }
9134
+ "kind": "field",
9135
+ "name": "form",
9136
+ "type": {
9137
+ "text": "HTMLFormElement | null"
9138
+ },
9139
+ "inheritedFrom": {
9140
+ "name": "UmTextFieldBase",
9141
+ "module": "src/shared/text-field-base/text-field-base.ts"
9210
9142
  }
9211
9143
  },
9212
9144
  {
9213
- "kind": "method",
9214
- "name": "addColorFromHex",
9215
- "return": {
9216
- "type": {
9217
- "text": "ThemeBuilder"
9218
- }
9145
+ "kind": "field",
9146
+ "name": "elementInternals",
9147
+ "type": {
9148
+ "text": "ElementInternals"
9219
9149
  },
9220
- "parameters": [
9221
- {
9222
- "name": "name",
9223
- "type": {
9224
- "text": "string"
9225
- }
9226
- },
9227
- {
9228
- "name": "hex",
9229
- "type": {
9230
- "text": "string"
9231
- }
9232
- }
9233
- ]
9150
+ "privacy": "protected",
9151
+ "inheritedFrom": {
9152
+ "name": "UmTextFieldBase",
9153
+ "module": "src/shared/text-field-base/text-field-base.ts"
9154
+ }
9155
+ }
9156
+ ],
9157
+ "attributes": [
9158
+ {
9159
+ "name": "value",
9160
+ "fieldName": "value"
9234
9161
  },
9235
9162
  {
9236
- "kind": "method",
9237
- "name": "addColorFromPalette",
9238
- "return": {
9239
- "type": {
9240
- "text": "ThemeBuilder"
9241
- }
9163
+ "name": "prefix-text",
9164
+ "type": {
9165
+ "text": "string | undefined"
9242
9166
  },
9243
- "parameters": [
9244
- {
9245
- "name": "name",
9246
- "type": {
9247
- "text": "string"
9248
- }
9249
- },
9250
- {
9251
- "name": "palette",
9252
- "type": {
9253
- "text": "TonalPalette"
9254
- }
9255
- }
9256
- ]
9167
+ "fieldName": "prefixText"
9257
9168
  },
9258
9169
  {
9259
- "kind": "method",
9260
- "name": "addFixedColor",
9261
- "return": {
9262
- "type": {
9263
- "text": "ThemeBuilder"
9264
- }
9170
+ "name": "suffix-text",
9171
+ "type": {
9172
+ "text": "string | undefined"
9265
9173
  },
9266
- "parameters": [
9267
- {
9268
- "name": "name",
9269
- "type": {
9270
- "text": "string"
9271
- }
9272
- },
9273
- {
9274
- "name": "hex",
9275
- "type": {
9276
- "text": "string"
9277
- }
9278
- }
9279
- ]
9174
+ "fieldName": "suffixText"
9280
9175
  },
9281
9176
  {
9282
- "kind": "method",
9283
- "name": "setCssClass",
9284
- "return": {
9285
- "type": {
9286
- "text": "ThemeBuilder"
9287
- }
9177
+ "name": "variant",
9178
+ "fieldName": "variant",
9179
+ "inheritedFrom": {
9180
+ "name": "UmTextFieldBase",
9181
+ "module": "src/shared/text-field-base/text-field-base.ts"
9182
+ }
9183
+ },
9184
+ {
9185
+ "name": "label",
9186
+ "type": {
9187
+ "text": "string | undefined"
9288
9188
  },
9289
- "parameters": [
9290
- {
9291
- "name": "cssClass",
9292
- "type": {
9293
- "text": "string"
9294
- }
9295
- }
9296
- ]
9189
+ "fieldName": "label",
9190
+ "inheritedFrom": {
9191
+ "name": "UmTextFieldBase",
9192
+ "module": "src/shared/text-field-base/text-field-base.ts"
9193
+ }
9297
9194
  },
9298
9195
  {
9299
- "kind": "method",
9300
- "name": "ensureCssClassStartsWithDot",
9301
- "privacy": "private",
9302
- "return": {
9303
- "type": {
9304
- "text": "void"
9305
- }
9196
+ "name": "counter",
9197
+ "type": {
9198
+ "text": "string | undefined"
9199
+ },
9200
+ "fieldName": "counter",
9201
+ "inheritedFrom": {
9202
+ "name": "UmTextFieldBase",
9203
+ "module": "src/shared/text-field-base/text-field-base.ts"
9306
9204
  }
9307
9205
  },
9308
9206
  {
9309
- "kind": "method",
9310
- "name": "ensureThemeColors",
9311
- "privacy": "private",
9312
- "return": {
9313
- "type": {
9314
- "text": "void"
9315
- }
9207
+ "name": "placeholder",
9208
+ "type": {
9209
+ "text": "string | undefined"
9210
+ },
9211
+ "fieldName": "placeholder",
9212
+ "inheritedFrom": {
9213
+ "name": "UmTextFieldBase",
9214
+ "module": "src/shared/text-field-base/text-field-base.ts"
9316
9215
  }
9317
9216
  },
9318
9217
  {
9319
- "kind": "method",
9320
- "name": "getNeutralVariables",
9321
- "privacy": "private",
9322
- "return": {
9323
- "type": {
9324
- "text": "string"
9325
- }
9218
+ "name": "supporting-text",
9219
+ "type": {
9220
+ "text": "string | undefined"
9221
+ },
9222
+ "fieldName": "supportingText",
9223
+ "inheritedFrom": {
9224
+ "name": "UmTextFieldBase",
9225
+ "module": "src/shared/text-field-base/text-field-base.ts"
9226
+ }
9227
+ },
9228
+ {
9229
+ "name": "error-text",
9230
+ "type": {
9231
+ "text": "string | undefined"
9232
+ },
9233
+ "fieldName": "errorText",
9234
+ "inheritedFrom": {
9235
+ "name": "UmTextFieldBase",
9236
+ "module": "src/shared/text-field-base/text-field-base.ts"
9237
+ }
9238
+ },
9239
+ {
9240
+ "name": "disabled",
9241
+ "type": {
9242
+ "text": "boolean"
9243
+ },
9244
+ "default": "false",
9245
+ "fieldName": "disabled",
9246
+ "inheritedFrom": {
9247
+ "name": "UmTextFieldBase",
9248
+ "module": "src/shared/text-field-base/text-field-base.ts"
9249
+ }
9250
+ },
9251
+ {
9252
+ "name": "invalid",
9253
+ "type": {
9254
+ "text": "boolean"
9255
+ },
9256
+ "default": "false",
9257
+ "fieldName": "invalid",
9258
+ "inheritedFrom": {
9259
+ "name": "UmTextFieldBase",
9260
+ "module": "src/shared/text-field-base/text-field-base.ts"
9261
+ }
9262
+ }
9263
+ ],
9264
+ "superclass": {
9265
+ "name": "UmTextFieldBase",
9266
+ "module": "/src/shared/text-field-base/text-field-base.js"
9267
+ },
9268
+ "tagName": "u-text-field",
9269
+ "customElement": true
9270
+ }
9271
+ ],
9272
+ "exports": [
9273
+ {
9274
+ "kind": "js",
9275
+ "name": "UmTextField",
9276
+ "declaration": {
9277
+ "name": "UmTextField",
9278
+ "module": "src/text-field/text-field.ts"
9279
+ }
9280
+ },
9281
+ {
9282
+ "kind": "custom-element-definition",
9283
+ "name": "u-text-field",
9284
+ "declaration": {
9285
+ "name": "UmTextField",
9286
+ "module": "src/text-field/text-field.ts"
9287
+ }
9288
+ }
9289
+ ]
9290
+ },
9291
+ {
9292
+ "kind": "javascript-module",
9293
+ "path": "src/theme/color.ts",
9294
+ "declarations": [],
9295
+ "exports": []
9296
+ },
9297
+ {
9298
+ "kind": "javascript-module",
9299
+ "path": "src/theme/css-var-builder.ts",
9300
+ "declarations": [
9301
+ {
9302
+ "kind": "class",
9303
+ "description": "",
9304
+ "name": "CssVarBuilder",
9305
+ "members": [
9306
+ {
9307
+ "kind": "field",
9308
+ "name": "content",
9309
+ "type": {
9310
+ "text": "string"
9326
9311
  },
9327
- "parameters": [
9328
- {
9329
- "name": "dark",
9330
- "type": {
9331
- "text": "boolean"
9332
- }
9333
- }
9334
- ]
9335
- },
9336
- {
9337
- "kind": "method",
9338
- "name": "getNeutralVariantVariables",
9339
9312
  "privacy": "private",
9340
- "return": {
9341
- "type": {
9342
- "text": "string"
9343
- }
9344
- },
9345
- "parameters": [
9346
- {
9347
- "name": "dark",
9348
- "type": {
9349
- "text": "boolean"
9350
- }
9351
- }
9352
- ]
9353
- },
9354
- {
9355
- "kind": "method",
9356
- "name": "getColorVariables",
9357
- "return": {
9358
- "type": {
9359
- "text": "string"
9360
- }
9361
- },
9362
- "parameters": [
9363
- {
9364
- "name": "color",
9365
- "type": {
9366
- "text": "ThemeColor"
9367
- }
9368
- },
9369
- {
9370
- "name": "dark",
9371
- "type": {
9372
- "text": "boolean"
9373
- }
9374
- }
9375
- ]
9313
+ "default": "''"
9376
9314
  },
9377
9315
  {
9378
9316
  "kind": "method",
9379
- "name": "getColorsVariables",
9380
- "privacy": "private",
9317
+ "name": "create",
9318
+ "static": true,
9381
9319
  "return": {
9382
9320
  "type": {
9383
- "text": "string"
9384
- }
9385
- },
9386
- "parameters": [
9387
- {
9388
- "name": "dark",
9389
- "type": {
9390
- "text": "boolean"
9391
- }
9321
+ "text": "CssVarBuilder"
9392
9322
  }
9393
- ]
9323
+ }
9394
9324
  },
9395
9325
  {
9396
9326
  "kind": "method",
9397
- "name": "addColors",
9398
- "privacy": "private",
9327
+ "name": "add",
9399
9328
  "return": {
9400
9329
  "type": {
9401
- "text": "void"
9330
+ "text": "CssVarBuilder"
9402
9331
  }
9403
9332
  },
9404
9333
  "parameters": [
9405
9334
  {
9406
- "name": "builder",
9407
- "type": {
9408
- "text": "CssVarBuilder"
9409
- }
9410
- },
9411
- {
9412
- "name": "colors",
9413
- "type": {
9414
- "text": "Color[]"
9415
- }
9416
- },
9417
- {
9418
- "name": "palette",
9335
+ "name": "name",
9419
9336
  "type": {
9420
- "text": "TonalPalette"
9337
+ "text": "string"
9421
9338
  }
9422
9339
  },
9423
9340
  {
9424
- "name": "dark",
9341
+ "name": "value",
9425
9342
  "type": {
9426
- "text": "boolean"
9343
+ "text": "string"
9427
9344
  }
9428
9345
  }
9429
9346
  ]
9430
9347
  },
9431
9348
  {
9432
9349
  "kind": "method",
9433
- "name": "addToneColor",
9434
- "privacy": "private",
9350
+ "name": "addFromArgb",
9435
9351
  "return": {
9436
9352
  "type": {
9437
- "text": "void"
9353
+ "text": "CssVarBuilder"
9438
9354
  }
9439
9355
  },
9440
9356
  "parameters": [
9441
9357
  {
9442
- "name": "builder",
9443
- "type": {
9444
- "text": "CssVarBuilder"
9445
- }
9446
- },
9447
- {
9448
- "name": "color",
9449
- "type": {
9450
- "text": "Color"
9451
- }
9452
- },
9453
- {
9454
- "name": "palette",
9358
+ "name": "name",
9455
9359
  "type": {
9456
- "text": "TonalPalette"
9360
+ "text": "string"
9457
9361
  }
9458
9362
  },
9459
9363
  {
9460
- "name": "dark",
9364
+ "name": "argb",
9461
9365
  "type": {
9462
- "text": "boolean"
9366
+ "text": "number"
9463
9367
  }
9464
9368
  }
9465
9369
  ]
@@ -9479,450 +9383,400 @@
9479
9383
  "exports": [
9480
9384
  {
9481
9385
  "kind": "js",
9482
- "name": "ThemeBuilder",
9483
- "declaration": {
9484
- "name": "ThemeBuilder",
9485
- "module": "src/theme/theme-builder.ts"
9486
- }
9487
- }
9488
- ]
9489
- },
9490
- {
9491
- "kind": "javascript-module",
9492
- "path": "src/theme/theme-color.ts",
9493
- "declarations": [],
9494
- "exports": []
9495
- },
9496
- {
9497
- "kind": "javascript-module",
9498
- "path": "src/typeahead/highlight.styles.ts",
9499
- "declarations": [
9500
- {
9501
- "kind": "variable",
9502
- "name": "styles",
9503
- "default": "css `\n\n`"
9504
- }
9505
- ],
9506
- "exports": [
9507
- {
9508
- "kind": "js",
9509
- "name": "styles",
9386
+ "name": "CssVarBuilder",
9510
9387
  "declaration": {
9511
- "name": "styles",
9512
- "module": "src/typeahead/highlight.styles.ts"
9388
+ "name": "CssVarBuilder",
9389
+ "module": "src/theme/css-var-builder.ts"
9513
9390
  }
9514
9391
  }
9515
9392
  ]
9516
9393
  },
9517
- {
9518
- "kind": "javascript-module",
9519
- "path": "src/typeahead/highlight.ts",
9520
- "declarations": [
9521
- {
9522
- "kind": "class",
9523
- "description": "",
9524
- "name": "UmHighlight",
9525
- "members": [
9526
- {
9527
- "kind": "field",
9528
- "name": "#result",
9529
- "privacy": "private",
9530
- "type": {
9531
- "text": "string | undefined"
9532
- }
9533
- },
9534
- {
9535
- "kind": "field",
9536
- "name": "#term",
9537
- "privacy": "private",
9538
- "type": {
9539
- "text": "string | undefined"
9540
- }
9541
- },
9542
- {
9543
- "kind": "field",
9544
- "name": "parts",
9545
- "type": {
9546
- "text": "string[] | undefined"
9547
- },
9548
- "privacy": "private"
9549
- },
9550
- {
9551
- "kind": "field",
9552
- "name": "result",
9553
- "type": {
9554
- "text": "string | undefined"
9555
- },
9556
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
9557
- "attribute": "result"
9558
- },
9559
- {
9560
- "kind": "field",
9561
- "name": "term",
9562
- "type": {
9563
- "text": "string | undefined"
9564
- },
9565
- "description": "The searched term",
9566
- "attribute": "term"
9567
- },
9568
- {
9569
- "kind": "method",
9570
- "name": "setParts",
9571
- "privacy": "private"
9572
- }
9573
- ],
9574
- "attributes": [
9575
- {
9576
- "name": "result",
9577
- "type": {
9578
- "text": "string | undefined"
9579
- },
9580
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
9581
- "fieldName": "result"
9582
- },
9583
- {
9584
- "name": "term",
9585
- "type": {
9586
- "text": "string | undefined"
9587
- },
9588
- "description": "The searched term",
9589
- "fieldName": "term"
9590
- }
9591
- ],
9592
- "superclass": {
9593
- "name": "LitElement",
9594
- "package": "lit"
9595
- },
9596
- "tagName": "u-highlight",
9597
- "customElement": true
9598
- }
9599
- ],
9600
- "exports": [
9601
- {
9602
- "kind": "js",
9603
- "name": "UmHighlight",
9604
- "declaration": {
9605
- "name": "UmHighlight",
9606
- "module": "src/typeahead/highlight.ts"
9607
- }
9608
- },
9394
+ {
9395
+ "kind": "javascript-module",
9396
+ "path": "src/theme/index.ts",
9397
+ "declarations": [],
9398
+ "exports": [
9609
9399
  {
9610
- "kind": "custom-element-definition",
9611
- "name": "u-highlight",
9400
+ "kind": "js",
9401
+ "name": "*",
9612
9402
  "declaration": {
9613
- "name": "UmHighlight",
9614
- "module": "src/typeahead/highlight.ts"
9403
+ "name": "*",
9404
+ "package": "./theme-builder.js"
9615
9405
  }
9616
9406
  }
9617
9407
  ]
9618
9408
  },
9619
9409
  {
9620
9410
  "kind": "javascript-module",
9621
- "path": "src/typeahead/typeahead.styles.ts",
9411
+ "path": "src/theme/neutral-colors.ts",
9622
9412
  "declarations": [
9623
9413
  {
9624
9414
  "kind": "variable",
9625
- "name": "styles",
9626
- "default": "css `\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
9415
+ "name": "neutralColors",
9416
+ "type": {
9417
+ "text": "Color[]"
9418
+ },
9419
+ "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9420
+ },
9421
+ {
9422
+ "kind": "variable",
9423
+ "name": "neutralVariantColors",
9424
+ "type": {
9425
+ "text": "Color[]"
9426
+ },
9427
+ "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9627
9428
  }
9628
9429
  ],
9629
9430
  "exports": [
9630
9431
  {
9631
9432
  "kind": "js",
9632
- "name": "styles",
9433
+ "name": "neutralColors",
9633
9434
  "declaration": {
9634
- "name": "styles",
9635
- "module": "src/typeahead/typeahead.styles.ts"
9435
+ "name": "neutralColors",
9436
+ "module": "src/theme/neutral-colors.ts"
9437
+ }
9438
+ },
9439
+ {
9440
+ "kind": "js",
9441
+ "name": "neutralVariantColors",
9442
+ "declaration": {
9443
+ "name": "neutralVariantColors",
9444
+ "module": "src/theme/neutral-colors.ts"
9636
9445
  }
9637
9446
  }
9638
9447
  ]
9639
9448
  },
9640
9449
  {
9641
9450
  "kind": "javascript-module",
9642
- "path": "src/typeahead/typeahead.ts",
9451
+ "path": "src/theme/rgb-color.ts",
9643
9452
  "declarations": [
9644
9453
  {
9645
9454
  "kind": "class",
9646
9455
  "description": "",
9647
- "name": "UmTypeahead",
9456
+ "name": "RgbColor",
9648
9457
  "members": [
9649
9458
  {
9650
9459
  "kind": "field",
9651
- "name": "formAssociated",
9652
- "type": {
9653
- "text": "boolean"
9654
- },
9655
- "static": true,
9656
- "default": "true"
9657
- },
9658
- {
9659
- "kind": "field",
9660
- "name": "#targetId",
9661
- "privacy": "private",
9662
- "type": {
9663
- "text": "string | undefined"
9664
- }
9665
- },
9666
- {
9667
- "kind": "field",
9668
- "name": "#connected",
9669
- "privacy": "private",
9670
- "type": {
9671
- "text": "boolean"
9672
- },
9673
- "default": "false"
9674
- },
9675
- {
9676
- "kind": "field",
9677
- "name": "target",
9678
- "type": {
9679
- "text": "HTMLElement & {input?: HTMLInputElement; value: string} | null"
9680
- },
9681
- "privacy": "private",
9682
- "default": "null"
9683
- },
9684
- {
9685
- "kind": "field",
9686
- "name": "#documentMutationObserver",
9687
- "privacy": "private",
9688
- "type": {
9689
- "text": "MutationObserver | null"
9690
- },
9691
- "default": "null"
9692
- },
9693
- {
9694
- "kind": "field",
9695
- "name": "#termNormalized",
9696
- "privacy": "private",
9697
- "type": {
9698
- "text": "string"
9699
- },
9700
- "default": "''"
9701
- },
9702
- {
9703
- "kind": "field",
9704
- "name": "#debounceTimeout",
9705
- "privacy": "private",
9706
- "type": {
9707
- "text": "number | null"
9708
- },
9709
- "default": "null"
9710
- },
9711
- {
9712
- "kind": "field",
9713
- "name": "#value",
9714
- "privacy": "private",
9715
- "type": {
9716
- "text": "any"
9717
- }
9718
- },
9719
- {
9720
- "kind": "field",
9721
- "name": "#elementInternals",
9722
- "privacy": "private",
9723
- "type": {
9724
- "text": "ElementInternals"
9725
- }
9726
- },
9727
- {
9728
- "kind": "field",
9729
- "name": "results",
9730
- "type": {
9731
- "text": "Data[]"
9732
- }
9733
- },
9734
- {
9735
- "kind": "field",
9736
- "name": "source",
9737
- "type": {
9738
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
9739
- },
9740
- "attribute": "source"
9741
- },
9742
- {
9743
- "kind": "field",
9744
- "name": "formatter",
9745
- "type": {
9746
- "text": "((value: any) => string) | undefined"
9747
- }
9748
- },
9749
- {
9750
- "kind": "field",
9751
- "name": "template",
9752
- "type": {
9753
- "text": "((term: string, value: any) => string) | undefined"
9754
- }
9755
- },
9756
- {
9757
- "kind": "field",
9758
- "name": "debounce",
9460
+ "name": "r",
9759
9461
  "type": {
9760
9462
  "text": "number"
9761
9463
  },
9762
- "default": "300",
9763
- "attribute": "debounce",
9764
- "reflects": true
9464
+ "default": "r"
9765
9465
  },
9766
9466
  {
9767
9467
  "kind": "field",
9768
- "name": "limit",
9468
+ "name": "g",
9769
9469
  "type": {
9770
9470
  "text": "number"
9771
9471
  },
9772
- "default": "10",
9773
- "attribute": "limit",
9774
- "reflects": true
9472
+ "default": "g"
9775
9473
  },
9776
9474
  {
9777
9475
  "kind": "field",
9778
- "name": "minLength",
9476
+ "name": "b",
9779
9477
  "type": {
9780
9478
  "text": "number"
9781
9479
  },
9782
- "default": "2",
9783
- "attribute": "minLength",
9784
- "reflects": true
9480
+ "default": "b"
9785
9481
  },
9786
9482
  {
9787
- "kind": "field",
9788
- "name": "openOnFocus",
9789
- "type": {
9790
- "text": "boolean"
9483
+ "kind": "method",
9484
+ "name": "fromArgb",
9485
+ "static": true,
9486
+ "return": {
9487
+ "type": {
9488
+ "text": "RgbColor"
9489
+ }
9791
9490
  },
9792
- "default": "false",
9793
- "attribute": "open-on-focus",
9794
- "reflects": true
9491
+ "parameters": [
9492
+ {
9493
+ "name": "argb",
9494
+ "type": {
9495
+ "text": "number"
9496
+ }
9497
+ }
9498
+ ]
9795
9499
  },
9796
9500
  {
9797
9501
  "kind": "field",
9798
- "name": "editable",
9799
- "type": {
9800
- "text": "boolean"
9801
- },
9802
- "default": "false",
9803
- "attribute": "editable",
9804
- "reflects": true
9805
- },
9502
+ "name": "toString"
9503
+ }
9504
+ ]
9505
+ }
9506
+ ],
9507
+ "exports": [
9508
+ {
9509
+ "kind": "js",
9510
+ "name": "RgbColor",
9511
+ "declaration": {
9512
+ "name": "RgbColor",
9513
+ "module": "src/theme/rgb-color.ts"
9514
+ }
9515
+ }
9516
+ ]
9517
+ },
9518
+ {
9519
+ "kind": "javascript-module",
9520
+ "path": "src/theme/theme-builder.ts",
9521
+ "declarations": [
9522
+ {
9523
+ "kind": "class",
9524
+ "description": "",
9525
+ "name": "ThemeBuilder",
9526
+ "members": [
9806
9527
  {
9807
9528
  "kind": "field",
9808
- "name": "form",
9529
+ "name": "cssClass",
9809
9530
  "type": {
9810
- "text": "HTMLFormElement | null"
9811
- }
9531
+ "text": "string | null"
9532
+ },
9533
+ "default": "null"
9812
9534
  },
9813
9535
  {
9814
9536
  "kind": "field",
9815
- "name": "value",
9537
+ "name": "colors",
9816
9538
  "type": {
9817
- "text": "any"
9818
- }
9819
- },
9820
- {
9821
- "kind": "method",
9822
- "name": "focus"
9823
- },
9824
- {
9825
- "kind": "method",
9826
- "name": "clear"
9539
+ "text": "ThemeColor[]"
9540
+ },
9541
+ "default": "[]"
9827
9542
  },
9828
9543
  {
9829
9544
  "kind": "field",
9830
- "name": "targetId",
9831
- "type": {
9832
- "text": "string | undefined"
9833
- },
9834
- "attribute": "target-id",
9835
- "reflects": true
9545
+ "name": "neutralColorPalette",
9546
+ "type": {
9547
+ "text": "TonalPalette"
9548
+ }
9836
9549
  },
9837
9550
  {
9838
9551
  "kind": "field",
9839
- "name": "menu",
9552
+ "name": "neutralVariantColorPalette",
9840
9553
  "type": {
9841
- "text": "UmMenu"
9554
+ "text": "TonalPalette"
9842
9555
  }
9843
9556
  },
9844
9557
  {
9845
- "kind": "method",
9846
- "name": "#attach"
9558
+ "kind": "field",
9559
+ "name": "partial",
9560
+ "type": {
9561
+ "text": "boolean"
9562
+ },
9563
+ "privacy": "private",
9564
+ "default": "false"
9847
9565
  },
9848
9566
  {
9849
9567
  "kind": "method",
9850
- "name": "#detach"
9568
+ "name": "create",
9569
+ "static": true,
9570
+ "return": {
9571
+ "type": {
9572
+ "text": "ThemeBuilder"
9573
+ }
9574
+ },
9575
+ "parameters": [
9576
+ {
9577
+ "name": "primaryColorHex",
9578
+ "type": {
9579
+ "text": "string"
9580
+ }
9581
+ }
9582
+ ]
9851
9583
  },
9852
9584
  {
9853
- "kind": "field",
9854
- "name": "#handleFocus",
9855
- "privacy": "private"
9585
+ "kind": "method",
9586
+ "name": "createPartial",
9587
+ "static": true,
9588
+ "return": {
9589
+ "type": {
9590
+ "text": "ThemeBuilder"
9591
+ }
9592
+ }
9856
9593
  },
9857
9594
  {
9858
- "kind": "field",
9859
- "name": "#handleInput",
9860
- "privacy": "private"
9595
+ "kind": "method",
9596
+ "name": "addColorFromHex",
9597
+ "return": {
9598
+ "type": {
9599
+ "text": "ThemeBuilder"
9600
+ }
9601
+ },
9602
+ "parameters": [
9603
+ {
9604
+ "name": "name",
9605
+ "type": {
9606
+ "text": "string"
9607
+ }
9608
+ },
9609
+ {
9610
+ "name": "hex",
9611
+ "type": {
9612
+ "text": "string"
9613
+ }
9614
+ }
9615
+ ]
9861
9616
  },
9862
9617
  {
9863
9618
  "kind": "method",
9864
- "name": "#getItemClickHandler",
9619
+ "name": "addColorFromPalette",
9620
+ "return": {
9621
+ "type": {
9622
+ "text": "ThemeBuilder"
9623
+ }
9624
+ },
9865
9625
  "parameters": [
9866
9626
  {
9867
- "name": "data",
9627
+ "name": "name",
9868
9628
  "type": {
9869
- "text": "Data"
9629
+ "text": "string"
9630
+ }
9631
+ },
9632
+ {
9633
+ "name": "palette",
9634
+ "type": {
9635
+ "text": "TonalPalette"
9870
9636
  }
9871
9637
  }
9872
9638
  ]
9873
9639
  },
9874
9640
  {
9875
9641
  "kind": "method",
9876
- "name": "#setValueAndDispatchEvents",
9642
+ "name": "addFixedColor",
9643
+ "return": {
9644
+ "type": {
9645
+ "text": "ThemeBuilder"
9646
+ }
9647
+ },
9877
9648
  "parameters": [
9878
9649
  {
9879
- "name": "value",
9650
+ "name": "name",
9880
9651
  "type": {
9881
- "text": "any"
9652
+ "text": "string"
9882
9653
  }
9883
9654
  },
9884
9655
  {
9885
- "name": "direct",
9886
- "default": "false"
9656
+ "name": "hex",
9657
+ "type": {
9658
+ "text": "string"
9659
+ }
9887
9660
  }
9888
9661
  ]
9889
9662
  },
9890
9663
  {
9891
9664
  "kind": "method",
9892
- "name": "#updateResults",
9665
+ "name": "setCssClass",
9666
+ "return": {
9667
+ "type": {
9668
+ "text": "ThemeBuilder"
9669
+ }
9670
+ },
9893
9671
  "parameters": [
9894
9672
  {
9895
- "name": "lazy",
9896
- "default": "false"
9673
+ "name": "cssClass",
9674
+ "type": {
9675
+ "text": "string"
9676
+ }
9897
9677
  }
9898
9678
  ]
9899
9679
  },
9900
9680
  {
9901
9681
  "kind": "method",
9902
- "name": "#getData",
9682
+ "name": "ensureCssClassStartsWithDot",
9683
+ "privacy": "private",
9903
9684
  "return": {
9904
9685
  "type": {
9905
- "text": "Promise<Data[]>"
9686
+ "text": "void"
9906
9687
  }
9907
9688
  }
9908
9689
  },
9909
9690
  {
9910
9691
  "kind": "method",
9911
- "name": "#setValueOnTarget"
9692
+ "name": "ensureThemeColors",
9693
+ "privacy": "private",
9694
+ "return": {
9695
+ "type": {
9696
+ "text": "void"
9697
+ }
9698
+ }
9912
9699
  },
9913
9700
  {
9914
9701
  "kind": "method",
9915
- "name": "getTargetValue",
9702
+ "name": "getNeutralVariables",
9916
9703
  "privacy": "private",
9917
9704
  "return": {
9918
9705
  "type": {
9919
9706
  "text": "string"
9920
9707
  }
9921
- }
9708
+ },
9709
+ "parameters": [
9710
+ {
9711
+ "name": "dark",
9712
+ "type": {
9713
+ "text": "boolean"
9714
+ }
9715
+ }
9716
+ ]
9922
9717
  },
9923
9718
  {
9924
9719
  "kind": "method",
9925
- "name": "setTargetValue",
9720
+ "name": "getNeutralVariantVariables",
9721
+ "privacy": "private",
9722
+ "return": {
9723
+ "type": {
9724
+ "text": "string"
9725
+ }
9726
+ },
9727
+ "parameters": [
9728
+ {
9729
+ "name": "dark",
9730
+ "type": {
9731
+ "text": "boolean"
9732
+ }
9733
+ }
9734
+ ]
9735
+ },
9736
+ {
9737
+ "kind": "method",
9738
+ "name": "getColorVariables",
9739
+ "return": {
9740
+ "type": {
9741
+ "text": "string"
9742
+ }
9743
+ },
9744
+ "parameters": [
9745
+ {
9746
+ "name": "color",
9747
+ "type": {
9748
+ "text": "ThemeColor"
9749
+ }
9750
+ },
9751
+ {
9752
+ "name": "dark",
9753
+ "type": {
9754
+ "text": "boolean"
9755
+ }
9756
+ }
9757
+ ]
9758
+ },
9759
+ {
9760
+ "kind": "method",
9761
+ "name": "getColorsVariables",
9762
+ "privacy": "private",
9763
+ "return": {
9764
+ "type": {
9765
+ "text": "string"
9766
+ }
9767
+ },
9768
+ "parameters": [
9769
+ {
9770
+ "name": "dark",
9771
+ "type": {
9772
+ "text": "boolean"
9773
+ }
9774
+ }
9775
+ ]
9776
+ },
9777
+ {
9778
+ "kind": "method",
9779
+ "name": "addColors",
9926
9780
  "privacy": "private",
9927
9781
  "return": {
9928
9782
  "type": {
@@ -9931,119 +9785,227 @@
9931
9785
  },
9932
9786
  "parameters": [
9933
9787
  {
9934
- "name": "value",
9788
+ "name": "builder",
9789
+ "type": {
9790
+ "text": "CssVarBuilder"
9791
+ }
9792
+ },
9793
+ {
9794
+ "name": "colors",
9795
+ "type": {
9796
+ "text": "Color[]"
9797
+ }
9798
+ },
9799
+ {
9800
+ "name": "palette",
9801
+ "type": {
9802
+ "text": "TonalPalette"
9803
+ }
9804
+ },
9805
+ {
9806
+ "name": "dark",
9807
+ "type": {
9808
+ "text": "boolean"
9809
+ }
9810
+ }
9811
+ ]
9812
+ },
9813
+ {
9814
+ "kind": "method",
9815
+ "name": "addToneColor",
9816
+ "privacy": "private",
9817
+ "return": {
9818
+ "type": {
9819
+ "text": "void"
9820
+ }
9821
+ },
9822
+ "parameters": [
9823
+ {
9824
+ "name": "builder",
9825
+ "type": {
9826
+ "text": "CssVarBuilder"
9827
+ }
9828
+ },
9829
+ {
9830
+ "name": "color",
9831
+ "type": {
9832
+ "text": "Color"
9833
+ }
9834
+ },
9835
+ {
9836
+ "name": "palette",
9837
+ "type": {
9838
+ "text": "TonalPalette"
9839
+ }
9840
+ },
9841
+ {
9842
+ "name": "dark",
9935
9843
  "type": {
9936
- "text": "string"
9844
+ "text": "boolean"
9937
9845
  }
9938
9846
  }
9939
9847
  ]
9940
- }
9941
- ],
9942
- "events": [
9943
- {
9944
- "name": "input",
9945
- "type": {
9946
- "text": "InputEvent"
9947
- }
9948
9848
  },
9949
9849
  {
9950
- "name": "change",
9951
- "type": {
9952
- "text": "Event"
9850
+ "kind": "method",
9851
+ "name": "build",
9852
+ "return": {
9853
+ "type": {
9854
+ "text": "string"
9855
+ }
9953
9856
  }
9954
9857
  }
9955
- ],
9956
- "attributes": [
9858
+ ]
9859
+ }
9860
+ ],
9861
+ "exports": [
9862
+ {
9863
+ "kind": "js",
9864
+ "name": "ThemeBuilder",
9865
+ "declaration": {
9866
+ "name": "ThemeBuilder",
9867
+ "module": "src/theme/theme-builder.ts"
9868
+ }
9869
+ }
9870
+ ]
9871
+ },
9872
+ {
9873
+ "kind": "javascript-module",
9874
+ "path": "src/theme/theme-color.ts",
9875
+ "declarations": [],
9876
+ "exports": []
9877
+ },
9878
+ {
9879
+ "kind": "javascript-module",
9880
+ "path": "src/typeahead/highlight.styles.ts",
9881
+ "declarations": [
9882
+ {
9883
+ "kind": "variable",
9884
+ "name": "styles",
9885
+ "default": "css `\n :host {\n display: inline-block;\n }\n`"
9886
+ }
9887
+ ],
9888
+ "exports": [
9889
+ {
9890
+ "kind": "js",
9891
+ "name": "styles",
9892
+ "declaration": {
9893
+ "name": "styles",
9894
+ "module": "src/typeahead/highlight.styles.ts"
9895
+ }
9896
+ }
9897
+ ]
9898
+ },
9899
+ {
9900
+ "kind": "javascript-module",
9901
+ "path": "src/typeahead/highlight.ts",
9902
+ "declarations": [
9903
+ {
9904
+ "kind": "class",
9905
+ "description": "",
9906
+ "name": "UmHighlight",
9907
+ "members": [
9957
9908
  {
9958
- "name": "source",
9909
+ "kind": "field",
9910
+ "name": "#result",
9911
+ "privacy": "private",
9959
9912
  "type": {
9960
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
9961
- },
9962
- "fieldName": "source"
9913
+ "text": "string | undefined"
9914
+ }
9963
9915
  },
9964
9916
  {
9965
- "name": "debounce",
9917
+ "kind": "field",
9918
+ "name": "#term",
9919
+ "privacy": "private",
9966
9920
  "type": {
9967
- "text": "number"
9968
- },
9969
- "default": "300",
9970
- "fieldName": "debounce"
9921
+ "text": "string | undefined"
9922
+ }
9971
9923
  },
9972
9924
  {
9973
- "name": "limit",
9925
+ "kind": "field",
9926
+ "name": "parts",
9974
9927
  "type": {
9975
- "text": "number"
9928
+ "text": "string[] | undefined"
9976
9929
  },
9977
- "default": "10",
9978
- "fieldName": "limit"
9930
+ "privacy": "private"
9979
9931
  },
9980
9932
  {
9981
- "name": "minLength",
9933
+ "kind": "field",
9934
+ "name": "result",
9982
9935
  "type": {
9983
- "text": "number"
9936
+ "text": "string | undefined"
9984
9937
  },
9985
- "default": "2",
9986
- "fieldName": "minLength"
9938
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9939
+ "attribute": "result"
9987
9940
  },
9988
9941
  {
9989
- "name": "open-on-focus",
9942
+ "kind": "field",
9943
+ "name": "term",
9990
9944
  "type": {
9991
- "text": "boolean"
9945
+ "text": "string | undefined"
9992
9946
  },
9993
- "default": "false",
9994
- "fieldName": "openOnFocus"
9947
+ "description": "The searched term",
9948
+ "attribute": "term"
9995
9949
  },
9996
9950
  {
9997
- "name": "editable",
9951
+ "kind": "method",
9952
+ "name": "setParts",
9953
+ "privacy": "private"
9954
+ }
9955
+ ],
9956
+ "attributes": [
9957
+ {
9958
+ "name": "result",
9998
9959
  "type": {
9999
- "text": "boolean"
9960
+ "text": "string | undefined"
10000
9961
  },
10001
- "default": "false",
10002
- "fieldName": "editable"
9962
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9963
+ "fieldName": "result"
10003
9964
  },
10004
9965
  {
10005
- "name": "target-id",
9966
+ "name": "term",
10006
9967
  "type": {
10007
9968
  "text": "string | undefined"
10008
9969
  },
10009
- "fieldName": "targetId"
9970
+ "description": "The searched term",
9971
+ "fieldName": "term"
10010
9972
  }
10011
9973
  ],
10012
9974
  "superclass": {
10013
9975
  "name": "LitElement",
10014
9976
  "package": "lit"
10015
9977
  },
10016
- "tagName": "u-typeahead",
9978
+ "tagName": "u-highlight",
10017
9979
  "customElement": true
10018
9980
  }
10019
9981
  ],
10020
9982
  "exports": [
10021
9983
  {
10022
9984
  "kind": "js",
10023
- "name": "UmTypeahead",
9985
+ "name": "UmHighlight",
10024
9986
  "declaration": {
10025
- "name": "UmTypeahead",
10026
- "module": "src/typeahead/typeahead.ts"
9987
+ "name": "UmHighlight",
9988
+ "module": "src/typeahead/highlight.ts"
10027
9989
  }
10028
9990
  },
10029
9991
  {
10030
9992
  "kind": "custom-element-definition",
10031
- "name": "u-typeahead",
9993
+ "name": "u-highlight",
10032
9994
  "declaration": {
10033
- "name": "UmTypeahead",
10034
- "module": "src/typeahead/typeahead.ts"
9995
+ "name": "UmHighlight",
9996
+ "module": "src/typeahead/highlight.ts"
10035
9997
  }
10036
9998
  }
10037
9999
  ]
10038
10000
  },
10039
10001
  {
10040
10002
  "kind": "javascript-module",
10041
- "path": "src/text-field/text-field.styles.ts",
10003
+ "path": "src/typeahead/typeahead.styles.ts",
10042
10004
  "declarations": [
10043
10005
  {
10044
10006
  "kind": "variable",
10045
10007
  "name": "styles",
10046
- "default": "css `\n .prefix {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n`"
10008
+ "default": "css `\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
10047
10009
  }
10048
10010
  ],
10049
10011
  "exports": [
@@ -10052,430 +10014,467 @@
10052
10014
  "name": "styles",
10053
10015
  "declaration": {
10054
10016
  "name": "styles",
10055
- "module": "src/text-field/text-field.styles.ts"
10017
+ "module": "src/typeahead/typeahead.styles.ts"
10056
10018
  }
10057
10019
  }
10058
10020
  ]
10059
10021
  },
10060
10022
  {
10061
10023
  "kind": "javascript-module",
10062
- "path": "src/text-field/text-field.ts",
10024
+ "path": "src/typeahead/typeahead.ts",
10063
10025
  "declarations": [
10064
10026
  {
10065
10027
  "kind": "class",
10066
10028
  "description": "",
10067
- "name": "UmTextField",
10029
+ "name": "UmTypeahead",
10068
10030
  "members": [
10069
10031
  {
10070
10032
  "kind": "field",
10071
- "name": "#value",
10072
- "privacy": "private",
10033
+ "name": "formAssociated",
10073
10034
  "type": {
10074
- "text": "string"
10035
+ "text": "boolean"
10075
10036
  },
10076
- "default": "''"
10037
+ "static": true,
10038
+ "default": "true"
10077
10039
  },
10078
10040
  {
10079
10041
  "kind": "field",
10080
- "name": "value",
10081
- "attribute": "value"
10042
+ "name": "#targetId",
10043
+ "privacy": "private",
10044
+ "type": {
10045
+ "text": "string | undefined"
10046
+ }
10082
10047
  },
10083
10048
  {
10084
10049
  "kind": "field",
10085
- "name": "prefixText",
10050
+ "name": "#connected",
10051
+ "privacy": "private",
10086
10052
  "type": {
10087
- "text": "string | undefined"
10053
+ "text": "boolean"
10088
10054
  },
10089
- "attribute": "prefix-text"
10055
+ "default": "false"
10090
10056
  },
10091
10057
  {
10092
10058
  "kind": "field",
10093
- "name": "suffixText",
10059
+ "name": "target",
10094
10060
  "type": {
10095
- "text": "string | undefined"
10061
+ "text": "HTMLElement & {input?: HTMLInputElement; value: string} | null"
10096
10062
  },
10097
- "attribute": "suffix-text"
10063
+ "privacy": "private",
10064
+ "default": "null"
10098
10065
  },
10099
10066
  {
10100
10067
  "kind": "field",
10101
- "name": "input",
10068
+ "name": "#documentMutationObserver",
10069
+ "privacy": "private",
10102
10070
  "type": {
10103
- "text": "HTMLInputElement"
10104
- }
10105
- },
10106
- {
10107
- "kind": "method",
10108
- "name": "focus"
10071
+ "text": "MutationObserver | null"
10072
+ },
10073
+ "default": "null"
10109
10074
  },
10110
10075
  {
10111
- "kind": "method",
10112
- "name": "renderContent",
10113
- "privacy": "protected",
10114
- "return": {
10115
- "type": {
10116
- "text": "HTMLTemplateResult"
10117
- }
10076
+ "kind": "field",
10077
+ "name": "#termNormalized",
10078
+ "privacy": "private",
10079
+ "type": {
10080
+ "text": "string"
10118
10081
  },
10119
- "inheritedFrom": {
10120
- "name": "UmTextFieldBase",
10121
- "module": "src/shared/text-field-base/text-field-base.ts"
10122
- }
10082
+ "default": "''"
10123
10083
  },
10124
10084
  {
10125
10085
  "kind": "field",
10126
- "name": "empty",
10086
+ "name": "#debounceTimeout",
10087
+ "privacy": "private",
10127
10088
  "type": {
10128
- "text": "boolean"
10089
+ "text": "number | null"
10129
10090
  },
10130
- "inheritedFrom": {
10131
- "name": "UmTextFieldBase",
10132
- "module": "src/shared/text-field-base/text-field-base.ts"
10133
- }
10091
+ "default": "null"
10134
10092
  },
10135
10093
  {
10136
- "kind": "method",
10137
- "name": "#handleInput"
10094
+ "kind": "field",
10095
+ "name": "#value",
10096
+ "privacy": "private",
10097
+ "type": {
10098
+ "text": "any"
10099
+ }
10138
10100
  },
10139
10101
  {
10140
10102
  "kind": "field",
10141
- "name": "formAssociated",
10103
+ "name": "#elementInternals",
10104
+ "privacy": "private",
10142
10105
  "type": {
10143
- "text": "boolean"
10144
- },
10145
- "static": true,
10146
- "default": "true",
10147
- "inheritedFrom": {
10148
- "name": "UmTextFieldBase",
10149
- "module": "src/shared/text-field-base/text-field-base.ts"
10106
+ "text": "ElementInternals"
10150
10107
  }
10151
10108
  },
10152
10109
  {
10153
10110
  "kind": "field",
10154
- "name": "shadowRootOptions",
10111
+ "name": "results",
10155
10112
  "type": {
10156
- "text": "ShadowRootInit"
10157
- },
10158
- "static": true,
10159
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
10160
- "inheritedFrom": {
10161
- "name": "UmTextFieldBase",
10162
- "module": "src/shared/text-field-base/text-field-base.ts"
10113
+ "text": "Data[]"
10163
10114
  }
10164
10115
  },
10165
10116
  {
10166
10117
  "kind": "field",
10167
- "name": "variant",
10168
- "attribute": "variant",
10169
- "inheritedFrom": {
10170
- "name": "UmTextFieldBase",
10171
- "module": "src/shared/text-field-base/text-field-base.ts"
10172
- }
10118
+ "name": "source",
10119
+ "type": {
10120
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10121
+ },
10122
+ "attribute": "source"
10173
10123
  },
10174
10124
  {
10175
10125
  "kind": "field",
10176
- "name": "label",
10126
+ "name": "formatter",
10177
10127
  "type": {
10178
- "text": "string | undefined"
10179
- },
10180
- "attribute": "label",
10181
- "inheritedFrom": {
10182
- "name": "UmTextFieldBase",
10183
- "module": "src/shared/text-field-base/text-field-base.ts"
10128
+ "text": "((value: any) => string) | undefined"
10184
10129
  }
10185
10130
  },
10186
10131
  {
10187
10132
  "kind": "field",
10188
- "name": "counter",
10133
+ "name": "template",
10189
10134
  "type": {
10190
- "text": "string | undefined"
10191
- },
10192
- "attribute": "counter",
10193
- "inheritedFrom": {
10194
- "name": "UmTextFieldBase",
10195
- "module": "src/shared/text-field-base/text-field-base.ts"
10135
+ "text": "((term: string, value: any) => string) | undefined"
10196
10136
  }
10197
10137
  },
10198
10138
  {
10199
10139
  "kind": "field",
10200
- "name": "placeholder",
10140
+ "name": "debounce",
10201
10141
  "type": {
10202
- "text": "string | undefined"
10142
+ "text": "number"
10203
10143
  },
10204
- "attribute": "placeholder",
10205
- "reflects": true,
10206
- "inheritedFrom": {
10207
- "name": "UmTextFieldBase",
10208
- "module": "src/shared/text-field-base/text-field-base.ts"
10209
- }
10144
+ "default": "300",
10145
+ "attribute": "debounce",
10146
+ "reflects": true
10210
10147
  },
10211
10148
  {
10212
10149
  "kind": "field",
10213
- "name": "supportingText",
10150
+ "name": "limit",
10214
10151
  "type": {
10215
- "text": "string | undefined"
10152
+ "text": "number"
10216
10153
  },
10217
- "attribute": "supporting-text",
10218
- "inheritedFrom": {
10219
- "name": "UmTextFieldBase",
10220
- "module": "src/shared/text-field-base/text-field-base.ts"
10221
- }
10154
+ "default": "10",
10155
+ "attribute": "limit",
10156
+ "reflects": true
10222
10157
  },
10223
10158
  {
10224
10159
  "kind": "field",
10225
- "name": "errorText",
10160
+ "name": "minLength",
10226
10161
  "type": {
10227
- "text": "string | undefined"
10162
+ "text": "number"
10228
10163
  },
10229
- "attribute": "error-text",
10230
- "inheritedFrom": {
10231
- "name": "UmTextFieldBase",
10232
- "module": "src/shared/text-field-base/text-field-base.ts"
10233
- }
10164
+ "default": "2",
10165
+ "attribute": "minLength",
10166
+ "reflects": true
10234
10167
  },
10235
10168
  {
10236
10169
  "kind": "field",
10237
- "name": "disabled",
10170
+ "name": "openOnFocus",
10238
10171
  "type": {
10239
10172
  "text": "boolean"
10240
10173
  },
10241
10174
  "default": "false",
10242
- "attribute": "disabled",
10243
- "reflects": true,
10244
- "inheritedFrom": {
10245
- "name": "UmTextFieldBase",
10246
- "module": "src/shared/text-field-base/text-field-base.ts"
10247
- }
10175
+ "attribute": "open-on-focus",
10176
+ "reflects": true
10248
10177
  },
10249
10178
  {
10250
10179
  "kind": "field",
10251
- "name": "invalid",
10180
+ "name": "editable",
10252
10181
  "type": {
10253
10182
  "text": "boolean"
10254
10183
  },
10255
10184
  "default": "false",
10256
- "attribute": "invalid",
10257
- "reflects": true,
10258
- "inheritedFrom": {
10259
- "name": "UmTextFieldBase",
10260
- "module": "src/shared/text-field-base/text-field-base.ts"
10261
- }
10185
+ "attribute": "editable",
10186
+ "reflects": true
10262
10187
  },
10263
10188
  {
10264
10189
  "kind": "field",
10265
10190
  "name": "form",
10266
10191
  "type": {
10267
10192
  "text": "HTMLFormElement | null"
10268
- },
10269
- "inheritedFrom": {
10270
- "name": "UmTextFieldBase",
10271
- "module": "src/shared/text-field-base/text-field-base.ts"
10272
10193
  }
10273
10194
  },
10274
10195
  {
10275
10196
  "kind": "field",
10276
- "name": "elementInternals",
10197
+ "name": "value",
10277
10198
  "type": {
10278
- "text": "ElementInternals"
10279
- },
10280
- "privacy": "protected",
10281
- "inheritedFrom": {
10282
- "name": "UmTextFieldBase",
10283
- "module": "src/shared/text-field-base/text-field-base.ts"
10199
+ "text": "any"
10284
10200
  }
10285
- }
10286
- ],
10287
- "attributes": [
10201
+ },
10288
10202
  {
10289
- "name": "value",
10290
- "fieldName": "value"
10203
+ "kind": "method",
10204
+ "name": "focus"
10291
10205
  },
10292
10206
  {
10293
- "name": "prefix-text",
10207
+ "kind": "method",
10208
+ "name": "clear"
10209
+ },
10210
+ {
10211
+ "kind": "field",
10212
+ "name": "targetId",
10294
10213
  "type": {
10295
10214
  "text": "string | undefined"
10296
10215
  },
10297
- "fieldName": "prefixText"
10216
+ "attribute": "target-id",
10217
+ "reflects": true
10298
10218
  },
10299
10219
  {
10300
- "name": "suffix-text",
10220
+ "kind": "field",
10221
+ "name": "menu",
10301
10222
  "type": {
10302
- "text": "string | undefined"
10303
- },
10304
- "fieldName": "suffixText"
10223
+ "text": "UmMenu"
10224
+ }
10305
10225
  },
10306
10226
  {
10307
- "name": "variant",
10308
- "fieldName": "variant",
10309
- "inheritedFrom": {
10310
- "name": "UmTextFieldBase",
10311
- "module": "src/shared/text-field-base/text-field-base.ts"
10227
+ "kind": "method",
10228
+ "name": "#attach"
10229
+ },
10230
+ {
10231
+ "kind": "method",
10232
+ "name": "#detach"
10233
+ },
10234
+ {
10235
+ "kind": "field",
10236
+ "name": "#handleFocus",
10237
+ "privacy": "private"
10238
+ },
10239
+ {
10240
+ "kind": "field",
10241
+ "name": "#handleInput",
10242
+ "privacy": "private"
10243
+ },
10244
+ {
10245
+ "kind": "method",
10246
+ "name": "#getItemClickHandler",
10247
+ "parameters": [
10248
+ {
10249
+ "name": "data",
10250
+ "type": {
10251
+ "text": "Data"
10252
+ }
10253
+ }
10254
+ ]
10255
+ },
10256
+ {
10257
+ "kind": "method",
10258
+ "name": "#setValueAndDispatchEvents",
10259
+ "parameters": [
10260
+ {
10261
+ "name": "value",
10262
+ "type": {
10263
+ "text": "any"
10264
+ }
10265
+ },
10266
+ {
10267
+ "name": "direct",
10268
+ "default": "false"
10269
+ }
10270
+ ]
10271
+ },
10272
+ {
10273
+ "kind": "method",
10274
+ "name": "#updateResults",
10275
+ "parameters": [
10276
+ {
10277
+ "name": "lazy",
10278
+ "default": "false"
10279
+ }
10280
+ ]
10281
+ },
10282
+ {
10283
+ "kind": "method",
10284
+ "name": "#getData",
10285
+ "return": {
10286
+ "type": {
10287
+ "text": "Promise<Data[]>"
10288
+ }
10312
10289
  }
10313
10290
  },
10314
10291
  {
10315
- "name": "label",
10316
- "type": {
10317
- "text": "string | undefined"
10292
+ "kind": "method",
10293
+ "name": "#setValueOnTarget"
10294
+ },
10295
+ {
10296
+ "kind": "method",
10297
+ "name": "getTargetValue",
10298
+ "privacy": "private",
10299
+ "return": {
10300
+ "type": {
10301
+ "text": "string"
10302
+ }
10303
+ }
10304
+ },
10305
+ {
10306
+ "kind": "method",
10307
+ "name": "setTargetValue",
10308
+ "privacy": "private",
10309
+ "return": {
10310
+ "type": {
10311
+ "text": "void"
10312
+ }
10318
10313
  },
10319
- "fieldName": "label",
10320
- "inheritedFrom": {
10321
- "name": "UmTextFieldBase",
10322
- "module": "src/shared/text-field-base/text-field-base.ts"
10314
+ "parameters": [
10315
+ {
10316
+ "name": "value",
10317
+ "type": {
10318
+ "text": "string"
10319
+ }
10320
+ }
10321
+ ]
10322
+ }
10323
+ ],
10324
+ "events": [
10325
+ {
10326
+ "name": "input",
10327
+ "type": {
10328
+ "text": "InputEvent"
10323
10329
  }
10324
10330
  },
10325
10331
  {
10326
- "name": "counter",
10332
+ "name": "change",
10327
10333
  "type": {
10328
- "text": "string | undefined"
10329
- },
10330
- "fieldName": "counter",
10331
- "inheritedFrom": {
10332
- "name": "UmTextFieldBase",
10333
- "module": "src/shared/text-field-base/text-field-base.ts"
10334
+ "text": "Event"
10334
10335
  }
10336
+ }
10337
+ ],
10338
+ "attributes": [
10339
+ {
10340
+ "name": "source",
10341
+ "type": {
10342
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10343
+ },
10344
+ "fieldName": "source"
10335
10345
  },
10336
10346
  {
10337
- "name": "placeholder",
10347
+ "name": "debounce",
10338
10348
  "type": {
10339
- "text": "string | undefined"
10349
+ "text": "number"
10340
10350
  },
10341
- "fieldName": "placeholder",
10342
- "inheritedFrom": {
10343
- "name": "UmTextFieldBase",
10344
- "module": "src/shared/text-field-base/text-field-base.ts"
10345
- }
10351
+ "default": "300",
10352
+ "fieldName": "debounce"
10346
10353
  },
10347
10354
  {
10348
- "name": "supporting-text",
10355
+ "name": "limit",
10349
10356
  "type": {
10350
- "text": "string | undefined"
10357
+ "text": "number"
10351
10358
  },
10352
- "fieldName": "supportingText",
10353
- "inheritedFrom": {
10354
- "name": "UmTextFieldBase",
10355
- "module": "src/shared/text-field-base/text-field-base.ts"
10356
- }
10359
+ "default": "10",
10360
+ "fieldName": "limit"
10357
10361
  },
10358
10362
  {
10359
- "name": "error-text",
10363
+ "name": "minLength",
10360
10364
  "type": {
10361
- "text": "string | undefined"
10365
+ "text": "number"
10362
10366
  },
10363
- "fieldName": "errorText",
10364
- "inheritedFrom": {
10365
- "name": "UmTextFieldBase",
10366
- "module": "src/shared/text-field-base/text-field-base.ts"
10367
- }
10367
+ "default": "2",
10368
+ "fieldName": "minLength"
10368
10369
  },
10369
10370
  {
10370
- "name": "disabled",
10371
+ "name": "open-on-focus",
10371
10372
  "type": {
10372
10373
  "text": "boolean"
10373
10374
  },
10374
10375
  "default": "false",
10375
- "fieldName": "disabled",
10376
- "inheritedFrom": {
10377
- "name": "UmTextFieldBase",
10378
- "module": "src/shared/text-field-base/text-field-base.ts"
10379
- }
10376
+ "fieldName": "openOnFocus"
10380
10377
  },
10381
10378
  {
10382
- "name": "invalid",
10379
+ "name": "editable",
10383
10380
  "type": {
10384
10381
  "text": "boolean"
10385
10382
  },
10386
10383
  "default": "false",
10387
- "fieldName": "invalid",
10388
- "inheritedFrom": {
10389
- "name": "UmTextFieldBase",
10390
- "module": "src/shared/text-field-base/text-field-base.ts"
10391
- }
10384
+ "fieldName": "editable"
10385
+ },
10386
+ {
10387
+ "name": "target-id",
10388
+ "type": {
10389
+ "text": "string | undefined"
10390
+ },
10391
+ "fieldName": "targetId"
10392
10392
  }
10393
10393
  ],
10394
10394
  "superclass": {
10395
- "name": "UmTextFieldBase",
10396
- "module": "/src/shared/text-field-base/text-field-base.js"
10395
+ "name": "LitElement",
10396
+ "package": "lit"
10397
10397
  },
10398
- "tagName": "u-text-field",
10398
+ "tagName": "u-typeahead",
10399
10399
  "customElement": true
10400
10400
  }
10401
10401
  ],
10402
10402
  "exports": [
10403
10403
  {
10404
10404
  "kind": "js",
10405
- "name": "UmTextField",
10405
+ "name": "UmTypeahead",
10406
10406
  "declaration": {
10407
- "name": "UmTextField",
10408
- "module": "src/text-field/text-field.ts"
10407
+ "name": "UmTypeahead",
10408
+ "module": "src/typeahead/typeahead.ts"
10409
10409
  }
10410
10410
  },
10411
10411
  {
10412
10412
  "kind": "custom-element-definition",
10413
- "name": "u-text-field",
10413
+ "name": "u-typeahead",
10414
10414
  "declaration": {
10415
- "name": "UmTextField",
10416
- "module": "src/text-field/text-field.ts"
10415
+ "name": "UmTypeahead",
10416
+ "module": "src/typeahead/typeahead.ts"
10417
10417
  }
10418
10418
  }
10419
10419
  ]
10420
10420
  },
10421
10421
  {
10422
10422
  "kind": "javascript-module",
10423
- "path": "src/shared/sets/set-base.ts",
10423
+ "path": "src/shared/selection-control/selection-control-list-item.ts",
10424
10424
  "declarations": [
10425
10425
  {
10426
- "kind": "class",
10426
+ "kind": "mixin",
10427
10427
  "description": "",
10428
- "name": "UmSetBase",
10428
+ "name": "mixinSelectionControlListItem",
10429
10429
  "members": [
10430
10430
  {
10431
10431
  "kind": "field",
10432
- "name": "alignment",
10432
+ "name": "styles",
10433
10433
  "type": {
10434
- "text": "'start' | 'center' | 'end'"
10434
+ "text": "array"
10435
10435
  },
10436
- "default": "'start'",
10437
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10438
- "attribute": "alignment",
10439
- "reflects": true
10436
+ "static": true,
10437
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]"
10438
+ },
10439
+ {
10440
+ "kind": "method",
10441
+ "name": "render",
10442
+ "return": {
10443
+ "type": {
10444
+ "text": "HTMLTemplateResult"
10445
+ }
10446
+ }
10440
10447
  }
10441
10448
  ],
10442
- "attributes": [
10449
+ "parameters": [
10443
10450
  {
10444
- "name": "alignment",
10451
+ "name": "base",
10445
10452
  "type": {
10446
- "text": "'start' | 'center' | 'end'"
10447
- },
10448
- "default": "'start'",
10449
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10450
- "fieldName": "alignment"
10453
+ "text": "T"
10454
+ }
10451
10455
  }
10452
- ],
10453
- "superclass": {
10454
- "name": "LitElement",
10455
- "package": "lit"
10456
- },
10457
- "customElement": true
10456
+ ]
10458
10457
  }
10459
10458
  ],
10460
10459
  "exports": [
10461
10460
  {
10462
10461
  "kind": "js",
10463
- "name": "UmSetBase",
10462
+ "name": "mixinSelectionControlListItem",
10464
10463
  "declaration": {
10465
- "name": "UmSetBase",
10466
- "module": "src/shared/sets/set-base.ts"
10464
+ "name": "mixinSelectionControlListItem",
10465
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
10467
10466
  }
10468
10467
  }
10469
10468
  ]
10470
10469
  },
10471
10470
  {
10472
10471
  "kind": "javascript-module",
10473
- "path": "src/shared/text-field-base/text-field-base.styles.ts",
10472
+ "path": "src/shared/selection-control/selection-control.styles.ts",
10474
10473
  "declarations": [
10475
10474
  {
10476
10475
  "kind": "variable",
10477
10476
  "name": "styles",
10478
- "default": "css `\n :host {\n cursor: text;\n }\n`"
10477
+ "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 }\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-unselected-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`"
10479
10478
  }
10480
10479
  ],
10481
10480
  "exports": [
@@ -10484,19 +10483,19 @@
10484
10483
  "name": "styles",
10485
10484
  "declaration": {
10486
10485
  "name": "styles",
10487
- "module": "src/shared/text-field-base/text-field-base.styles.ts"
10486
+ "module": "src/shared/selection-control/selection-control.styles.ts"
10488
10487
  }
10489
10488
  }
10490
10489
  ]
10491
10490
  },
10492
10491
  {
10493
10492
  "kind": "javascript-module",
10494
- "path": "src/shared/text-field-base/text-field-base.ts",
10493
+ "path": "src/shared/selection-control/selection-control.ts",
10495
10494
  "declarations": [
10496
10495
  {
10497
10496
  "kind": "class",
10498
10497
  "description": "",
10499
- "name": "UmTextFieldBase",
10498
+ "name": "UmSelectionControl",
10500
10499
  "members": [
10501
10500
  {
10502
10501
  "kind": "field",
@@ -10509,148 +10508,132 @@
10509
10508
  },
10510
10509
  {
10511
10510
  "kind": "field",
10512
- "name": "shadowRootOptions",
10513
- "type": {
10514
- "text": "ShadowRootInit"
10515
- },
10516
- "static": true,
10517
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
10518
- },
10519
- {
10520
- "kind": "field",
10521
- "name": "variant",
10522
- "attribute": "variant"
10523
- },
10524
- {
10525
- "kind": "field",
10526
- "name": "label",
10511
+ "name": "elementInternals",
10527
10512
  "type": {
10528
- "text": "string | undefined"
10513
+ "text": "ElementInternals"
10529
10514
  },
10530
- "attribute": "label"
10515
+ "privacy": "protected"
10531
10516
  },
10532
10517
  {
10533
10518
  "kind": "field",
10534
- "name": "counter",
10519
+ "name": "name",
10535
10520
  "type": {
10536
10521
  "text": "string | undefined"
10537
10522
  },
10538
- "attribute": "counter"
10523
+ "default": "''",
10524
+ "attribute": "name"
10539
10525
  },
10540
10526
  {
10541
10527
  "kind": "field",
10542
- "name": "placeholder",
10528
+ "name": "disabled",
10543
10529
  "type": {
10544
- "text": "string | undefined"
10530
+ "text": "boolean"
10545
10531
  },
10546
- "attribute": "placeholder",
10532
+ "default": "false",
10533
+ "attribute": "disabled",
10547
10534
  "reflects": true
10548
10535
  },
10549
10536
  {
10550
10537
  "kind": "field",
10551
- "name": "supportingText",
10538
+ "name": "input",
10552
10539
  "type": {
10553
- "text": "string | undefined"
10554
- },
10555
- "attribute": "supporting-text"
10540
+ "text": "HTMLInputElement"
10541
+ }
10556
10542
  },
10557
10543
  {
10558
10544
  "kind": "field",
10559
- "name": "errorText",
10545
+ "name": "form",
10560
10546
  "type": {
10561
- "text": "string | undefined"
10562
- },
10563
- "attribute": "error-text"
10547
+ "text": "HTMLFormElement | null"
10548
+ }
10564
10549
  },
10565
10550
  {
10566
10551
  "kind": "field",
10567
- "name": "disabled",
10552
+ "name": "#checked",
10553
+ "privacy": "private",
10568
10554
  "type": {
10569
10555
  "text": "boolean"
10570
10556
  },
10571
- "default": "false",
10572
- "attribute": "disabled",
10573
- "reflects": true
10557
+ "default": "false"
10574
10558
  },
10575
10559
  {
10576
10560
  "kind": "field",
10577
- "name": "invalid",
10561
+ "name": "inputType",
10578
10562
  "type": {
10579
- "text": "boolean"
10563
+ "text": "'checkbox' | 'radio'"
10580
10564
  },
10581
- "default": "false",
10582
- "attribute": "invalid",
10583
- "reflects": true
10584
- },
10585
- {
10586
- "kind": "field",
10587
- "name": "form",
10588
- "type": {
10589
- "text": "HTMLFormElement | null"
10590
- }
10591
- },
10592
- {
10593
- "kind": "field",
10594
- "name": "empty"
10565
+ "privacy": "protected",
10566
+ "default": "'checkbox'"
10595
10567
  },
10596
10568
  {
10597
10569
  "kind": "field",
10598
- "name": "elementInternals",
10570
+ "name": "renderRipple",
10599
10571
  "type": {
10600
- "text": "ElementInternals"
10572
+ "text": "boolean"
10601
10573
  },
10602
- "privacy": "protected"
10574
+ "privacy": "protected",
10575
+ "default": "true"
10603
10576
  },
10604
10577
  {
10605
10578
  "kind": "method",
10606
- "name": "renderContent",
10579
+ "name": "renderIndicator",
10607
10580
  "privacy": "protected",
10608
10581
  "return": {
10609
10582
  "type": {
10610
10583
  "text": "HTMLTemplateResult"
10611
10584
  }
10612
10585
  }
10613
- }
10614
- ],
10615
- "attributes": [
10616
- {
10617
- "name": "variant",
10618
- "fieldName": "variant"
10619
10586
  },
10620
10587
  {
10621
- "name": "label",
10588
+ "kind": "field",
10589
+ "name": "value",
10622
10590
  "type": {
10623
- "text": "string | undefined"
10591
+ "text": "string"
10624
10592
  },
10625
- "fieldName": "label"
10593
+ "default": "'on'",
10594
+ "description": "The element value to use in form submission when checked.",
10595
+ "attribute": "value"
10626
10596
  },
10627
10597
  {
10628
- "name": "counter",
10629
- "type": {
10630
- "text": "string | undefined"
10631
- },
10632
- "fieldName": "counter"
10598
+ "kind": "field",
10599
+ "name": "checked",
10600
+ "attribute": "checked"
10633
10601
  },
10634
10602
  {
10635
- "name": "placeholder",
10603
+ "kind": "method",
10604
+ "name": "#handleClick",
10605
+ "parameters": [
10606
+ {
10607
+ "name": "e",
10608
+ "type": {
10609
+ "text": "Event"
10610
+ }
10611
+ }
10612
+ ]
10613
+ }
10614
+ ],
10615
+ "events": [
10616
+ {
10617
+ "name": "input",
10636
10618
  "type": {
10637
- "text": "string | undefined"
10638
- },
10639
- "fieldName": "placeholder"
10619
+ "text": "InputEvent"
10620
+ }
10640
10621
  },
10641
10622
  {
10642
- "name": "supporting-text",
10623
+ "name": "change",
10643
10624
  "type": {
10644
- "text": "string | undefined"
10645
- },
10646
- "fieldName": "supportingText"
10647
- },
10625
+ "text": "Event"
10626
+ }
10627
+ }
10628
+ ],
10629
+ "attributes": [
10648
10630
  {
10649
- "name": "error-text",
10631
+ "name": "name",
10650
10632
  "type": {
10651
10633
  "text": "string | undefined"
10652
10634
  },
10653
- "fieldName": "errorText"
10635
+ "default": "''",
10636
+ "fieldName": "name"
10654
10637
  },
10655
10638
  {
10656
10639
  "name": "disabled",
@@ -10661,12 +10644,17 @@
10661
10644
  "fieldName": "disabled"
10662
10645
  },
10663
10646
  {
10664
- "name": "invalid",
10647
+ "name": "value",
10665
10648
  "type": {
10666
- "text": "boolean"
10649
+ "text": "string"
10667
10650
  },
10668
- "default": "false",
10669
- "fieldName": "invalid"
10651
+ "default": "'on'",
10652
+ "description": "The element value to use in form submission when checked.",
10653
+ "fieldName": "value"
10654
+ },
10655
+ {
10656
+ "name": "checked",
10657
+ "fieldName": "checked"
10670
10658
  }
10671
10659
  ],
10672
10660
  "superclass": {
@@ -10679,71 +10667,72 @@
10679
10667
  "exports": [
10680
10668
  {
10681
10669
  "kind": "js",
10682
- "name": "UmTextFieldBase",
10670
+ "name": "UmSelectionControl",
10683
10671
  "declaration": {
10684
- "name": "UmTextFieldBase",
10685
- "module": "src/shared/text-field-base/text-field-base.ts"
10672
+ "name": "UmSelectionControl",
10673
+ "module": "src/shared/selection-control/selection-control.ts"
10686
10674
  }
10687
10675
  }
10688
10676
  ]
10689
10677
  },
10690
10678
  {
10691
10679
  "kind": "javascript-module",
10692
- "path": "src/shared/selection-control/selection-control-list-item.ts",
10680
+ "path": "src/shared/sets/set-base.ts",
10693
10681
  "declarations": [
10694
10682
  {
10695
- "kind": "mixin",
10683
+ "kind": "class",
10696
10684
  "description": "",
10697
- "name": "mixinSelectionControlListItem",
10685
+ "name": "UmSetBase",
10698
10686
  "members": [
10699
10687
  {
10700
10688
  "kind": "field",
10701
- "name": "styles",
10689
+ "name": "alignment",
10702
10690
  "type": {
10703
- "text": "array"
10691
+ "text": "'start' | 'center' | 'end'"
10704
10692
  },
10705
- "static": true,
10706
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]"
10707
- },
10708
- {
10709
- "kind": "method",
10710
- "name": "render",
10711
- "return": {
10712
- "type": {
10713
- "text": "HTMLTemplateResult"
10714
- }
10715
- }
10693
+ "default": "'start'",
10694
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10695
+ "attribute": "alignment",
10696
+ "reflects": true
10716
10697
  }
10717
10698
  ],
10718
- "parameters": [
10699
+ "attributes": [
10719
10700
  {
10720
- "name": "base",
10701
+ "name": "alignment",
10721
10702
  "type": {
10722
- "text": "T"
10723
- }
10703
+ "text": "'start' | 'center' | 'end'"
10704
+ },
10705
+ "default": "'start'",
10706
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
10707
+ "fieldName": "alignment"
10724
10708
  }
10725
- ]
10709
+ ],
10710
+ "superclass": {
10711
+ "name": "LitElement",
10712
+ "package": "lit"
10713
+ },
10714
+ "customElement": true
10726
10715
  }
10727
10716
  ],
10728
10717
  "exports": [
10729
10718
  {
10730
10719
  "kind": "js",
10731
- "name": "mixinSelectionControlListItem",
10720
+ "name": "UmSetBase",
10732
10721
  "declaration": {
10733
- "name": "mixinSelectionControlListItem",
10734
- "module": "src/shared/selection-control/selection-control-list-item.ts"
10722
+ "name": "UmSetBase",
10723
+ "module": "src/shared/sets/set-base.ts"
10735
10724
  }
10736
10725
  }
10737
10726
  ]
10738
10727
  },
10739
10728
  {
10740
10729
  "kind": "javascript-module",
10741
- "path": "src/shared/selection-control/selection-control.styles.ts",
10730
+ "path": "src/shared/text-field-base/text-field-base.styles.ts",
10742
10731
  "declarations": [
10743
10732
  {
10744
10733
  "kind": "variable",
10745
10734
  "name": "styles",
10746
- "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 }\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-unselected-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`"
10735
+ "default": "css `\n :host {\n cursor: text;\n }\n`"
10747
10736
  }
10748
10737
  ],
10749
10738
  "exports": [
@@ -10752,19 +10741,19 @@
10752
10741
  "name": "styles",
10753
10742
  "declaration": {
10754
10743
  "name": "styles",
10755
- "module": "src/shared/selection-control/selection-control.styles.ts"
10744
+ "module": "src/shared/text-field-base/text-field-base.styles.ts"
10756
10745
  }
10757
10746
  }
10758
10747
  ]
10759
10748
  },
10760
10749
  {
10761
10750
  "kind": "javascript-module",
10762
- "path": "src/shared/selection-control/selection-control.ts",
10751
+ "path": "src/shared/text-field-base/text-field-base.ts",
10763
10752
  "declarations": [
10764
10753
  {
10765
10754
  "kind": "class",
10766
10755
  "description": "",
10767
- "name": "UmSelectionControl",
10756
+ "name": "UmTextFieldBase",
10768
10757
  "members": [
10769
10758
  {
10770
10759
  "kind": "field",
@@ -10777,132 +10766,148 @@
10777
10766
  },
10778
10767
  {
10779
10768
  "kind": "field",
10780
- "name": "elementInternals",
10769
+ "name": "shadowRootOptions",
10781
10770
  "type": {
10782
- "text": "ElementInternals"
10771
+ "text": "ShadowRootInit"
10783
10772
  },
10784
- "privacy": "protected"
10773
+ "static": true,
10774
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
10785
10775
  },
10786
10776
  {
10787
10777
  "kind": "field",
10788
- "name": "name",
10778
+ "name": "variant",
10779
+ "attribute": "variant"
10780
+ },
10781
+ {
10782
+ "kind": "field",
10783
+ "name": "label",
10789
10784
  "type": {
10790
10785
  "text": "string | undefined"
10791
10786
  },
10792
- "default": "''",
10793
- "attribute": "name"
10787
+ "attribute": "label"
10794
10788
  },
10795
10789
  {
10796
10790
  "kind": "field",
10797
- "name": "disabled",
10791
+ "name": "counter",
10798
10792
  "type": {
10799
- "text": "boolean"
10793
+ "text": "string | undefined"
10800
10794
  },
10801
- "default": "false",
10802
- "attribute": "disabled",
10795
+ "attribute": "counter"
10796
+ },
10797
+ {
10798
+ "kind": "field",
10799
+ "name": "placeholder",
10800
+ "type": {
10801
+ "text": "string | undefined"
10802
+ },
10803
+ "attribute": "placeholder",
10803
10804
  "reflects": true
10804
10805
  },
10805
10806
  {
10806
10807
  "kind": "field",
10807
- "name": "input",
10808
+ "name": "supportingText",
10808
10809
  "type": {
10809
- "text": "HTMLInputElement"
10810
- }
10810
+ "text": "string | undefined"
10811
+ },
10812
+ "attribute": "supporting-text"
10811
10813
  },
10812
10814
  {
10813
10815
  "kind": "field",
10814
- "name": "form",
10816
+ "name": "errorText",
10815
10817
  "type": {
10816
- "text": "HTMLFormElement | null"
10817
- }
10818
+ "text": "string | undefined"
10819
+ },
10820
+ "attribute": "error-text"
10818
10821
  },
10819
10822
  {
10820
10823
  "kind": "field",
10821
- "name": "#checked",
10822
- "privacy": "private",
10824
+ "name": "disabled",
10823
10825
  "type": {
10824
10826
  "text": "boolean"
10825
10827
  },
10826
- "default": "false"
10828
+ "default": "false",
10829
+ "attribute": "disabled",
10830
+ "reflects": true
10827
10831
  },
10828
10832
  {
10829
10833
  "kind": "field",
10830
- "name": "inputType",
10834
+ "name": "invalid",
10831
10835
  "type": {
10832
- "text": "'checkbox' | 'radio'"
10836
+ "text": "boolean"
10833
10837
  },
10834
- "privacy": "protected",
10835
- "default": "'checkbox'"
10838
+ "default": "false",
10839
+ "attribute": "invalid",
10840
+ "reflects": true
10836
10841
  },
10837
10842
  {
10838
10843
  "kind": "field",
10839
- "name": "renderRipple",
10844
+ "name": "form",
10840
10845
  "type": {
10841
- "text": "boolean"
10846
+ "text": "HTMLFormElement | null"
10847
+ }
10848
+ },
10849
+ {
10850
+ "kind": "field",
10851
+ "name": "empty"
10852
+ },
10853
+ {
10854
+ "kind": "field",
10855
+ "name": "elementInternals",
10856
+ "type": {
10857
+ "text": "ElementInternals"
10842
10858
  },
10843
- "privacy": "protected",
10844
- "default": "true"
10859
+ "privacy": "protected"
10845
10860
  },
10846
10861
  {
10847
10862
  "kind": "method",
10848
- "name": "renderIndicator",
10863
+ "name": "renderContent",
10849
10864
  "privacy": "protected",
10850
10865
  "return": {
10851
10866
  "type": {
10852
10867
  "text": "HTMLTemplateResult"
10853
10868
  }
10854
10869
  }
10870
+ }
10871
+ ],
10872
+ "attributes": [
10873
+ {
10874
+ "name": "variant",
10875
+ "fieldName": "variant"
10855
10876
  },
10856
10877
  {
10857
- "kind": "field",
10858
- "name": "value",
10878
+ "name": "label",
10859
10879
  "type": {
10860
- "text": "string"
10880
+ "text": "string | undefined"
10861
10881
  },
10862
- "default": "'on'",
10863
- "description": "The element value to use in form submission when checked.",
10864
- "attribute": "value"
10882
+ "fieldName": "label"
10865
10883
  },
10866
10884
  {
10867
- "kind": "field",
10868
- "name": "checked",
10869
- "attribute": "checked"
10885
+ "name": "counter",
10886
+ "type": {
10887
+ "text": "string | undefined"
10888
+ },
10889
+ "fieldName": "counter"
10870
10890
  },
10871
10891
  {
10872
- "kind": "method",
10873
- "name": "#handleClick",
10874
- "parameters": [
10875
- {
10876
- "name": "e",
10877
- "type": {
10878
- "text": "Event"
10879
- }
10880
- }
10881
- ]
10882
- }
10883
- ],
10884
- "events": [
10885
- {
10886
- "name": "input",
10892
+ "name": "placeholder",
10887
10893
  "type": {
10888
- "text": "InputEvent"
10889
- }
10894
+ "text": "string | undefined"
10895
+ },
10896
+ "fieldName": "placeholder"
10890
10897
  },
10891
10898
  {
10892
- "name": "change",
10899
+ "name": "supporting-text",
10893
10900
  "type": {
10894
- "text": "Event"
10895
- }
10896
- }
10897
- ],
10898
- "attributes": [
10901
+ "text": "string | undefined"
10902
+ },
10903
+ "fieldName": "supportingText"
10904
+ },
10899
10905
  {
10900
- "name": "name",
10906
+ "name": "error-text",
10901
10907
  "type": {
10902
10908
  "text": "string | undefined"
10903
10909
  },
10904
- "default": "''",
10905
- "fieldName": "name"
10910
+ "fieldName": "errorText"
10906
10911
  },
10907
10912
  {
10908
10913
  "name": "disabled",
@@ -10913,17 +10918,12 @@
10913
10918
  "fieldName": "disabled"
10914
10919
  },
10915
10920
  {
10916
- "name": "value",
10921
+ "name": "invalid",
10917
10922
  "type": {
10918
- "text": "string"
10923
+ "text": "boolean"
10919
10924
  },
10920
- "default": "'on'",
10921
- "description": "The element value to use in form submission when checked.",
10922
- "fieldName": "value"
10923
- },
10924
- {
10925
- "name": "checked",
10926
- "fieldName": "checked"
10925
+ "default": "false",
10926
+ "fieldName": "invalid"
10927
10927
  }
10928
10928
  ],
10929
10929
  "superclass": {
@@ -10936,10 +10936,10 @@
10936
10936
  "exports": [
10937
10937
  {
10938
10938
  "kind": "js",
10939
- "name": "UmSelectionControl",
10939
+ "name": "UmTextFieldBase",
10940
10940
  "declaration": {
10941
- "name": "UmSelectionControl",
10942
- "module": "src/shared/selection-control/selection-control.ts"
10941
+ "name": "UmTextFieldBase",
10942
+ "module": "src/shared/text-field-base/text-field-base.ts"
10943
10943
  }
10944
10944
  }
10945
10945
  ]