@universal-material/web 3.0.125 → 3.0.127

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 (11) hide show
  1. package/custom-elements.json +700 -588
  2. package/menu/menu.d.ts.map +1 -1
  3. package/menu/menu.js +30 -12
  4. package/menu/menu.js.map +1 -1
  5. package/menu/menu.styles.d.ts.map +1 -1
  6. package/menu/menu.styles.js +12 -15
  7. package/menu/menu.styles.js.map +1 -1
  8. package/package.json +1 -2
  9. package/shared/selection-control/selection-control-list-item.d.ts.map +1 -1
  10. package/shared/selection-control/selection-control-list-item.js +15 -1
  11. package/shared/selection-control/selection-control-list-item.js.map +1 -1
package/custom-elements.json CHANGED
@@ -2738,6 +2738,92 @@
2738
2738
  },
2739
2739
  "tagName": "u-checkbox-list-item",
2740
2740
  "customElement": true,
2741
+ "attributes": [
2742
+ {
2743
+ "name": "leading",
2744
+ "type": {
2745
+ "text": "boolean"
2746
+ },
2747
+ "default": "false",
2748
+ "fieldName": "leading",
2749
+ "inheritedFrom": {
2750
+ "name": "mixinSelectionControlListItem",
2751
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2752
+ }
2753
+ },
2754
+ {
2755
+ "name": "hide-state-layer",
2756
+ "type": {
2757
+ "text": "boolean"
2758
+ },
2759
+ "default": "false",
2760
+ "fieldName": "hideStateLayer",
2761
+ "inheritedFrom": {
2762
+ "name": "UmCheckbox",
2763
+ "module": "src/checkbox/checkbox.ts"
2764
+ }
2765
+ },
2766
+ {
2767
+ "name": "indeterminate",
2768
+ "type": {
2769
+ "text": "boolean"
2770
+ },
2771
+ "fieldName": "indeterminate",
2772
+ "inheritedFrom": {
2773
+ "name": "UmCheckbox",
2774
+ "module": "src/checkbox/checkbox.ts"
2775
+ }
2776
+ },
2777
+ {
2778
+ "name": "name",
2779
+ "type": {
2780
+ "text": "string | undefined"
2781
+ },
2782
+ "default": "''",
2783
+ "fieldName": "name",
2784
+ "inheritedFrom": {
2785
+ "name": "UmSelectionControl",
2786
+ "module": "src/shared/selection-control/selection-control.ts"
2787
+ }
2788
+ },
2789
+ {
2790
+ "name": "disabled",
2791
+ "type": {
2792
+ "text": "boolean"
2793
+ },
2794
+ "default": "false",
2795
+ "fieldName": "disabled",
2796
+ "inheritedFrom": {
2797
+ "name": "UmSelectionControl",
2798
+ "module": "src/shared/selection-control/selection-control.ts"
2799
+ }
2800
+ },
2801
+ {
2802
+ "name": "value",
2803
+ "type": {
2804
+ "text": "string"
2805
+ },
2806
+ "default": "'on'",
2807
+ "description": "The element value to use in form submission when checked.",
2808
+ "fieldName": "value",
2809
+ "inheritedFrom": {
2810
+ "name": "UmSelectionControl",
2811
+ "module": "src/shared/selection-control/selection-control.ts"
2812
+ }
2813
+ },
2814
+ {
2815
+ "name": "checked",
2816
+ "fieldName": "_checkedAttribute",
2817
+ "type": {
2818
+ "text": "boolean"
2819
+ },
2820
+ "default": "false",
2821
+ "inheritedFrom": {
2822
+ "name": "UmSelectionControl",
2823
+ "module": "src/shared/selection-control/selection-control.ts"
2824
+ }
2825
+ }
2826
+ ],
2741
2827
  "members": [
2742
2828
  {
2743
2829
  "kind": "field",
@@ -2752,6 +2838,19 @@
2752
2838
  "module": "src/shared/selection-control/selection-control-list-item.ts"
2753
2839
  }
2754
2840
  },
2841
+ {
2842
+ "kind": "field",
2843
+ "name": "leading",
2844
+ "type": {
2845
+ "text": "boolean"
2846
+ },
2847
+ "default": "false",
2848
+ "attribute": "leading",
2849
+ "inheritedFrom": {
2850
+ "name": "mixinSelectionControlListItem",
2851
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2852
+ }
2853
+ },
2755
2854
  {
2756
2855
  "kind": "method",
2757
2856
  "name": "render",
@@ -3019,80 +3118,6 @@
3019
3118
  }
3020
3119
  }
3021
3120
  ],
3022
- "attributes": [
3023
- {
3024
- "name": "hide-state-layer",
3025
- "type": {
3026
- "text": "boolean"
3027
- },
3028
- "default": "false",
3029
- "fieldName": "hideStateLayer",
3030
- "inheritedFrom": {
3031
- "name": "UmCheckbox",
3032
- "module": "src/checkbox/checkbox.ts"
3033
- }
3034
- },
3035
- {
3036
- "name": "indeterminate",
3037
- "type": {
3038
- "text": "boolean"
3039
- },
3040
- "fieldName": "indeterminate",
3041
- "inheritedFrom": {
3042
- "name": "UmCheckbox",
3043
- "module": "src/checkbox/checkbox.ts"
3044
- }
3045
- },
3046
- {
3047
- "name": "name",
3048
- "type": {
3049
- "text": "string | undefined"
3050
- },
3051
- "default": "''",
3052
- "fieldName": "name",
3053
- "inheritedFrom": {
3054
- "name": "UmSelectionControl",
3055
- "module": "src/shared/selection-control/selection-control.ts"
3056
- }
3057
- },
3058
- {
3059
- "name": "disabled",
3060
- "type": {
3061
- "text": "boolean"
3062
- },
3063
- "default": "false",
3064
- "fieldName": "disabled",
3065
- "inheritedFrom": {
3066
- "name": "UmSelectionControl",
3067
- "module": "src/shared/selection-control/selection-control.ts"
3068
- }
3069
- },
3070
- {
3071
- "name": "value",
3072
- "type": {
3073
- "text": "string"
3074
- },
3075
- "default": "'on'",
3076
- "description": "The element value to use in form submission when checked.",
3077
- "fieldName": "value",
3078
- "inheritedFrom": {
3079
- "name": "UmSelectionControl",
3080
- "module": "src/shared/selection-control/selection-control.ts"
3081
- }
3082
- },
3083
- {
3084
- "name": "checked",
3085
- "fieldName": "_checkedAttribute",
3086
- "type": {
3087
- "text": "boolean"
3088
- },
3089
- "default": "false",
3090
- "inheritedFrom": {
3091
- "name": "UmSelectionControl",
3092
- "module": "src/shared/selection-control/selection-control.ts"
3093
- }
3094
- }
3095
- ],
3096
3121
  "events": [
3097
3122
  {
3098
3123
  "name": "input",
@@ -7822,7 +7847,7 @@
7822
7847
  {
7823
7848
  "kind": "variable",
7824
7849
  "name": "styles",
7825
- "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform-origin: bottom;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n :host([open]) .menu {\n opacity: 1;\n animation-fill-mode: forwards;\n animation-direction: normal;\n animation: menu-open 350ms cubic-bezier(0.19, 1, 0.22, 1);\n transform: scale3d(1, 1, 1);\n }\n :host([open]) .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`"
7850
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n z-index: var(--u-menu-z-index, 1020);\n }\n .menu.up {\n transform-origin: bottom;\n }\n .menu.open {\n opacity: 1;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n transform: scale3d(1, 1, 1);\n }\n .menu.open .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`"
7826
7851
  }
7827
7852
  ],
7828
7853
  "exports": [
@@ -7864,6 +7889,14 @@
7864
7889
  "attribute": "open",
7865
7890
  "reflects": true
7866
7891
  },
7892
+ {
7893
+ "kind": "method",
7894
+ "name": "#show"
7895
+ },
7896
+ {
7897
+ "kind": "method",
7898
+ "name": "#hide"
7899
+ },
7867
7900
  {
7868
7901
  "kind": "field",
7869
7902
  "name": "positioning",
@@ -7937,6 +7970,16 @@
7937
7970
  "text": "HTMLElement"
7938
7971
  }
7939
7972
  },
7973
+ {
7974
+ "kind": "field",
7975
+ "name": "#onOpened",
7976
+ "privacy": "private"
7977
+ },
7978
+ {
7979
+ "kind": "field",
7980
+ "name": "#onClosed",
7981
+ "privacy": "private"
7982
+ },
7940
7983
  {
7941
7984
  "kind": "field",
7942
7985
  "name": "#anchorElement",
@@ -9226,96 +9269,184 @@
9226
9269
  },
9227
9270
  "tagName": "u-radio-list-item",
9228
9271
  "customElement": true,
9229
- "members": [
9272
+ "attributes": [
9230
9273
  {
9231
- "kind": "field",
9232
- "name": "styles",
9274
+ "name": "leading",
9233
9275
  "type": {
9234
- "text": "array"
9235
- },
9236
- "static": true,
9237
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
9238
- "inheritedFrom": {
9239
- "name": "mixinSelectionControlListItem",
9240
- "module": "src/shared/selection-control/selection-control-list-item.ts"
9241
- }
9242
- },
9243
- {
9244
- "kind": "method",
9245
- "name": "render",
9246
- "return": {
9247
- "type": {
9248
- "text": "HTMLTemplateResult"
9249
- }
9276
+ "text": "boolean"
9250
9277
  },
9278
+ "default": "false",
9279
+ "fieldName": "leading",
9251
9280
  "inheritedFrom": {
9252
9281
  "name": "mixinSelectionControlListItem",
9253
9282
  "module": "src/shared/selection-control/selection-control-list-item.ts"
9254
9283
  }
9255
9284
  },
9256
9285
  {
9257
- "kind": "field",
9258
- "name": "hideStateLayer",
9286
+ "name": "hide-state-layer",
9259
9287
  "type": {
9260
9288
  "text": "boolean"
9261
9289
  },
9262
9290
  "default": "false",
9263
- "attribute": "hide-state-layer",
9264
- "reflects": true,
9291
+ "fieldName": "hideStateLayer",
9265
9292
  "inheritedFrom": {
9266
9293
  "name": "UmRadio",
9267
9294
  "module": "src/radio/radio.ts"
9268
9295
  }
9269
9296
  },
9270
9297
  {
9271
- "kind": "field",
9272
- "name": "inputType",
9298
+ "name": "name",
9273
9299
  "type": {
9274
- "text": "'checkbox' | 'radio'"
9300
+ "text": "string | undefined"
9275
9301
  },
9276
- "privacy": "protected",
9277
- "default": "'radio'",
9302
+ "default": "''",
9303
+ "fieldName": "name",
9278
9304
  "inheritedFrom": {
9279
9305
  "name": "UmSelectionControl",
9280
9306
  "module": "src/shared/selection-control/selection-control.ts"
9281
9307
  }
9282
9308
  },
9283
9309
  {
9284
- "kind": "method",
9285
- "name": "renderIndicator",
9286
- "privacy": "protected",
9287
- "return": {
9288
- "type": {
9289
- "text": "HTMLTemplateResult"
9290
- }
9310
+ "name": "disabled",
9311
+ "type": {
9312
+ "text": "boolean"
9291
9313
  },
9314
+ "default": "false",
9315
+ "fieldName": "disabled",
9292
9316
  "inheritedFrom": {
9293
9317
  "name": "UmSelectionControl",
9294
9318
  "module": "src/shared/selection-control/selection-control.ts"
9295
9319
  }
9296
9320
  },
9297
9321
  {
9298
- "kind": "field",
9299
- "name": "checked",
9300
- "attribute": "checked",
9322
+ "name": "value",
9323
+ "type": {
9324
+ "text": "string"
9325
+ },
9326
+ "default": "'on'",
9327
+ "description": "The element value to use in form submission when checked.",
9328
+ "fieldName": "value",
9301
9329
  "inheritedFrom": {
9302
9330
  "name": "UmSelectionControl",
9303
9331
  "module": "src/shared/selection-control/selection-control.ts"
9304
9332
  }
9305
9333
  },
9306
9334
  {
9307
- "kind": "field",
9308
- "name": "#siblings",
9309
- "privacy": "private",
9335
+ "name": "checked",
9336
+ "fieldName": "_checkedAttribute",
9310
9337
  "type": {
9311
- "text": "UmRadio[]"
9338
+ "text": "boolean"
9312
9339
  },
9340
+ "default": "false",
9313
9341
  "inheritedFrom": {
9314
- "name": "UmRadio",
9315
- "module": "src/radio/radio.ts"
9342
+ "name": "UmSelectionControl",
9343
+ "module": "src/shared/selection-control/selection-control.ts"
9316
9344
  }
9317
- },
9318
- {
9345
+ }
9346
+ ],
9347
+ "members": [
9348
+ {
9349
+ "kind": "field",
9350
+ "name": "styles",
9351
+ "type": {
9352
+ "text": "array"
9353
+ },
9354
+ "static": true,
9355
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
9356
+ "inheritedFrom": {
9357
+ "name": "mixinSelectionControlListItem",
9358
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
9359
+ }
9360
+ },
9361
+ {
9362
+ "kind": "field",
9363
+ "name": "leading",
9364
+ "type": {
9365
+ "text": "boolean"
9366
+ },
9367
+ "default": "false",
9368
+ "attribute": "leading",
9369
+ "inheritedFrom": {
9370
+ "name": "mixinSelectionControlListItem",
9371
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
9372
+ }
9373
+ },
9374
+ {
9375
+ "kind": "method",
9376
+ "name": "render",
9377
+ "return": {
9378
+ "type": {
9379
+ "text": "HTMLTemplateResult"
9380
+ }
9381
+ },
9382
+ "inheritedFrom": {
9383
+ "name": "mixinSelectionControlListItem",
9384
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
9385
+ }
9386
+ },
9387
+ {
9388
+ "kind": "field",
9389
+ "name": "hideStateLayer",
9390
+ "type": {
9391
+ "text": "boolean"
9392
+ },
9393
+ "default": "false",
9394
+ "attribute": "hide-state-layer",
9395
+ "reflects": true,
9396
+ "inheritedFrom": {
9397
+ "name": "UmRadio",
9398
+ "module": "src/radio/radio.ts"
9399
+ }
9400
+ },
9401
+ {
9402
+ "kind": "field",
9403
+ "name": "inputType",
9404
+ "type": {
9405
+ "text": "'checkbox' | 'radio'"
9406
+ },
9407
+ "privacy": "protected",
9408
+ "default": "'radio'",
9409
+ "inheritedFrom": {
9410
+ "name": "UmSelectionControl",
9411
+ "module": "src/shared/selection-control/selection-control.ts"
9412
+ }
9413
+ },
9414
+ {
9415
+ "kind": "method",
9416
+ "name": "renderIndicator",
9417
+ "privacy": "protected",
9418
+ "return": {
9419
+ "type": {
9420
+ "text": "HTMLTemplateResult"
9421
+ }
9422
+ },
9423
+ "inheritedFrom": {
9424
+ "name": "UmSelectionControl",
9425
+ "module": "src/shared/selection-control/selection-control.ts"
9426
+ }
9427
+ },
9428
+ {
9429
+ "kind": "field",
9430
+ "name": "checked",
9431
+ "attribute": "checked",
9432
+ "inheritedFrom": {
9433
+ "name": "UmSelectionControl",
9434
+ "module": "src/shared/selection-control/selection-control.ts"
9435
+ }
9436
+ },
9437
+ {
9438
+ "kind": "field",
9439
+ "name": "#siblings",
9440
+ "privacy": "private",
9441
+ "type": {
9442
+ "text": "UmRadio[]"
9443
+ },
9444
+ "inheritedFrom": {
9445
+ "name": "UmRadio",
9446
+ "module": "src/radio/radio.ts"
9447
+ }
9448
+ },
9449
+ {
9319
9450
  "kind": "method",
9320
9451
  "name": "#handleKeyDown",
9321
9452
  "parameters": [
@@ -9525,69 +9656,6 @@
9525
9656
  }
9526
9657
  }
9527
9658
  ],
9528
- "attributes": [
9529
- {
9530
- "name": "hide-state-layer",
9531
- "type": {
9532
- "text": "boolean"
9533
- },
9534
- "default": "false",
9535
- "fieldName": "hideStateLayer",
9536
- "inheritedFrom": {
9537
- "name": "UmRadio",
9538
- "module": "src/radio/radio.ts"
9539
- }
9540
- },
9541
- {
9542
- "name": "name",
9543
- "type": {
9544
- "text": "string | undefined"
9545
- },
9546
- "default": "''",
9547
- "fieldName": "name",
9548
- "inheritedFrom": {
9549
- "name": "UmSelectionControl",
9550
- "module": "src/shared/selection-control/selection-control.ts"
9551
- }
9552
- },
9553
- {
9554
- "name": "disabled",
9555
- "type": {
9556
- "text": "boolean"
9557
- },
9558
- "default": "false",
9559
- "fieldName": "disabled",
9560
- "inheritedFrom": {
9561
- "name": "UmSelectionControl",
9562
- "module": "src/shared/selection-control/selection-control.ts"
9563
- }
9564
- },
9565
- {
9566
- "name": "value",
9567
- "type": {
9568
- "text": "string"
9569
- },
9570
- "default": "'on'",
9571
- "description": "The element value to use in form submission when checked.",
9572
- "fieldName": "value",
9573
- "inheritedFrom": {
9574
- "name": "UmSelectionControl",
9575
- "module": "src/shared/selection-control/selection-control.ts"
9576
- }
9577
- },
9578
- {
9579
- "name": "checked",
9580
- "fieldName": "_checkedAttribute",
9581
- "type": {
9582
- "text": "boolean"
9583
- },
9584
- "default": "false",
9585
- "inheritedFrom": {
9586
- "name": "UmSelectionControl",
9587
- "module": "src/shared/selection-control/selection-control.ts"
9588
- }
9589
- }
9590
- ],
9591
9659
  "events": [
9592
9660
  {
9593
9661
  "name": "input",
@@ -12724,6 +12792,69 @@
12724
12792
  },
12725
12793
  "tagName": "u-switch-list-item",
12726
12794
  "customElement": true,
12795
+ "attributes": [
12796
+ {
12797
+ "name": "leading",
12798
+ "type": {
12799
+ "text": "boolean"
12800
+ },
12801
+ "default": "false",
12802
+ "fieldName": "leading",
12803
+ "inheritedFrom": {
12804
+ "name": "mixinSelectionControlListItem",
12805
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
12806
+ }
12807
+ },
12808
+ {
12809
+ "name": "name",
12810
+ "type": {
12811
+ "text": "string | undefined"
12812
+ },
12813
+ "default": "''",
12814
+ "fieldName": "name",
12815
+ "inheritedFrom": {
12816
+ "name": "UmSelectionControl",
12817
+ "module": "src/shared/selection-control/selection-control.ts"
12818
+ }
12819
+ },
12820
+ {
12821
+ "name": "disabled",
12822
+ "type": {
12823
+ "text": "boolean"
12824
+ },
12825
+ "default": "false",
12826
+ "fieldName": "disabled",
12827
+ "inheritedFrom": {
12828
+ "name": "UmSelectionControl",
12829
+ "module": "src/shared/selection-control/selection-control.ts"
12830
+ }
12831
+ },
12832
+ {
12833
+ "name": "value",
12834
+ "type": {
12835
+ "text": "string"
12836
+ },
12837
+ "default": "'on'",
12838
+ "description": "The element value to use in form submission when checked.",
12839
+ "fieldName": "value",
12840
+ "inheritedFrom": {
12841
+ "name": "UmSelectionControl",
12842
+ "module": "src/shared/selection-control/selection-control.ts"
12843
+ }
12844
+ },
12845
+ {
12846
+ "name": "checked",
12847
+ "fieldName": "_checkedAttribute",
12848
+ "type": {
12849
+ "text": "boolean"
12850
+ },
12851
+ "default": "false",
12852
+ "inheritedFrom": {
12853
+ "name": "UmSelectionControl",
12854
+ "module": "src/shared/selection-control/selection-control.ts"
12855
+ }
12856
+ }
12857
+ ],
12727
12858
  "members": [
12728
12859
  {
12729
12860
  "kind": "field",
@@ -12738,6 +12869,19 @@
12738
12869
  "module": "src/shared/selection-control/selection-control-list-item.ts"
12739
12870
  }
12740
12871
  },
12872
+ {
12873
+ "kind": "field",
12874
+ "name": "leading",
12875
+ "type": {
12876
+ "text": "boolean"
12877
+ },
12878
+ "default": "false",
12879
+ "attribute": "leading",
12880
+ "inheritedFrom": {
12881
+ "name": "mixinSelectionControlListItem",
12882
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
12883
+ }
12884
+ },
12741
12885
  {
12742
12886
  "kind": "method",
12743
12887
  "name": "render",
@@ -12963,72 +13107,21 @@
12963
13107
  }
12964
13108
  }
12965
13109
  ],
12966
- "attributes": [
13110
+ "events": [
12967
13111
  {
12968
- "name": "name",
13112
+ "name": "input",
12969
13113
  "type": {
12970
- "text": "string | undefined"
13114
+ "text": "InputEvent"
12971
13115
  },
12972
- "default": "''",
12973
- "fieldName": "name",
12974
13116
  "inheritedFrom": {
12975
13117
  "name": "UmSelectionControl",
12976
13118
  "module": "src/shared/selection-control/selection-control.ts"
12977
13119
  }
12978
13120
  },
12979
13121
  {
12980
- "name": "disabled",
13122
+ "name": "change",
12981
13123
  "type": {
12982
- "text": "boolean"
12983
- },
12984
- "default": "false",
12985
- "fieldName": "disabled",
12986
- "inheritedFrom": {
12987
- "name": "UmSelectionControl",
12988
- "module": "src/shared/selection-control/selection-control.ts"
12989
- }
12990
- },
12991
- {
12992
- "name": "value",
12993
- "type": {
12994
- "text": "string"
12995
- },
12996
- "default": "'on'",
12997
- "description": "The element value to use in form submission when checked.",
12998
- "fieldName": "value",
12999
- "inheritedFrom": {
13000
- "name": "UmSelectionControl",
13001
- "module": "src/shared/selection-control/selection-control.ts"
13002
- }
13003
- },
13004
- {
13005
- "name": "checked",
13006
- "fieldName": "_checkedAttribute",
13007
- "type": {
13008
- "text": "boolean"
13009
- },
13010
- "default": "false",
13011
- "inheritedFrom": {
13012
- "name": "UmSelectionControl",
13013
- "module": "src/shared/selection-control/selection-control.ts"
13014
- }
13015
- }
13016
- ],
13017
- "events": [
13018
- {
13019
- "name": "input",
13020
- "type": {
13021
- "text": "InputEvent"
13022
- },
13023
- "inheritedFrom": {
13024
- "name": "UmSelectionControl",
13025
- "module": "src/shared/selection-control/selection-control.ts"
13026
- }
13027
- },
13028
- {
13029
- "name": "change",
13030
- "type": {
13031
- "text": "Event"
13124
+ "text": "Event"
13032
13125
  },
13033
13126
  "inheritedFrom": {
13034
13127
  "name": "UmSelectionControl",
@@ -17544,218 +17637,317 @@
17544
17637
  },
17545
17638
  {
17546
17639
  "kind": "javascript-module",
17547
- "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
17640
+ "path": "src/shared/selection-control/selection-control-list-item.ts",
17641
+ "declarations": [
17642
+ {
17643
+ "kind": "mixin",
17644
+ "description": "",
17645
+ "name": "mixinSelectionControlListItem",
17646
+ "members": [
17647
+ {
17648
+ "kind": "field",
17649
+ "name": "styles",
17650
+ "type": {
17651
+ "text": "array"
17652
+ },
17653
+ "static": true,
17654
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
17655
+ },
17656
+ {
17657
+ "kind": "field",
17658
+ "name": "leading",
17659
+ "type": {
17660
+ "text": "boolean"
17661
+ },
17662
+ "default": "false",
17663
+ "attribute": "leading"
17664
+ },
17665
+ {
17666
+ "kind": "method",
17667
+ "name": "render",
17668
+ "return": {
17669
+ "type": {
17670
+ "text": "HTMLTemplateResult"
17671
+ }
17672
+ }
17673
+ }
17674
+ ],
17675
+ "attributes": [
17676
+ {
17677
+ "name": "leading",
17678
+ "type": {
17679
+ "text": "boolean"
17680
+ },
17681
+ "default": "false",
17682
+ "fieldName": "leading"
17683
+ }
17684
+ ],
17685
+ "parameters": [
17686
+ {
17687
+ "name": "base",
17688
+ "type": {
17689
+ "text": "T"
17690
+ }
17691
+ }
17692
+ ]
17693
+ }
17694
+ ],
17695
+ "exports": [
17696
+ {
17697
+ "kind": "js",
17698
+ "name": "mixinSelectionControlListItem",
17699
+ "declaration": {
17700
+ "name": "mixinSelectionControlListItem",
17701
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
17702
+ }
17703
+ }
17704
+ ]
17705
+ },
17706
+ {
17707
+ "kind": "javascript-module",
17708
+ "path": "src/shared/selection-control/selection-control.styles.ts",
17709
+ "declarations": [
17710
+ {
17711
+ "kind": "variable",
17712
+ "name": "styles",
17713
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
17714
+ }
17715
+ ],
17716
+ "exports": [
17717
+ {
17718
+ "kind": "js",
17719
+ "name": "styles",
17720
+ "declaration": {
17721
+ "name": "styles",
17722
+ "module": "src/shared/selection-control/selection-control.styles.ts"
17723
+ }
17724
+ }
17725
+ ]
17726
+ },
17727
+ {
17728
+ "kind": "javascript-module",
17729
+ "path": "src/shared/selection-control/selection-control.ts",
17548
17730
  "declarations": [
17549
17731
  {
17550
17732
  "kind": "class",
17551
17733
  "description": "",
17552
- "name": "MenuFieldNavigationController",
17734
+ "name": "UmSelectionControl",
17553
17735
  "members": [
17554
17736
  {
17555
17737
  "kind": "field",
17556
- "name": "#element",
17557
- "privacy": "private",
17738
+ "name": "formAssociated",
17558
17739
  "type": {
17559
- "text": "HTMLElement | null"
17740
+ "text": "boolean"
17560
17741
  },
17561
- "default": "null"
17742
+ "static": true,
17743
+ "default": "true"
17562
17744
  },
17563
17745
  {
17564
17746
  "kind": "field",
17565
- "name": "focusedMenu",
17747
+ "name": "shadowRootOptions",
17566
17748
  "type": {
17567
- "text": "TMenuItem | null"
17749
+ "text": "ShadowRootInit"
17568
17750
  },
17569
- "privacy": "protected",
17570
- "default": "null"
17751
+ "static": true,
17752
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
17571
17753
  },
17572
17754
  {
17573
17755
  "kind": "field",
17574
- "name": "host",
17756
+ "name": "elementInternals",
17575
17757
  "type": {
17576
- "text": "TField"
17758
+ "text": "ElementInternals"
17577
17759
  },
17578
- "privacy": "protected",
17579
- "default": "host"
17760
+ "privacy": "protected"
17580
17761
  },
17581
17762
  {
17582
17763
  "kind": "field",
17583
- "name": "bindHandleKeyDown",
17764
+ "name": "name",
17584
17765
  "type": {
17585
- "text": "(event: KeyboardEvent) => void"
17766
+ "text": "string | undefined"
17586
17767
  },
17587
- "privacy": "private"
17768
+ "default": "''",
17769
+ "attribute": "name",
17770
+ "reflects": true
17771
+ },
17772
+ {
17773
+ "kind": "field",
17774
+ "name": "disabled",
17775
+ "type": {
17776
+ "text": "boolean"
17777
+ },
17778
+ "default": "false",
17779
+ "attribute": "disabled",
17780
+ "reflects": true
17781
+ },
17782
+ {
17783
+ "kind": "field",
17784
+ "name": "input",
17785
+ "type": {
17786
+ "text": "HTMLInputElement"
17787
+ }
17788
+ },
17789
+ {
17790
+ "kind": "field",
17791
+ "name": "form",
17792
+ "type": {
17793
+ "text": "HTMLFormElement | null"
17794
+ }
17588
17795
  },
17589
17796
  {
17590
17797
  "kind": "method",
17591
- "name": "attach",
17798
+ "name": "focus",
17592
17799
  "parameters": [
17593
17800
  {
17594
- "name": "element",
17801
+ "name": "options",
17802
+ "optional": true,
17595
17803
  "type": {
17596
- "text": "HTMLElement"
17804
+ "text": "FocusOptions"
17597
17805
  }
17598
17806
  }
17599
17807
  ]
17600
17808
  },
17601
17809
  {
17602
- "kind": "method",
17603
- "name": "detach"
17810
+ "kind": "field",
17811
+ "name": "#checked",
17812
+ "privacy": "private",
17813
+ "type": {
17814
+ "text": "boolean"
17815
+ },
17816
+ "default": "false"
17604
17817
  },
17605
17818
  {
17606
17819
  "kind": "field",
17607
- "name": "#handleMenuClose",
17608
- "privacy": "private"
17820
+ "name": "inputType",
17821
+ "type": {
17822
+ "text": "'checkbox' | 'radio'"
17823
+ },
17824
+ "privacy": "protected",
17825
+ "default": "'checkbox'"
17826
+ },
17827
+ {
17828
+ "kind": "field",
17829
+ "name": "renderRipple",
17830
+ "type": {
17831
+ "text": "boolean"
17832
+ },
17833
+ "privacy": "protected",
17834
+ "default": "true"
17609
17835
  },
17610
17836
  {
17611
17837
  "kind": "method",
17612
- "name": "handleKeyDown",
17838
+ "name": "renderIndicator",
17613
17839
  "privacy": "protected",
17614
17840
  "return": {
17615
17841
  "type": {
17616
- "text": "boolean"
17842
+ "text": "HTMLTemplateResult"
17617
17843
  }
17844
+ }
17845
+ },
17846
+ {
17847
+ "kind": "field",
17848
+ "name": "value",
17849
+ "type": {
17850
+ "text": "string"
17618
17851
  },
17619
- "parameters": [
17620
- {
17621
- "name": "event",
17622
- "type": {
17623
- "text": "KeyboardEvent"
17624
- }
17625
- }
17626
- ]
17852
+ "default": "'on'",
17853
+ "description": "The element value to use in form submission when checked.",
17854
+ "attribute": "value"
17627
17855
  },
17628
17856
  {
17629
- "kind": "method",
17630
- "name": "navigate",
17857
+ "kind": "field",
17858
+ "name": "checked",
17859
+ "attribute": "checked"
17860
+ },
17861
+ {
17862
+ "kind": "field",
17863
+ "name": "_checkedAttribute",
17864
+ "type": {
17865
+ "text": "boolean"
17866
+ },
17631
17867
  "privacy": "private",
17632
- "parameters": [
17633
- {
17634
- "name": "event",
17635
- "type": {
17636
- "text": "KeyboardEvent"
17637
- }
17638
- },
17639
- {
17640
- "name": "forwards",
17641
- "type": {
17642
- "text": "boolean"
17643
- }
17644
- }
17645
- ]
17868
+ "default": "false",
17869
+ "attribute": "checked"
17646
17870
  },
17647
17871
  {
17648
17872
  "kind": "method",
17649
- "name": "navigateTo",
17650
- "privacy": "protected",
17873
+ "name": "#handleClick",
17651
17874
  "parameters": [
17652
17875
  {
17653
- "name": "event",
17654
- "type": {
17655
- "text": "KeyboardEvent"
17656
- }
17657
- },
17658
- {
17659
- "name": "menu",
17660
- "type": {
17661
- "text": "TMenuItem | undefined"
17662
- }
17663
- },
17664
- {
17665
- "name": "index",
17876
+ "name": "e",
17666
17877
  "type": {
17667
- "text": "number"
17878
+ "text": "Event"
17668
17879
  }
17669
17880
  }
17670
17881
  ]
17671
- },
17882
+ }
17883
+ ],
17884
+ "events": [
17672
17885
  {
17673
- "kind": "method",
17674
- "name": "focusMenu",
17675
- "parameters": [
17676
- {
17677
- "name": "menu",
17678
- "type": {
17679
- "text": "TMenuItem"
17680
- }
17681
- },
17682
- {
17683
- "name": "index",
17684
- "type": {
17685
- "text": "number"
17686
- }
17687
- },
17688
- {
17689
- "name": "active",
17690
- "default": "true"
17691
- },
17692
- {
17693
- "name": "scroll",
17694
- "default": "true"
17695
- }
17696
- ]
17886
+ "name": "input",
17887
+ "type": {
17888
+ "text": "InputEvent"
17889
+ }
17697
17890
  },
17698
17891
  {
17699
- "kind": "method",
17700
- "name": "blurMenu"
17892
+ "name": "change",
17893
+ "type": {
17894
+ "text": "Event"
17895
+ }
17896
+ }
17897
+ ],
17898
+ "attributes": [
17899
+ {
17900
+ "name": "name",
17901
+ "type": {
17902
+ "text": "string | undefined"
17903
+ },
17904
+ "default": "''",
17905
+ "fieldName": "name"
17701
17906
  },
17702
17907
  {
17703
- "kind": "method",
17704
- "name": "selectActiveItem",
17705
- "privacy": "private",
17706
- "parameters": [
17707
- {
17708
- "name": "event",
17709
- "type": {
17710
- "text": "KeyboardEvent"
17711
- }
17712
- }
17713
- ]
17908
+ "name": "disabled",
17909
+ "type": {
17910
+ "text": "boolean"
17911
+ },
17912
+ "default": "false",
17913
+ "fieldName": "disabled"
17714
17914
  },
17715
17915
  {
17716
- "kind": "method",
17717
- "name": "afterFocus",
17718
- "privacy": "protected",
17719
- "parameters": [
17720
- {
17721
- "name": "_",
17722
- "type": {
17723
- "text": "TMenuItem"
17724
- }
17725
- },
17726
- {
17727
- "name": "__",
17728
- "type": {
17729
- "text": "number"
17730
- }
17731
- }
17732
- ]
17916
+ "name": "value",
17917
+ "type": {
17918
+ "text": "string"
17919
+ },
17920
+ "default": "'on'",
17921
+ "description": "The element value to use in form submission when checked.",
17922
+ "fieldName": "value"
17733
17923
  },
17734
17924
  {
17735
- "kind": "method",
17736
- "name": "afterBlur",
17737
- "privacy": "protected"
17925
+ "name": "checked",
17926
+ "fieldName": "_checkedAttribute",
17927
+ "type": {
17928
+ "text": "boolean"
17929
+ },
17930
+ "default": "false"
17738
17931
  }
17739
- ]
17932
+ ],
17933
+ "superclass": {
17934
+ "name": "LitElement",
17935
+ "package": "lit"
17936
+ },
17937
+ "customElement": true
17740
17938
  }
17741
17939
  ],
17742
17940
  "exports": [
17743
17941
  {
17744
17942
  "kind": "js",
17745
- "name": "MenuFieldNavigationController",
17943
+ "name": "UmSelectionControl",
17746
17944
  "declaration": {
17747
- "name": "MenuFieldNavigationController",
17748
- "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
17945
+ "name": "UmSelectionControl",
17946
+ "module": "src/shared/selection-control/selection-control.ts"
17749
17947
  }
17750
17948
  }
17751
17949
  ]
17752
17950
  },
17753
- {
17754
- "kind": "javascript-module",
17755
- "path": "src/shared/menu-field/menu-field.ts",
17756
- "declarations": [],
17757
- "exports": []
17758
- },
17759
17951
  {
17760
17952
  "kind": "javascript-module",
17761
17953
  "path": "src/shared/sets/set-base.styles.ts",
@@ -18428,297 +18620,217 @@
18428
18620
  },
18429
18621
  {
18430
18622
  "kind": "javascript-module",
18431
- "path": "src/shared/selection-control/selection-control-list-item.ts",
18432
- "declarations": [
18433
- {
18434
- "kind": "mixin",
18435
- "description": "",
18436
- "name": "mixinSelectionControlListItem",
18437
- "members": [
18438
- {
18439
- "kind": "field",
18440
- "name": "styles",
18441
- "type": {
18442
- "text": "array"
18443
- },
18444
- "static": true,
18445
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]"
18446
- },
18447
- {
18448
- "kind": "method",
18449
- "name": "render",
18450
- "return": {
18451
- "type": {
18452
- "text": "HTMLTemplateResult"
18453
- }
18454
- }
18455
- }
18456
- ],
18457
- "parameters": [
18458
- {
18459
- "name": "base",
18460
- "type": {
18461
- "text": "T"
18462
- }
18463
- }
18464
- ]
18465
- }
18466
- ],
18467
- "exports": [
18468
- {
18469
- "kind": "js",
18470
- "name": "mixinSelectionControlListItem",
18471
- "declaration": {
18472
- "name": "mixinSelectionControlListItem",
18473
- "module": "src/shared/selection-control/selection-control-list-item.ts"
18474
- }
18475
- }
18476
- ]
18477
- },
18478
- {
18479
- "kind": "javascript-module",
18480
- "path": "src/shared/selection-control/selection-control.styles.ts",
18481
- "declarations": [
18482
- {
18483
- "kind": "variable",
18484
- "name": "styles",
18485
- "default": "css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`"
18486
- }
18487
- ],
18488
- "exports": [
18489
- {
18490
- "kind": "js",
18491
- "name": "styles",
18492
- "declaration": {
18493
- "name": "styles",
18494
- "module": "src/shared/selection-control/selection-control.styles.ts"
18495
- }
18496
- }
18497
- ]
18498
- },
18499
- {
18500
- "kind": "javascript-module",
18501
- "path": "src/shared/selection-control/selection-control.ts",
18623
+ "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
18502
18624
  "declarations": [
18503
18625
  {
18504
18626
  "kind": "class",
18505
18627
  "description": "",
18506
- "name": "UmSelectionControl",
18628
+ "name": "MenuFieldNavigationController",
18507
18629
  "members": [
18508
18630
  {
18509
18631
  "kind": "field",
18510
- "name": "formAssociated",
18511
- "type": {
18512
- "text": "boolean"
18513
- },
18514
- "static": true,
18515
- "default": "true"
18516
- },
18517
- {
18518
- "kind": "field",
18519
- "name": "shadowRootOptions",
18632
+ "name": "#element",
18633
+ "privacy": "private",
18520
18634
  "type": {
18521
- "text": "ShadowRootInit"
18635
+ "text": "HTMLElement | null"
18522
18636
  },
18523
- "static": true,
18524
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
18637
+ "default": "null"
18525
18638
  },
18526
18639
  {
18527
18640
  "kind": "field",
18528
- "name": "elementInternals",
18641
+ "name": "focusedMenu",
18529
18642
  "type": {
18530
- "text": "ElementInternals"
18643
+ "text": "TMenuItem | null"
18531
18644
  },
18532
- "privacy": "protected"
18645
+ "privacy": "protected",
18646
+ "default": "null"
18533
18647
  },
18534
18648
  {
18535
18649
  "kind": "field",
18536
- "name": "name",
18650
+ "name": "host",
18537
18651
  "type": {
18538
- "text": "string | undefined"
18652
+ "text": "TField"
18539
18653
  },
18540
- "default": "''",
18541
- "attribute": "name",
18542
- "reflects": true
18654
+ "privacy": "protected",
18655
+ "default": "host"
18543
18656
  },
18544
18657
  {
18545
18658
  "kind": "field",
18546
- "name": "disabled",
18659
+ "name": "bindHandleKeyDown",
18547
18660
  "type": {
18548
- "text": "boolean"
18661
+ "text": "(event: KeyboardEvent) => void"
18549
18662
  },
18550
- "default": "false",
18551
- "attribute": "disabled",
18552
- "reflects": true
18553
- },
18554
- {
18555
- "kind": "field",
18556
- "name": "input",
18557
- "type": {
18558
- "text": "HTMLInputElement"
18559
- }
18560
- },
18561
- {
18562
- "kind": "field",
18563
- "name": "form",
18564
- "type": {
18565
- "text": "HTMLFormElement | null"
18566
- }
18663
+ "privacy": "private"
18567
18664
  },
18568
18665
  {
18569
18666
  "kind": "method",
18570
- "name": "focus",
18667
+ "name": "attach",
18571
18668
  "parameters": [
18572
18669
  {
18573
- "name": "options",
18574
- "optional": true,
18670
+ "name": "element",
18575
18671
  "type": {
18576
- "text": "FocusOptions"
18672
+ "text": "HTMLElement"
18577
18673
  }
18578
18674
  }
18579
18675
  ]
18580
18676
  },
18581
18677
  {
18582
- "kind": "field",
18583
- "name": "#checked",
18584
- "privacy": "private",
18585
- "type": {
18586
- "text": "boolean"
18587
- },
18588
- "default": "false"
18589
- },
18590
- {
18591
- "kind": "field",
18592
- "name": "inputType",
18593
- "type": {
18594
- "text": "'checkbox' | 'radio'"
18595
- },
18596
- "privacy": "protected",
18597
- "default": "'checkbox'"
18678
+ "kind": "method",
18679
+ "name": "detach"
18598
18680
  },
18599
18681
  {
18600
18682
  "kind": "field",
18601
- "name": "renderRipple",
18602
- "type": {
18603
- "text": "boolean"
18604
- },
18605
- "privacy": "protected",
18606
- "default": "true"
18683
+ "name": "#handleMenuClose",
18684
+ "privacy": "private"
18607
18685
  },
18608
18686
  {
18609
18687
  "kind": "method",
18610
- "name": "renderIndicator",
18688
+ "name": "handleKeyDown",
18611
18689
  "privacy": "protected",
18612
18690
  "return": {
18613
18691
  "type": {
18614
- "text": "HTMLTemplateResult"
18692
+ "text": "boolean"
18615
18693
  }
18616
- }
18617
- },
18618
- {
18619
- "kind": "field",
18620
- "name": "value",
18621
- "type": {
18622
- "text": "string"
18623
18694
  },
18624
- "default": "'on'",
18625
- "description": "The element value to use in form submission when checked.",
18626
- "attribute": "value"
18627
- },
18628
- {
18629
- "kind": "field",
18630
- "name": "checked",
18631
- "attribute": "checked"
18695
+ "parameters": [
18696
+ {
18697
+ "name": "event",
18698
+ "type": {
18699
+ "text": "KeyboardEvent"
18700
+ }
18701
+ }
18702
+ ]
18632
18703
  },
18633
18704
  {
18634
- "kind": "field",
18635
- "name": "_checkedAttribute",
18636
- "type": {
18637
- "text": "boolean"
18638
- },
18705
+ "kind": "method",
18706
+ "name": "navigate",
18639
18707
  "privacy": "private",
18640
- "default": "false",
18641
- "attribute": "checked"
18708
+ "parameters": [
18709
+ {
18710
+ "name": "event",
18711
+ "type": {
18712
+ "text": "KeyboardEvent"
18713
+ }
18714
+ },
18715
+ {
18716
+ "name": "forwards",
18717
+ "type": {
18718
+ "text": "boolean"
18719
+ }
18720
+ }
18721
+ ]
18642
18722
  },
18643
18723
  {
18644
18724
  "kind": "method",
18645
- "name": "#handleClick",
18725
+ "name": "navigateTo",
18726
+ "privacy": "protected",
18646
18727
  "parameters": [
18647
18728
  {
18648
- "name": "e",
18729
+ "name": "event",
18649
18730
  "type": {
18650
- "text": "Event"
18731
+ "text": "KeyboardEvent"
18732
+ }
18733
+ },
18734
+ {
18735
+ "name": "menu",
18736
+ "type": {
18737
+ "text": "TMenuItem | undefined"
18738
+ }
18739
+ },
18740
+ {
18741
+ "name": "index",
18742
+ "type": {
18743
+ "text": "number"
18651
18744
  }
18652
18745
  }
18653
18746
  ]
18654
- }
18655
- ],
18656
- "events": [
18657
- {
18658
- "name": "input",
18659
- "type": {
18660
- "text": "InputEvent"
18661
- }
18662
18747
  },
18663
18748
  {
18664
- "name": "change",
18665
- "type": {
18666
- "text": "Event"
18667
- }
18668
- }
18669
- ],
18670
- "attributes": [
18749
+ "kind": "method",
18750
+ "name": "focusMenu",
18751
+ "parameters": [
18752
+ {
18753
+ "name": "menu",
18754
+ "type": {
18755
+ "text": "TMenuItem"
18756
+ }
18757
+ },
18758
+ {
18759
+ "name": "index",
18760
+ "type": {
18761
+ "text": "number"
18762
+ }
18763
+ },
18764
+ {
18765
+ "name": "active",
18766
+ "default": "true"
18767
+ },
18768
+ {
18769
+ "name": "scroll",
18770
+ "default": "true"
18771
+ }
18772
+ ]
18773
+ },
18671
18774
  {
18672
- "name": "name",
18673
- "type": {
18674
- "text": "string | undefined"
18675
- },
18676
- "default": "''",
18677
- "fieldName": "name"
18775
+ "kind": "method",
18776
+ "name": "blurMenu"
18678
18777
  },
18679
18778
  {
18680
- "name": "disabled",
18681
- "type": {
18682
- "text": "boolean"
18683
- },
18684
- "default": "false",
18685
- "fieldName": "disabled"
18779
+ "kind": "method",
18780
+ "name": "selectActiveItem",
18781
+ "privacy": "private",
18782
+ "parameters": [
18783
+ {
18784
+ "name": "event",
18785
+ "type": {
18786
+ "text": "KeyboardEvent"
18787
+ }
18788
+ }
18789
+ ]
18686
18790
  },
18687
18791
  {
18688
- "name": "value",
18689
- "type": {
18690
- "text": "string"
18691
- },
18692
- "default": "'on'",
18693
- "description": "The element value to use in form submission when checked.",
18694
- "fieldName": "value"
18792
+ "kind": "method",
18793
+ "name": "afterFocus",
18794
+ "privacy": "protected",
18795
+ "parameters": [
18796
+ {
18797
+ "name": "_",
18798
+ "type": {
18799
+ "text": "TMenuItem"
18800
+ }
18801
+ },
18802
+ {
18803
+ "name": "__",
18804
+ "type": {
18805
+ "text": "number"
18806
+ }
18807
+ }
18808
+ ]
18695
18809
  },
18696
18810
  {
18697
- "name": "checked",
18698
- "fieldName": "_checkedAttribute",
18699
- "type": {
18700
- "text": "boolean"
18701
- },
18702
- "default": "false"
18811
+ "kind": "method",
18812
+ "name": "afterBlur",
18813
+ "privacy": "protected"
18703
18814
  }
18704
- ],
18705
- "superclass": {
18706
- "name": "LitElement",
18707
- "package": "lit"
18708
- },
18709
- "customElement": true
18815
+ ]
18710
18816
  }
18711
18817
  ],
18712
18818
  "exports": [
18713
18819
  {
18714
18820
  "kind": "js",
18715
- "name": "UmSelectionControl",
18821
+ "name": "MenuFieldNavigationController",
18716
18822
  "declaration": {
18717
- "name": "UmSelectionControl",
18718
- "module": "src/shared/selection-control/selection-control.ts"
18823
+ "name": "MenuFieldNavigationController",
18824
+ "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
18719
18825
  }
18720
18826
  }
18721
18827
  ]
18828
+ },
18829
+ {
18830
+ "kind": "javascript-module",
18831
+ "path": "src/shared/menu-field/menu-field.ts",
18832
+ "declarations": [],
18833
+ "exports": []
18722
18834
  }
18723
18835
  ]
18724
18836
  }