@universal-material/web 3.5.2 → 3.5.3

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/badge/badge.js +1 -1
  2. package/badge/badge.js.map +1 -1
  3. package/custom-elements.json +1239 -1239
  4. package/package.json +1 -1
  5. package/vscode.html-custom-data.json +286 -286
package/custom-elements.json CHANGED
@@ -8662,33 +8662,6 @@
8662
8662
  }
8663
8663
  ]
8664
8664
  },
8665
- {
8666
- "kind": "javascript-module",
8667
- "path": "src/datepicker/datepicker.styles.ts",
8668
- "declarations": [
8669
- {
8670
- "kind": "variable",
8671
- "name": "styles",
8672
- "default": "css ` `"
8673
- }
8674
- ],
8675
- "exports": [
8676
- {
8677
- "kind": "js",
8678
- "name": "styles",
8679
- "declaration": {
8680
- "name": "styles",
8681
- "module": "src/datepicker/datepicker.styles.ts"
8682
- }
8683
- }
8684
- ]
8685
- },
8686
- {
8687
- "kind": "javascript-module",
8688
- "path": "src/datepicker/datepicker.ts",
8689
- "declarations": [],
8690
- "exports": []
8691
- },
8692
8665
  {
8693
8666
  "kind": "javascript-module",
8694
8667
  "path": "src/chip-field/chip-field.styles.ts",
@@ -9538,6 +9511,33 @@
9538
9511
  }
9539
9512
  ]
9540
9513
  },
9514
+ {
9515
+ "kind": "javascript-module",
9516
+ "path": "src/datepicker/datepicker.styles.ts",
9517
+ "declarations": [
9518
+ {
9519
+ "kind": "variable",
9520
+ "name": "styles",
9521
+ "default": "css ` `"
9522
+ }
9523
+ ],
9524
+ "exports": [
9525
+ {
9526
+ "kind": "js",
9527
+ "name": "styles",
9528
+ "declaration": {
9529
+ "name": "styles",
9530
+ "module": "src/datepicker/datepicker.styles.ts"
9531
+ }
9532
+ }
9533
+ ]
9534
+ },
9535
+ {
9536
+ "kind": "javascript-module",
9537
+ "path": "src/datepicker/datepicker.ts",
9538
+ "declarations": [],
9539
+ "exports": []
9540
+ },
9541
9541
  {
9542
9542
  "kind": "javascript-module",
9543
9543
  "path": "src/dialog/confirm-dialog-builder.ts",
@@ -10422,63 +10422,6 @@
10422
10422
  }
10423
10423
  ]
10424
10424
  },
10425
- {
10426
- "kind": "javascript-module",
10427
- "path": "src/elevation/elevation.styles.ts",
10428
- "declarations": [
10429
- {
10430
- "kind": "variable",
10431
- "name": "styles",
10432
- "default": "css ` :host { --_level: var(--u-elevation-level, 0); --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0)); -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } :host::before, :host::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; transition: box-shadow 150ms ease-in-out; } :host::before { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color); opacity: 0.3; } :host::after { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color); opacity: 0.15; } `"
10433
- }
10434
- ],
10435
- "exports": [
10436
- {
10437
- "kind": "js",
10438
- "name": "styles",
10439
- "declaration": {
10440
- "name": "styles",
10441
- "module": "src/elevation/elevation.styles.ts"
10442
- }
10443
- }
10444
- ]
10445
- },
10446
- {
10447
- "kind": "javascript-module",
10448
- "path": "src/elevation/elevation.ts",
10449
- "declarations": [
10450
- {
10451
- "kind": "class",
10452
- "description": "",
10453
- "name": "UmElevation",
10454
- "members": [],
10455
- "superclass": {
10456
- "name": "LitElement",
10457
- "package": "lit"
10458
- },
10459
- "tagName": "u-elevation",
10460
- "customElement": true
10461
- }
10462
- ],
10463
- "exports": [
10464
- {
10465
- "kind": "js",
10466
- "name": "UmElevation",
10467
- "declaration": {
10468
- "name": "UmElevation",
10469
- "module": "src/elevation/elevation.ts"
10470
- }
10471
- },
10472
- {
10473
- "kind": "custom-element-definition",
10474
- "name": "u-elevation",
10475
- "declaration": {
10476
- "name": "UmElevation",
10477
- "module": "src/elevation/elevation.ts"
10478
- }
10479
- }
10480
- ]
10481
- },
10482
10425
  {
10483
10426
  "kind": "javascript-module",
10484
10427
  "path": "src/field/field-base.styles.ts",
@@ -11483,12 +11426,12 @@
11483
11426
  },
11484
11427
  {
11485
11428
  "kind": "javascript-module",
11486
- "path": "src/icon/icon.styles.ts",
11429
+ "path": "src/elevation/elevation.styles.ts",
11487
11430
  "declarations": [
11488
11431
  {
11489
11432
  "kind": "variable",
11490
11433
  "name": "styles",
11491
- "default": "css ` :host { --_container-size: var(--u-icon-container-size, 40px); display: inline-flex; align-items: center; justify-content: center; width: var(--_container-size); height: var(--_container-size); font-size: var(--u-icon-size, 24px); } `"
11434
+ "default": "css ` :host { --_level: var(--u-elevation-level, 0); --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0)); -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; } :host::before, :host::after { content: \"\"; position: absolute; inset: 0; border-radius: inherit; transition: box-shadow 150ms ease-in-out; } :host::before { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color); opacity: 0.3; } :host::after { box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color); opacity: 0.15; } `"
11492
11435
  }
11493
11436
  ],
11494
11437
  "exports": [
@@ -11497,133 +11440,55 @@
11497
11440
  "name": "styles",
11498
11441
  "declaration": {
11499
11442
  "name": "styles",
11500
- "module": "src/icon/icon.styles.ts"
11443
+ "module": "src/elevation/elevation.styles.ts"
11501
11444
  }
11502
11445
  }
11503
11446
  ]
11504
11447
  },
11505
11448
  {
11506
11449
  "kind": "javascript-module",
11507
- "path": "src/icon/icon.ts",
11450
+ "path": "src/elevation/elevation.ts",
11508
11451
  "declarations": [
11509
11452
  {
11510
11453
  "kind": "class",
11511
11454
  "description": "",
11512
- "name": "UmIcon",
11455
+ "name": "UmElevation",
11513
11456
  "members": [],
11514
11457
  "superclass": {
11515
11458
  "name": "LitElement",
11516
11459
  "package": "lit"
11517
11460
  },
11518
- "tagName": "u-icon",
11519
- "customElement": true
11520
- }
11521
- ],
11522
- "exports": [
11523
- {
11524
- "kind": "js",
11525
- "name": "UmIcon",
11526
- "declaration": {
11527
- "name": "UmIcon",
11528
- "module": "src/icon/icon.ts"
11529
- }
11530
- },
11531
- {
11532
- "kind": "custom-element-definition",
11533
- "name": "u-icon",
11534
- "declaration": {
11535
- "name": "UmIcon",
11536
- "module": "src/icon/icon.ts"
11537
- }
11538
- }
11539
- ]
11540
- },
11541
- {
11542
- "kind": "javascript-module",
11543
- "path": "src/list/list-item.styles.ts",
11544
- "declarations": [
11545
- {
11546
- "kind": "variable",
11547
- "name": "styles",
11548
- "default": "css ` :host { display: block; } .container { position: relative; display: flex; align-items: center; min-height: var(--u-list-item-min-height, 56px); padding-block: var(--u-list-item-block-padding, 8px); padding-inline: var(--u-list-item-inline-padding, 16px); gap: var(--u-list-item-gap, 16px); } .selectable { cursor: pointer; } slot:not([name]) { display: block; margin-inline-end: auto; } slot { flex-shrink: 0; } .content { flex: 1; min-width: 0; } .headline { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); } .supporting-text { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `"
11549
- }
11550
- ],
11551
- "exports": [
11552
- {
11553
- "kind": "js",
11554
- "name": "styles",
11555
- "declaration": {
11556
- "name": "styles",
11557
- "module": "src/list/list-item.styles.ts"
11558
- }
11559
- }
11560
- ]
11561
- },
11562
- {
11563
- "kind": "javascript-module",
11564
- "path": "src/list/list-item.ts",
11565
- "declarations": [
11566
- {
11567
- "kind": "class",
11568
- "description": "",
11569
- "name": "UmListItem",
11570
- "members": [
11571
- {
11572
- "kind": "field",
11573
- "name": "selectable",
11574
- "type": {
11575
- "text": "boolean"
11576
- },
11577
- "default": "false",
11578
- "attribute": "selectable",
11579
- "reflects": true
11580
- }
11581
- ],
11582
- "attributes": [
11583
- {
11584
- "name": "selectable",
11585
- "type": {
11586
- "text": "boolean"
11587
- },
11588
- "default": "false",
11589
- "fieldName": "selectable"
11590
- }
11591
- ],
11592
- "superclass": {
11593
- "name": "LitElement",
11594
- "package": "lit"
11595
- },
11596
- "tagName": "u-list-item",
11461
+ "tagName": "u-elevation",
11597
11462
  "customElement": true
11598
11463
  }
11599
11464
  ],
11600
11465
  "exports": [
11601
11466
  {
11602
11467
  "kind": "js",
11603
- "name": "UmListItem",
11468
+ "name": "UmElevation",
11604
11469
  "declaration": {
11605
- "name": "UmListItem",
11606
- "module": "src/list/list-item.ts"
11470
+ "name": "UmElevation",
11471
+ "module": "src/elevation/elevation.ts"
11607
11472
  }
11608
11473
  },
11609
11474
  {
11610
11475
  "kind": "custom-element-definition",
11611
- "name": "u-list-item",
11476
+ "name": "u-elevation",
11612
11477
  "declaration": {
11613
- "name": "UmListItem",
11614
- "module": "src/list/list-item.ts"
11478
+ "name": "UmElevation",
11479
+ "module": "src/elevation/elevation.ts"
11615
11480
  }
11616
11481
  }
11617
11482
  ]
11618
11483
  },
11619
11484
  {
11620
11485
  "kind": "javascript-module",
11621
- "path": "src/list/list.styles.ts",
11486
+ "path": "src/icon/icon.styles.ts",
11622
11487
  "declarations": [
11623
11488
  {
11624
11489
  "kind": "variable",
11625
11490
  "name": "styles",
11626
- "default": "css ` :host { display: block; padding-block: var(--u-list-padding, 8px); } `"
11491
+ "default": "css ` :host { --_container-size: var(--u-icon-container-size, 40px); display: inline-flex; align-items: center; justify-content: center; width: var(--_container-size); height: var(--_container-size); font-size: var(--u-icon-size, 24px); } `"
11627
11492
  }
11628
11493
  ],
11629
11494
  "exports": [
@@ -11632,43 +11497,43 @@
11632
11497
  "name": "styles",
11633
11498
  "declaration": {
11634
11499
  "name": "styles",
11635
- "module": "src/list/list.styles.ts"
11500
+ "module": "src/icon/icon.styles.ts"
11636
11501
  }
11637
11502
  }
11638
11503
  ]
11639
11504
  },
11640
11505
  {
11641
11506
  "kind": "javascript-module",
11642
- "path": "src/list/list.ts",
11507
+ "path": "src/icon/icon.ts",
11643
11508
  "declarations": [
11644
11509
  {
11645
11510
  "kind": "class",
11646
11511
  "description": "",
11647
- "name": "UmList",
11512
+ "name": "UmIcon",
11648
11513
  "members": [],
11649
11514
  "superclass": {
11650
11515
  "name": "LitElement",
11651
11516
  "package": "lit"
11652
11517
  },
11653
- "tagName": "u-list",
11518
+ "tagName": "u-icon",
11654
11519
  "customElement": true
11655
11520
  }
11656
11521
  ],
11657
11522
  "exports": [
11658
11523
  {
11659
11524
  "kind": "js",
11660
- "name": "UmList",
11525
+ "name": "UmIcon",
11661
11526
  "declaration": {
11662
- "name": "UmList",
11663
- "module": "src/list/list.ts"
11527
+ "name": "UmIcon",
11528
+ "module": "src/icon/icon.ts"
11664
11529
  }
11665
11530
  },
11666
11531
  {
11667
11532
  "kind": "custom-element-definition",
11668
- "name": "u-list",
11533
+ "name": "u-icon",
11669
11534
  "declaration": {
11670
- "name": "UmList",
11671
- "module": "src/list/list.ts"
11535
+ "name": "UmIcon",
11536
+ "module": "src/icon/icon.ts"
11672
11537
  }
11673
11538
  }
11674
11539
  ]
@@ -12679,12 +12544,12 @@
12679
12544
  },
12680
12545
  {
12681
12546
  "kind": "javascript-module",
12682
- "path": "src/navigation/drawer-headline.styles.ts",
12547
+ "path": "src/list/list-item.styles.ts",
12683
12548
  "declarations": [
12684
12549
  {
12685
12550
  "kind": "variable",
12686
12551
  "name": "styles",
12687
- "default": "css ` :host { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); margin-block: var(--u-drawer-headline-margin-block, 16px 24px); } `"
12552
+ "default": "css ` :host { display: block; } .container { position: relative; display: flex; align-items: center; min-height: var(--u-list-item-min-height, 56px); padding-block: var(--u-list-item-block-padding, 8px); padding-inline: var(--u-list-item-inline-padding, 16px); gap: var(--u-list-item-gap, 16px); } .selectable { cursor: pointer; } slot:not([name]) { display: block; margin-inline-end: auto; } slot { flex-shrink: 0; } .content { flex: 1; min-width: 0; } .headline { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem)); font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem)); letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem)); font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400))); } .supporting-text { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem)); font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem)); letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem)); font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400))); color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); } `"
12688
12553
  }
12689
12554
  ],
12690
12555
  "exports": [
@@ -12693,29 +12558,164 @@
12693
12558
  "name": "styles",
12694
12559
  "declaration": {
12695
12560
  "name": "styles",
12696
- "module": "src/navigation/drawer-headline.styles.ts"
12561
+ "module": "src/list/list-item.styles.ts"
12697
12562
  }
12698
12563
  }
12699
12564
  ]
12700
12565
  },
12701
12566
  {
12702
12567
  "kind": "javascript-module",
12703
- "path": "src/navigation/drawer-headline.ts",
12568
+ "path": "src/list/list-item.ts",
12704
12569
  "declarations": [
12705
12570
  {
12706
12571
  "kind": "class",
12707
12572
  "description": "",
12708
- "name": "UmDrawerHeadline",
12709
- "members": [],
12710
- "superclass": {
12711
- "name": "LitElement",
12712
- "package": "lit"
12713
- },
12714
- "tagName": "u-drawer-headline",
12715
- "customElement": true
12716
- }
12717
- ],
12718
- "exports": [
12573
+ "name": "UmListItem",
12574
+ "members": [
12575
+ {
12576
+ "kind": "field",
12577
+ "name": "selectable",
12578
+ "type": {
12579
+ "text": "boolean"
12580
+ },
12581
+ "default": "false",
12582
+ "attribute": "selectable",
12583
+ "reflects": true
12584
+ }
12585
+ ],
12586
+ "attributes": [
12587
+ {
12588
+ "name": "selectable",
12589
+ "type": {
12590
+ "text": "boolean"
12591
+ },
12592
+ "default": "false",
12593
+ "fieldName": "selectable"
12594
+ }
12595
+ ],
12596
+ "superclass": {
12597
+ "name": "LitElement",
12598
+ "package": "lit"
12599
+ },
12600
+ "tagName": "u-list-item",
12601
+ "customElement": true
12602
+ }
12603
+ ],
12604
+ "exports": [
12605
+ {
12606
+ "kind": "js",
12607
+ "name": "UmListItem",
12608
+ "declaration": {
12609
+ "name": "UmListItem",
12610
+ "module": "src/list/list-item.ts"
12611
+ }
12612
+ },
12613
+ {
12614
+ "kind": "custom-element-definition",
12615
+ "name": "u-list-item",
12616
+ "declaration": {
12617
+ "name": "UmListItem",
12618
+ "module": "src/list/list-item.ts"
12619
+ }
12620
+ }
12621
+ ]
12622
+ },
12623
+ {
12624
+ "kind": "javascript-module",
12625
+ "path": "src/list/list.styles.ts",
12626
+ "declarations": [
12627
+ {
12628
+ "kind": "variable",
12629
+ "name": "styles",
12630
+ "default": "css ` :host { display: block; padding-block: var(--u-list-padding, 8px); } `"
12631
+ }
12632
+ ],
12633
+ "exports": [
12634
+ {
12635
+ "kind": "js",
12636
+ "name": "styles",
12637
+ "declaration": {
12638
+ "name": "styles",
12639
+ "module": "src/list/list.styles.ts"
12640
+ }
12641
+ }
12642
+ ]
12643
+ },
12644
+ {
12645
+ "kind": "javascript-module",
12646
+ "path": "src/list/list.ts",
12647
+ "declarations": [
12648
+ {
12649
+ "kind": "class",
12650
+ "description": "",
12651
+ "name": "UmList",
12652
+ "members": [],
12653
+ "superclass": {
12654
+ "name": "LitElement",
12655
+ "package": "lit"
12656
+ },
12657
+ "tagName": "u-list",
12658
+ "customElement": true
12659
+ }
12660
+ ],
12661
+ "exports": [
12662
+ {
12663
+ "kind": "js",
12664
+ "name": "UmList",
12665
+ "declaration": {
12666
+ "name": "UmList",
12667
+ "module": "src/list/list.ts"
12668
+ }
12669
+ },
12670
+ {
12671
+ "kind": "custom-element-definition",
12672
+ "name": "u-list",
12673
+ "declaration": {
12674
+ "name": "UmList",
12675
+ "module": "src/list/list.ts"
12676
+ }
12677
+ }
12678
+ ]
12679
+ },
12680
+ {
12681
+ "kind": "javascript-module",
12682
+ "path": "src/navigation/drawer-headline.styles.ts",
12683
+ "declarations": [
12684
+ {
12685
+ "kind": "variable",
12686
+ "name": "styles",
12687
+ "default": "css ` :host { font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")); line-height: var(--u-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem)); font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem)); letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem)); font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500))); color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); margin-block: var(--u-drawer-headline-margin-block, 16px 24px); } `"
12688
+ }
12689
+ ],
12690
+ "exports": [
12691
+ {
12692
+ "kind": "js",
12693
+ "name": "styles",
12694
+ "declaration": {
12695
+ "name": "styles",
12696
+ "module": "src/navigation/drawer-headline.styles.ts"
12697
+ }
12698
+ }
12699
+ ]
12700
+ },
12701
+ {
12702
+ "kind": "javascript-module",
12703
+ "path": "src/navigation/drawer-headline.ts",
12704
+ "declarations": [
12705
+ {
12706
+ "kind": "class",
12707
+ "description": "",
12708
+ "name": "UmDrawerHeadline",
12709
+ "members": [],
12710
+ "superclass": {
12711
+ "name": "LitElement",
12712
+ "package": "lit"
12713
+ },
12714
+ "tagName": "u-drawer-headline",
12715
+ "customElement": true
12716
+ }
12717
+ ],
12718
+ "exports": [
12719
12719
  {
12720
12720
  "kind": "js",
12721
12721
  "name": "UmDrawerHeadline",
@@ -13413,534 +13413,608 @@
13413
13413
  },
13414
13414
  {
13415
13415
  "kind": "javascript-module",
13416
- "path": "src/radio/radio-list-item.ts",
13416
+ "path": "src/overflow-menu/overflow-menu-item.ts",
13417
13417
  "declarations": [
13418
13418
  {
13419
13419
  "kind": "class",
13420
13420
  "description": "",
13421
- "name": "UmRadioListItem",
13422
- "mixins": [
13423
- {
13424
- "name": "mixinSelectionControlListItem",
13425
- "module": "/src/shared/selection-control/selection-control-list-item.js"
13426
- }
13427
- ],
13428
- "superclass": {
13429
- "name": "UmRadio",
13430
- "module": "/src/radio/radio.js"
13431
- },
13432
- "tagName": "u-radio-list-item",
13433
- "customElement": true,
13434
- "attributes": [
13435
- {
13436
- "name": "leading",
13437
- "type": {
13438
- "text": "boolean"
13439
- },
13440
- "default": "false",
13441
- "fieldName": "leading",
13442
- "inheritedFrom": {
13443
- "name": "mixinSelectionControlListItem",
13444
- "module": "src/shared/selection-control/selection-control-list-item.ts"
13445
- }
13446
- },
13447
- {
13448
- "name": "hide-state-layer",
13449
- "type": {
13450
- "text": "boolean"
13451
- },
13452
- "default": "false",
13453
- "fieldName": "hideStateLayer",
13454
- "inheritedFrom": {
13455
- "name": "UmRadio",
13456
- "module": "src/radio/radio.ts"
13457
- }
13458
- },
13421
+ "name": "OverflowMenuItem",
13422
+ "members": [
13459
13423
  {
13460
- "name": "name",
13424
+ "kind": "field",
13425
+ "name": "label",
13461
13426
  "type": {
13462
- "text": "string | undefined"
13427
+ "text": "string"
13463
13428
  },
13464
13429
  "default": "''",
13465
- "fieldName": "name",
13466
- "inheritedFrom": {
13467
- "name": "UmSelectionControl",
13468
- "module": "src/shared/selection-control/selection-control.ts"
13469
- }
13430
+ "attribute": "label"
13470
13431
  },
13471
13432
  {
13472
- "name": "disabled",
13433
+ "kind": "field",
13434
+ "name": "priority",
13473
13435
  "type": {
13474
13436
  "text": "boolean"
13475
13437
  },
13476
13438
  "default": "false",
13477
- "fieldName": "disabled",
13478
- "inheritedFrom": {
13479
- "name": "UmSelectionControl",
13480
- "module": "src/shared/selection-control/selection-control.ts"
13481
- }
13482
- },
13483
- {
13484
- "name": "value",
13485
- "type": {
13486
- "text": "string"
13487
- },
13488
- "default": "'on'",
13489
- "description": "The element value to use in form submission when checked.",
13490
- "fieldName": "value",
13491
- "inheritedFrom": {
13492
- "name": "UmSelectionControl",
13493
- "module": "src/shared/selection-control/selection-control.ts"
13494
- }
13439
+ "attribute": "priority"
13495
13440
  },
13496
13441
  {
13497
- "name": "checked",
13498
- "fieldName": "_checkedAttribute",
13442
+ "kind": "field",
13443
+ "name": "icons",
13499
13444
  "type": {
13500
- "text": "boolean"
13501
- },
13502
- "readonly": true,
13503
- "default": "false",
13504
- "inheritedFrom": {
13505
- "name": "UmSelectionControl",
13506
- "module": "src/shared/selection-control/selection-control.ts"
13445
+ "text": "HTMLElement[]"
13507
13446
  }
13508
13447
  }
13509
13448
  ],
13510
- "members": [
13449
+ "attributes": [
13511
13450
  {
13512
- "kind": "field",
13513
- "name": "styles",
13451
+ "name": "label",
13514
13452
  "type": {
13515
- "text": "array"
13453
+ "text": "string"
13516
13454
  },
13517
- "static": true,
13518
- "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]",
13519
- "inheritedFrom": {
13520
- "name": "mixinSelectionControlListItem",
13521
- "module": "src/shared/selection-control/selection-control-list-item.ts"
13522
- }
13455
+ "default": "''",
13456
+ "fieldName": "label"
13523
13457
  },
13524
13458
  {
13525
- "kind": "field",
13526
- "name": "leading",
13459
+ "name": "priority",
13527
13460
  "type": {
13528
13461
  "text": "boolean"
13529
13462
  },
13530
13463
  "default": "false",
13531
- "attribute": "leading",
13532
- "inheritedFrom": {
13533
- "name": "mixinSelectionControlListItem",
13534
- "module": "src/shared/selection-control/selection-control-list-item.ts"
13535
- }
13464
+ "fieldName": "priority"
13465
+ }
13466
+ ],
13467
+ "superclass": {
13468
+ "name": "LitElement",
13469
+ "package": "lit"
13470
+ },
13471
+ "tagName": "u-overflow-menu-item",
13472
+ "customElement": true
13473
+ }
13474
+ ],
13475
+ "exports": [
13476
+ {
13477
+ "kind": "js",
13478
+ "name": "OverflowMenuItem",
13479
+ "declaration": {
13480
+ "name": "OverflowMenuItem",
13481
+ "module": "src/overflow-menu/overflow-menu-item.ts"
13482
+ }
13483
+ },
13484
+ {
13485
+ "kind": "custom-element-definition",
13486
+ "name": "u-overflow-menu-item",
13487
+ "declaration": {
13488
+ "name": "OverflowMenuItem",
13489
+ "module": "src/overflow-menu/overflow-menu-item.ts"
13490
+ }
13491
+ }
13492
+ ]
13493
+ },
13494
+ {
13495
+ "kind": "javascript-module",
13496
+ "path": "src/overflow-menu/overflow-menu.styles.ts",
13497
+ "declarations": [
13498
+ {
13499
+ "kind": "variable",
13500
+ "name": "styles",
13501
+ "default": "css ` .grid { --_cell-size: var(--u-icon-button-small-height, 40px); display: grid; column-gap: 8px; grid-template-columns: repeat(auto-fit, var(--_cell-size)); justify-content: end; height: var(--_cell-size); overflow: hidden; } .items-set { flex-wrap: wrap; max-height: var(--u-icon-button-small-height, 40px); overflow: hidden; } .inner-menu { position: relative; grid-row: 1; grid-column: -2; } `"
13502
+ }
13503
+ ],
13504
+ "exports": [
13505
+ {
13506
+ "kind": "js",
13507
+ "name": "styles",
13508
+ "declaration": {
13509
+ "name": "styles",
13510
+ "module": "src/overflow-menu/overflow-menu.styles.ts"
13511
+ }
13512
+ }
13513
+ ]
13514
+ },
13515
+ {
13516
+ "kind": "javascript-module",
13517
+ "path": "src/overflow-menu/overflow-menu.ts",
13518
+ "declarations": [
13519
+ {
13520
+ "kind": "class",
13521
+ "description": "",
13522
+ "name": "OverflowMenu",
13523
+ "members": [
13524
+ {
13525
+ "kind": "field",
13526
+ "name": "#resizeObserver",
13527
+ "privacy": "private",
13528
+ "type": {
13529
+ "text": "ResizeObserver | null"
13530
+ },
13531
+ "default": "null"
13536
13532
  },
13537
13533
  {
13538
13534
  "kind": "field",
13539
- "name": "inputDescribedById",
13535
+ "name": "#items",
13536
+ "privacy": "private",
13540
13537
  "type": {
13541
- "text": "string | undefined"
13538
+ "text": "OverflowMenuItem[]"
13542
13539
  },
13543
- "privacy": "protected",
13544
- "default": "'description'",
13545
- "inheritedFrom": {
13546
- "name": "UmSelectionControl",
13547
- "module": "src/shared/selection-control/selection-control.ts"
13548
- }
13540
+ "default": "[]"
13549
13541
  },
13550
13542
  {
13551
13543
  "kind": "field",
13552
- "name": "inputLabelledById",
13544
+ "name": "#collapsedItems",
13545
+ "privacy": "private",
13553
13546
  "type": {
13554
- "text": "string | undefined"
13547
+ "text": "OverflowMenuItem[]"
13555
13548
  },
13556
- "privacy": "protected",
13557
- "default": "'label'",
13558
- "inheritedFrom": {
13559
- "name": "UmSelectionControl",
13560
- "module": "src/shared/selection-control/selection-control.ts"
13561
- }
13549
+ "readonly": true,
13550
+ "default": "[]"
13562
13551
  },
13563
13552
  {
13564
13553
  "kind": "field",
13565
- "name": "hideStateLayer",
13554
+ "name": "_showMenu",
13566
13555
  "type": {
13567
13556
  "text": "boolean"
13568
13557
  },
13569
- "default": "false",
13570
- "attribute": "hide-state-layer",
13571
- "reflects": true,
13572
- "inheritedFrom": {
13573
- "name": "UmRadio",
13574
- "module": "src/radio/radio.ts"
13558
+ "default": "false"
13559
+ },
13560
+ {
13561
+ "kind": "field",
13562
+ "name": "menu",
13563
+ "type": {
13564
+ "text": "UmMenu | undefined"
13575
13565
  }
13576
13566
  },
13577
13567
  {
13578
13568
  "kind": "field",
13579
- "name": "inputType",
13569
+ "name": "#updateMenusTimeout",
13570
+ "privacy": "private",
13580
13571
  "type": {
13581
- "text": "'checkbox' | 'radio'"
13572
+ "text": "number"
13582
13573
  },
13583
- "privacy": "protected",
13584
- "default": "'radio'",
13585
- "inheritedFrom": {
13586
- "name": "UmSelectionControl",
13587
- "module": "src/shared/selection-control/selection-control.ts"
13588
- }
13574
+ "default": "0"
13589
13575
  },
13590
13576
  {
13591
13577
  "kind": "method",
13592
- "name": "renderIndicator",
13593
- "privacy": "protected",
13578
+ "name": "#updateMenus",
13579
+ "privacy": "private",
13594
13580
  "return": {
13595
13581
  "type": {
13596
- "text": "HTMLTemplateResult"
13582
+ "text": "void"
13597
13583
  }
13598
- },
13599
- "inheritedFrom": {
13600
- "name": "UmSelectionControl",
13601
- "module": "src/shared/selection-control/selection-control.ts"
13602
13584
  }
13603
13585
  },
13586
+ {
13587
+ "kind": "method",
13588
+ "name": "#handleSlotChange",
13589
+ "privacy": "private",
13590
+ "parameters": [
13591
+ {
13592
+ "name": "e",
13593
+ "type": {
13594
+ "text": "Event"
13595
+ }
13596
+ }
13597
+ ]
13598
+ }
13599
+ ],
13600
+ "superclass": {
13601
+ "name": "LitElement",
13602
+ "package": "lit"
13603
+ },
13604
+ "tagName": "u-overflow-menu",
13605
+ "customElement": true
13606
+ }
13607
+ ],
13608
+ "exports": [
13609
+ {
13610
+ "kind": "js",
13611
+ "name": "OverflowMenu",
13612
+ "declaration": {
13613
+ "name": "OverflowMenu",
13614
+ "module": "src/overflow-menu/overflow-menu.ts"
13615
+ }
13616
+ },
13617
+ {
13618
+ "kind": "custom-element-definition",
13619
+ "name": "u-overflow-menu",
13620
+ "declaration": {
13621
+ "name": "OverflowMenu",
13622
+ "module": "src/overflow-menu/overflow-menu.ts"
13623
+ }
13624
+ }
13625
+ ]
13626
+ },
13627
+ {
13628
+ "kind": "javascript-module",
13629
+ "path": "src/progress/circular-progress.styles.ts",
13630
+ "declarations": [
13631
+ {
13632
+ "kind": "variable",
13633
+ "name": "styles",
13634
+ "default": "css ` :host { position: relative; display: inline-block; width: var(--_size); height: var(--_size); margin-inline: auto; --_size: var(--u-circular-progress-size, 3rem); } .circular { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: center; } .circular.indeterminate { position: relative; animation: rotate 2s linear infinite; } .circular:not(.indeterminate) .path { transition: stroke-dashoffset 200ms linear; } .path { stroke-linecap: round; stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { position: absolute; inset: 0; } .track .path { stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .indeterminate .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } .on-going { transform: rotate(-80deg); } .on-going.track { transform: rotate(-100deg); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } `"
13635
+ }
13636
+ ],
13637
+ "exports": [
13638
+ {
13639
+ "kind": "js",
13640
+ "name": "styles",
13641
+ "declaration": {
13642
+ "name": "styles",
13643
+ "module": "src/progress/circular-progress.styles.ts"
13644
+ }
13645
+ }
13646
+ ]
13647
+ },
13648
+ {
13649
+ "kind": "javascript-module",
13650
+ "path": "src/progress/circular-progress.ts",
13651
+ "declarations": [
13652
+ {
13653
+ "kind": "class",
13654
+ "description": "",
13655
+ "name": "UmCircularProgress",
13656
+ "members": [
13604
13657
  {
13605
13658
  "kind": "field",
13606
- "name": "checked",
13607
- "attribute": "checked",
13608
- "inheritedFrom": {
13609
- "name": "UmSelectionControl",
13610
- "module": "src/shared/selection-control/selection-control.ts"
13611
- }
13659
+ "name": "value",
13660
+ "type": {
13661
+ "text": "number | undefined"
13662
+ },
13663
+ "attribute": "value"
13612
13664
  },
13613
13665
  {
13614
13666
  "kind": "field",
13615
- "name": "#siblings",
13616
- "privacy": "private",
13667
+ "name": "max",
13617
13668
  "type": {
13618
- "text": "UmRadio[]"
13669
+ "text": "number"
13619
13670
  },
13620
- "readonly": true,
13621
- "inheritedFrom": {
13622
- "name": "UmRadio",
13623
- "module": "src/radio/radio.ts"
13624
- }
13671
+ "default": "1",
13672
+ "attribute": "max"
13625
13673
  },
13626
13674
  {
13627
13675
  "kind": "method",
13628
- "name": "#handleKeyDown",
13676
+ "name": "#renderCircle",
13629
13677
  "privacy": "private",
13678
+ "return": {
13679
+ "type": {
13680
+ "text": "TemplateResult"
13681
+ }
13682
+ },
13630
13683
  "parameters": [
13631
13684
  {
13632
- "name": "event",
13685
+ "name": "className",
13633
13686
  "type": {
13634
- "text": "KeyboardEvent"
13687
+ "text": "string"
13635
13688
  }
13636
13689
  }
13637
- ],
13638
- "inheritedFrom": {
13639
- "name": "UmRadio",
13640
- "module": "src/radio/radio.ts"
13690
+ ]
13691
+ },
13692
+ {
13693
+ "kind": "method",
13694
+ "name": "#renderIndeterminate",
13695
+ "privacy": "private",
13696
+ "return": {
13697
+ "type": {
13698
+ "text": "TemplateResult"
13699
+ }
13641
13700
  }
13642
13701
  },
13643
13702
  {
13644
13703
  "kind": "method",
13645
- "name": "ensureOnlyOneChecked",
13704
+ "name": "#renderDeterminate",
13646
13705
  "privacy": "private",
13647
- "inheritedFrom": {
13648
- "name": "UmRadio",
13649
- "module": "src/radio/radio.ts"
13706
+ "return": {
13707
+ "type": {
13708
+ "text": "TemplateResult"
13709
+ }
13650
13710
  }
13711
+ }
13712
+ ],
13713
+ "attributes": [
13714
+ {
13715
+ "name": "value",
13716
+ "type": {
13717
+ "text": "number | undefined"
13718
+ },
13719
+ "fieldName": "value"
13720
+ },
13721
+ {
13722
+ "name": "max",
13723
+ "type": {
13724
+ "text": "number"
13725
+ },
13726
+ "default": "1",
13727
+ "fieldName": "max"
13728
+ }
13729
+ ],
13730
+ "superclass": {
13731
+ "name": "LitElement",
13732
+ "package": "lit"
13733
+ },
13734
+ "tagName": "u-circular-progress",
13735
+ "customElement": true
13736
+ }
13737
+ ],
13738
+ "exports": [
13739
+ {
13740
+ "kind": "js",
13741
+ "name": "UmCircularProgress",
13742
+ "declaration": {
13743
+ "name": "UmCircularProgress",
13744
+ "module": "src/progress/circular-progress.ts"
13745
+ }
13746
+ },
13747
+ {
13748
+ "kind": "custom-element-definition",
13749
+ "name": "u-circular-progress",
13750
+ "declaration": {
13751
+ "name": "UmCircularProgress",
13752
+ "module": "src/progress/circular-progress.ts"
13753
+ }
13754
+ }
13755
+ ]
13756
+ },
13757
+ {
13758
+ "kind": "javascript-module",
13759
+ "path": "src/progress/progress-bar.styles.ts",
13760
+ "declarations": [
13761
+ {
13762
+ "kind": "variable",
13763
+ "name": "styles",
13764
+ "default": "css ` :host { --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px)); --_height: var(--u-progress-bar-height, 4px); } :host, .determinate, .indeterminate { overflow: hidden; border-radius: var(--_border-radius); } .determinate, .indeterminate { display: flex; gap: 4px; } .indeterminate { flex: 1; margin-inline: -8px; border-radius: var(--_border-radius); } .determinate { margin-inline-end: -4px; } .determinate .bar { transition: flex-basis 200ms linear; } .last { flex-shrink: 1; flex-basis: 100%; animation: last 2.1s infinite linear; } .slow { animation: slow 2.1s infinite linear; } .middle { animation: middle 2.1s infinite linear; } .fast { animation: fast 2.1s infinite linear; } .first { animation: first 2.1s infinite linear; } .bar { height: var(--_height); border-radius: var(--_border-radius); background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); flex-shrink: 1; } @keyframes slow { 0% { flex-basis: 0; } 10% { flex-basis: 50%; } 20% { flex-basis: 100%; } 30% { flex-basis: 0; } } @keyframes last { 0% { flex-basis: 100%; } 10% { flex-basis: 50%; } 20% { flex-basis: 0; } 100% { flex-basis: 0; } } @keyframes middle { 10% { flex-basis: 0; } 20% { flex-basis: 100%; } 35% { flex-basis: 100%; } 45% { flex-basis: 0; } } @keyframes fast { 0% { flex-basis: 0; } 25% { flex-basis: 0; } 35% { flex-basis: 100%; } 45% { flex-basis: 100%; } 55% { flex-basis: 0; } } @keyframes first { 35% { flex-basis: 0; } 45% { flex-basis: 100%; } 100% { flex-basis: 100%; } } @keyframes fast-bar-pre { 0% { flex-basis: 0; } 60% { flex-basis: 0; } 90% { flex-basis: 100%; } 100% { flex-basis: 100%; } } `"
13765
+ }
13766
+ ],
13767
+ "exports": [
13768
+ {
13769
+ "kind": "js",
13770
+ "name": "styles",
13771
+ "declaration": {
13772
+ "name": "styles",
13773
+ "module": "src/progress/progress-bar.styles.ts"
13774
+ }
13775
+ }
13776
+ ]
13777
+ },
13778
+ {
13779
+ "kind": "javascript-module",
13780
+ "path": "src/progress/progress-bar.ts",
13781
+ "declarations": [
13782
+ {
13783
+ "kind": "class",
13784
+ "description": "",
13785
+ "name": "UmProgressBar",
13786
+ "members": [
13787
+ {
13788
+ "kind": "field",
13789
+ "name": "value",
13790
+ "type": {
13791
+ "text": "number | undefined"
13792
+ },
13793
+ "attribute": "value"
13794
+ },
13795
+ {
13796
+ "kind": "field",
13797
+ "name": "max",
13798
+ "type": {
13799
+ "text": "number"
13800
+ },
13801
+ "default": "1",
13802
+ "attribute": "max"
13651
13803
  },
13652
13804
  {
13653
13805
  "kind": "method",
13654
- "name": "uncheckSiblings",
13806
+ "name": "#renderIndeterminate",
13655
13807
  "privacy": "private",
13656
- "inheritedFrom": {
13657
- "name": "UmRadio",
13658
- "module": "src/radio/radio.ts"
13808
+ "return": {
13809
+ "type": {
13810
+ "text": "TemplateResult"
13811
+ }
13659
13812
  }
13660
13813
  },
13661
13814
  {
13662
- "kind": "field",
13663
- "name": "formAssociated",
13815
+ "kind": "method",
13816
+ "name": "#renderDeterminate",
13817
+ "privacy": "private",
13818
+ "return": {
13819
+ "type": {
13820
+ "text": "TemplateResult"
13821
+ }
13822
+ }
13823
+ }
13824
+ ],
13825
+ "attributes": [
13826
+ {
13827
+ "name": "value",
13828
+ "type": {
13829
+ "text": "number | undefined"
13830
+ },
13831
+ "fieldName": "value"
13832
+ },
13833
+ {
13834
+ "name": "max",
13835
+ "type": {
13836
+ "text": "number"
13837
+ },
13838
+ "default": "1",
13839
+ "fieldName": "max"
13840
+ }
13841
+ ],
13842
+ "superclass": {
13843
+ "name": "LitElement",
13844
+ "package": "lit"
13845
+ },
13846
+ "tagName": "u-progress-bar",
13847
+ "customElement": true
13848
+ }
13849
+ ],
13850
+ "exports": [
13851
+ {
13852
+ "kind": "js",
13853
+ "name": "UmProgressBar",
13854
+ "declaration": {
13855
+ "name": "UmProgressBar",
13856
+ "module": "src/progress/progress-bar.ts"
13857
+ }
13858
+ },
13859
+ {
13860
+ "kind": "custom-element-definition",
13861
+ "name": "u-progress-bar",
13862
+ "declaration": {
13863
+ "name": "UmProgressBar",
13864
+ "module": "src/progress/progress-bar.ts"
13865
+ }
13866
+ }
13867
+ ]
13868
+ },
13869
+ {
13870
+ "kind": "javascript-module",
13871
+ "path": "src/radio/radio-list-item.ts",
13872
+ "declarations": [
13873
+ {
13874
+ "kind": "class",
13875
+ "description": "",
13876
+ "name": "UmRadioListItem",
13877
+ "mixins": [
13878
+ {
13879
+ "name": "mixinSelectionControlListItem",
13880
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
13881
+ }
13882
+ ],
13883
+ "superclass": {
13884
+ "name": "UmRadio",
13885
+ "module": "/src/radio/radio.js"
13886
+ },
13887
+ "tagName": "u-radio-list-item",
13888
+ "customElement": true,
13889
+ "attributes": [
13890
+ {
13891
+ "name": "leading",
13664
13892
  "type": {
13665
13893
  "text": "boolean"
13666
13894
  },
13667
- "static": true,
13668
- "readonly": true,
13669
- "default": "true",
13670
- "inheritedFrom": {
13671
- "name": "UmSelectionControl",
13672
- "module": "src/shared/selection-control/selection-control.ts"
13673
- }
13674
- },
13675
- {
13676
- "kind": "field",
13677
- "name": "shadowRootOptions",
13678
- "type": {
13679
- "text": "ShadowRootInit"
13680
- },
13681
- "static": true,
13682
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
13895
+ "default": "false",
13896
+ "fieldName": "leading",
13683
13897
  "inheritedFrom": {
13684
- "name": "UmSelectionControl",
13685
- "module": "src/shared/selection-control/selection-control.ts"
13898
+ "name": "mixinSelectionControlListItem",
13899
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
13686
13900
  }
13687
13901
  },
13688
13902
  {
13689
- "kind": "field",
13690
- "name": "elementInternals",
13903
+ "name": "hide-state-layer",
13691
13904
  "type": {
13692
- "text": "ElementInternals"
13905
+ "text": "boolean"
13693
13906
  },
13694
- "privacy": "protected",
13695
- "readonly": true,
13907
+ "default": "false",
13908
+ "fieldName": "hideStateLayer",
13696
13909
  "inheritedFrom": {
13697
- "name": "UmSelectionControl",
13698
- "module": "src/shared/selection-control/selection-control.ts"
13910
+ "name": "UmRadio",
13911
+ "module": "src/radio/radio.ts"
13699
13912
  }
13700
13913
  },
13701
13914
  {
13702
- "kind": "field",
13703
13915
  "name": "name",
13704
13916
  "type": {
13705
13917
  "text": "string | undefined"
13706
13918
  },
13707
13919
  "default": "''",
13708
- "attribute": "name",
13709
- "reflects": true,
13920
+ "fieldName": "name",
13710
13921
  "inheritedFrom": {
13711
13922
  "name": "UmSelectionControl",
13712
13923
  "module": "src/shared/selection-control/selection-control.ts"
13713
13924
  }
13714
13925
  },
13715
13926
  {
13716
- "kind": "field",
13717
13927
  "name": "disabled",
13718
13928
  "type": {
13719
13929
  "text": "boolean"
13720
13930
  },
13721
13931
  "default": "false",
13722
- "attribute": "disabled",
13723
- "reflects": true,
13724
- "inheritedFrom": {
13725
- "name": "UmSelectionControl",
13726
- "module": "src/shared/selection-control/selection-control.ts"
13727
- }
13728
- },
13729
- {
13730
- "kind": "field",
13731
- "name": "input",
13732
- "type": {
13733
- "text": "HTMLInputElement"
13734
- },
13735
- "inheritedFrom": {
13736
- "name": "UmSelectionControl",
13737
- "module": "src/shared/selection-control/selection-control.ts"
13738
- }
13739
- },
13740
- {
13741
- "kind": "field",
13742
- "name": "form",
13743
- "type": {
13744
- "text": "HTMLFormElement | null"
13745
- },
13746
- "readonly": true,
13747
- "inheritedFrom": {
13748
- "name": "UmSelectionControl",
13749
- "module": "src/shared/selection-control/selection-control.ts"
13750
- }
13751
- },
13752
- {
13753
- "kind": "method",
13754
- "name": "focus",
13755
- "parameters": [
13756
- {
13757
- "name": "options",
13758
- "optional": true,
13759
- "type": {
13760
- "text": "FocusOptions"
13761
- }
13762
- }
13763
- ],
13764
- "inheritedFrom": {
13765
- "name": "UmSelectionControl",
13766
- "module": "src/shared/selection-control/selection-control.ts"
13767
- }
13768
- },
13769
- {
13770
- "kind": "field",
13771
- "name": "#checked",
13772
- "privacy": "private",
13773
- "type": {
13774
- "text": "boolean"
13775
- },
13776
- "default": "false",
13777
- "inheritedFrom": {
13778
- "name": "UmSelectionControl",
13779
- "module": "src/shared/selection-control/selection-control.ts"
13780
- }
13781
- },
13782
- {
13783
- "kind": "field",
13784
- "name": "renderRipple",
13785
- "type": {
13786
- "text": "boolean"
13787
- },
13788
- "privacy": "protected",
13789
- "default": "true",
13932
+ "fieldName": "disabled",
13790
13933
  "inheritedFrom": {
13791
13934
  "name": "UmSelectionControl",
13792
13935
  "module": "src/shared/selection-control/selection-control.ts"
13793
13936
  }
13794
13937
  },
13795
13938
  {
13796
- "kind": "field",
13797
13939
  "name": "value",
13798
13940
  "type": {
13799
13941
  "text": "string"
13800
13942
  },
13801
13943
  "default": "'on'",
13802
13944
  "description": "The element value to use in form submission when checked.",
13803
- "attribute": "value",
13945
+ "fieldName": "value",
13804
13946
  "inheritedFrom": {
13805
13947
  "name": "UmSelectionControl",
13806
13948
  "module": "src/shared/selection-control/selection-control.ts"
13807
13949
  }
13808
13950
  },
13809
13951
  {
13810
- "kind": "field",
13811
- "name": "_checkedAttribute",
13952
+ "name": "checked",
13953
+ "fieldName": "_checkedAttribute",
13812
13954
  "type": {
13813
13955
  "text": "boolean"
13814
13956
  },
13815
- "privacy": "private",
13816
13957
  "readonly": true,
13817
13958
  "default": "false",
13818
- "attribute": "checked",
13819
- "inheritedFrom": {
13820
- "name": "UmSelectionControl",
13821
- "module": "src/shared/selection-control/selection-control.ts"
13822
- }
13823
- },
13824
- {
13825
- "kind": "method",
13826
- "name": "#handleInput",
13827
- "privacy": "private",
13828
- "parameters": [
13829
- {
13830
- "name": "event",
13831
- "type": {
13832
- "text": "Event"
13833
- }
13834
- }
13835
- ],
13836
- "inheritedFrom": {
13837
- "name": "UmSelectionControl",
13838
- "module": "src/shared/selection-control/selection-control.ts"
13839
- }
13840
- },
13841
- {
13842
- "kind": "method",
13843
- "name": "#handleChange",
13844
- "privacy": "private",
13845
- "parameters": [
13846
- {
13847
- "name": "event",
13848
- "type": {
13849
- "text": "Event"
13850
- }
13851
- }
13852
- ],
13853
- "inheritedFrom": {
13854
- "name": "UmSelectionControl",
13855
- "module": "src/shared/selection-control/selection-control.ts"
13856
- }
13857
- },
13858
- {
13859
- "kind": "method",
13860
- "name": "#handleRippleClick",
13861
- "privacy": "private",
13862
- "parameters": [
13863
- {
13864
- "name": "e",
13865
- "type": {
13866
- "text": "Event"
13867
- }
13868
- }
13869
- ],
13870
- "inheritedFrom": {
13871
- "name": "UmSelectionControl",
13872
- "module": "src/shared/selection-control/selection-control.ts"
13873
- }
13874
- },
13875
- {
13876
- "kind": "method",
13877
- "name": "_handleClick",
13878
- "privacy": "protected",
13879
- "parameters": [
13880
- {
13881
- "name": "e",
13882
- "type": {
13883
- "text": "Event"
13884
- }
13885
- }
13886
- ],
13887
13959
  "inheritedFrom": {
13888
13960
  "name": "UmSelectionControl",
13889
13961
  "module": "src/shared/selection-control/selection-control.ts"
13890
13962
  }
13891
13963
  }
13892
- ]
13893
- }
13894
- ],
13895
- "exports": [
13896
- {
13897
- "kind": "js",
13898
- "name": "UmRadioListItem",
13899
- "declaration": {
13900
- "name": "UmRadioListItem",
13901
- "module": "src/radio/radio-list-item.ts"
13902
- }
13903
- },
13904
- {
13905
- "kind": "custom-element-definition",
13906
- "name": "u-radio-list-item",
13907
- "declaration": {
13908
- "name": "UmRadioListItem",
13909
- "module": "src/radio/radio-list-item.ts"
13910
- }
13911
- }
13912
- ]
13913
- },
13914
- {
13915
- "kind": "javascript-module",
13916
- "path": "src/radio/radio.styles.ts",
13917
- "declarations": [
13918
- {
13919
- "kind": "variable",
13920
- "name": "styles",
13921
- "default": "css ` :host { --_state-layer-padding: var(--u-radio-state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u-radio-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u-radio-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u-radio-disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u-radio-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } :host { --_indicator-size: var(--u-radio-indicator-size, 1.25rem); --_width: var(--u-radio-size, 3rem); --_height: var(--_width); } .indicator { position: relative; display: flex; align-items: center; justify-content: center; width: var(--_indicator-size); height: var(--_indicator-size); border: var(--u-radio-indicator-border-width, 0.125rem) solid var(--_indicator-color); border-radius: 50%; } .indicator::before { content: \"\"; width: calc(var(--_indicator-size) / 2); height: calc(var(--_indicator-size) / 2); background: var(--_indicator-color); border-radius: 50%; transition: transform 250ms; transform: scale3d(0, 0, 1); } input:checked ~ .indicator-container .indicator::before { transform: scale3d(1, 1, 1); } `"
13922
- }
13923
- ],
13924
- "exports": [
13925
- {
13926
- "kind": "js",
13927
- "name": "styles",
13928
- "declaration": {
13929
- "name": "styles",
13930
- "module": "src/radio/radio.styles.ts"
13931
- }
13932
- }
13933
- ]
13934
- },
13935
- {
13936
- "kind": "javascript-module",
13937
- "path": "src/radio/radio.ts",
13938
- "declarations": [
13939
- {
13940
- "kind": "class",
13941
- "description": "",
13942
- "name": "UmRadio",
13964
+ ],
13943
13965
  "members": [
13966
+ {
13967
+ "kind": "field",
13968
+ "name": "styles",
13969
+ "type": {
13970
+ "text": "array"
13971
+ },
13972
+ "static": true,
13973
+ "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]",
13974
+ "inheritedFrom": {
13975
+ "name": "mixinSelectionControlListItem",
13976
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
13977
+ }
13978
+ },
13979
+ {
13980
+ "kind": "field",
13981
+ "name": "leading",
13982
+ "type": {
13983
+ "text": "boolean"
13984
+ },
13985
+ "default": "false",
13986
+ "attribute": "leading",
13987
+ "inheritedFrom": {
13988
+ "name": "mixinSelectionControlListItem",
13989
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
13990
+ }
13991
+ },
13992
+ {
13993
+ "kind": "field",
13994
+ "name": "inputDescribedById",
13995
+ "type": {
13996
+ "text": "string | undefined"
13997
+ },
13998
+ "privacy": "protected",
13999
+ "default": "'description'",
14000
+ "inheritedFrom": {
14001
+ "name": "UmSelectionControl",
14002
+ "module": "src/shared/selection-control/selection-control.ts"
14003
+ }
14004
+ },
14005
+ {
14006
+ "kind": "field",
14007
+ "name": "inputLabelledById",
14008
+ "type": {
14009
+ "text": "string | undefined"
14010
+ },
14011
+ "privacy": "protected",
14012
+ "default": "'label'",
14013
+ "inheritedFrom": {
14014
+ "name": "UmSelectionControl",
14015
+ "module": "src/shared/selection-control/selection-control.ts"
14016
+ }
14017
+ },
13944
14018
  {
13945
14019
  "kind": "field",
13946
14020
  "name": "hideStateLayer",
@@ -13949,7 +14023,11 @@
13949
14023
  },
13950
14024
  "default": "false",
13951
14025
  "attribute": "hide-state-layer",
13952
- "reflects": true
14026
+ "reflects": true,
14027
+ "inheritedFrom": {
14028
+ "name": "UmRadio",
14029
+ "module": "src/radio/radio.ts"
14030
+ }
13953
14031
  },
13954
14032
  {
13955
14033
  "kind": "field",
@@ -13994,7 +14072,11 @@
13994
14072
  "type": {
13995
14073
  "text": "UmRadio[]"
13996
14074
  },
13997
- "readonly": true
14075
+ "readonly": true,
14076
+ "inheritedFrom": {
14077
+ "name": "UmRadio",
14078
+ "module": "src/radio/radio.ts"
14079
+ }
13998
14080
  },
13999
14081
  {
14000
14082
  "kind": "method",
@@ -14007,17 +14089,29 @@
14007
14089
  "text": "KeyboardEvent"
14008
14090
  }
14009
14091
  }
14010
- ]
14092
+ ],
14093
+ "inheritedFrom": {
14094
+ "name": "UmRadio",
14095
+ "module": "src/radio/radio.ts"
14096
+ }
14011
14097
  },
14012
14098
  {
14013
14099
  "kind": "method",
14014
14100
  "name": "ensureOnlyOneChecked",
14015
- "privacy": "private"
14101
+ "privacy": "private",
14102
+ "inheritedFrom": {
14103
+ "name": "UmRadio",
14104
+ "module": "src/radio/radio.ts"
14105
+ }
14016
14106
  },
14017
14107
  {
14018
14108
  "kind": "method",
14019
14109
  "name": "uncheckSiblings",
14020
- "privacy": "private"
14110
+ "privacy": "private",
14111
+ "inheritedFrom": {
14112
+ "name": "UmRadio",
14113
+ "module": "src/radio/radio.ts"
14114
+ }
14021
14115
  },
14022
14116
  {
14023
14117
  "kind": "field",
@@ -14153,32 +14247,6 @@
14153
14247
  "module": "src/shared/selection-control/selection-control.ts"
14154
14248
  }
14155
14249
  },
14156
- {
14157
- "kind": "field",
14158
- "name": "inputDescribedById",
14159
- "type": {
14160
- "text": "string | undefined"
14161
- },
14162
- "privacy": "protected",
14163
- "default": "undefined",
14164
- "inheritedFrom": {
14165
- "name": "UmSelectionControl",
14166
- "module": "src/shared/selection-control/selection-control.ts"
14167
- }
14168
- },
14169
- {
14170
- "kind": "field",
14171
- "name": "inputLabelledById",
14172
- "type": {
14173
- "text": "string | undefined"
14174
- },
14175
- "privacy": "protected",
14176
- "default": "undefined",
14177
- "inheritedFrom": {
14178
- "name": "UmSelectionControl",
14179
- "module": "src/shared/selection-control/selection-control.ts"
14180
- }
14181
- },
14182
14250
  {
14183
14251
  "kind": "field",
14184
14252
  "name": "value",
@@ -14223,235 +14291,89 @@
14223
14291
  "inheritedFrom": {
14224
14292
  "name": "UmSelectionControl",
14225
14293
  "module": "src/shared/selection-control/selection-control.ts"
14226
- }
14227
- },
14228
- {
14229
- "kind": "method",
14230
- "name": "#handleChange",
14231
- "privacy": "private",
14232
- "parameters": [
14233
- {
14234
- "name": "event",
14235
- "type": {
14236
- "text": "Event"
14237
- }
14238
- }
14239
- ],
14240
- "inheritedFrom": {
14241
- "name": "UmSelectionControl",
14242
- "module": "src/shared/selection-control/selection-control.ts"
14243
- }
14244
- },
14245
- {
14246
- "kind": "method",
14247
- "name": "#handleRippleClick",
14248
- "privacy": "private",
14249
- "parameters": [
14250
- {
14251
- "name": "e",
14252
- "type": {
14253
- "text": "Event"
14254
- }
14255
- }
14256
- ],
14257
- "inheritedFrom": {
14258
- "name": "UmSelectionControl",
14259
- "module": "src/shared/selection-control/selection-control.ts"
14260
- }
14261
- },
14262
- {
14263
- "kind": "method",
14264
- "name": "_handleClick",
14265
- "privacy": "protected",
14266
- "parameters": [
14267
- {
14268
- "name": "e",
14269
- "type": {
14270
- "text": "Event"
14271
- }
14272
- }
14273
- ],
14274
- "inheritedFrom": {
14275
- "name": "UmSelectionControl",
14276
- "module": "src/shared/selection-control/selection-control.ts"
14277
- }
14278
- }
14279
- ],
14280
- "attributes": [
14281
- {
14282
- "name": "hide-state-layer",
14283
- "type": {
14284
- "text": "boolean"
14285
- },
14286
- "default": "false",
14287
- "fieldName": "hideStateLayer"
14288
- },
14289
- {
14290
- "name": "name",
14291
- "type": {
14292
- "text": "string | undefined"
14293
- },
14294
- "default": "''",
14295
- "fieldName": "name",
14296
- "inheritedFrom": {
14297
- "name": "UmSelectionControl",
14298
- "module": "src/shared/selection-control/selection-control.ts"
14299
- }
14300
- },
14301
- {
14302
- "name": "disabled",
14303
- "type": {
14304
- "text": "boolean"
14305
- },
14306
- "default": "false",
14307
- "fieldName": "disabled",
14308
- "inheritedFrom": {
14309
- "name": "UmSelectionControl",
14310
- "module": "src/shared/selection-control/selection-control.ts"
14311
- }
14312
- },
14313
- {
14314
- "name": "value",
14315
- "type": {
14316
- "text": "string"
14317
- },
14318
- "default": "'on'",
14319
- "description": "The element value to use in form submission when checked.",
14320
- "fieldName": "value",
14321
- "inheritedFrom": {
14322
- "name": "UmSelectionControl",
14323
- "module": "src/shared/selection-control/selection-control.ts"
14324
- }
14325
- },
14326
- {
14327
- "name": "checked",
14328
- "fieldName": "_checkedAttribute",
14329
- "type": {
14330
- "text": "boolean"
14331
- },
14332
- "readonly": true,
14333
- "default": "false",
14334
- "inheritedFrom": {
14335
- "name": "UmSelectionControl",
14336
- "module": "src/shared/selection-control/selection-control.ts"
14337
- }
14338
- }
14339
- ],
14340
- "superclass": {
14341
- "name": "UmSelectionControl",
14342
- "module": "/src/shared/selection-control/selection-control.js"
14343
- },
14344
- "tagName": "u-radio",
14345
- "customElement": true
14346
- }
14347
- ],
14348
- "exports": [
14349
- {
14350
- "kind": "js",
14351
- "name": "UmRadio",
14352
- "declaration": {
14353
- "name": "UmRadio",
14354
- "module": "src/radio/radio.ts"
14355
- }
14356
- },
14357
- {
14358
- "kind": "custom-element-definition",
14359
- "name": "u-radio",
14360
- "declaration": {
14361
- "name": "UmRadio",
14362
- "module": "src/radio/radio.ts"
14363
- }
14364
- }
14365
- ]
14366
- },
14367
- {
14368
- "kind": "javascript-module",
14369
- "path": "src/overflow-menu/overflow-menu-item.ts",
14370
- "declarations": [
14371
- {
14372
- "kind": "class",
14373
- "description": "",
14374
- "name": "OverflowMenuItem",
14375
- "members": [
14376
- {
14377
- "kind": "field",
14378
- "name": "label",
14379
- "type": {
14380
- "text": "string"
14381
- },
14382
- "default": "''",
14383
- "attribute": "label"
14294
+ }
14384
14295
  },
14385
14296
  {
14386
- "kind": "field",
14387
- "name": "priority",
14388
- "type": {
14389
- "text": "boolean"
14390
- },
14391
- "default": "false",
14392
- "attribute": "priority"
14297
+ "kind": "method",
14298
+ "name": "#handleChange",
14299
+ "privacy": "private",
14300
+ "parameters": [
14301
+ {
14302
+ "name": "event",
14303
+ "type": {
14304
+ "text": "Event"
14305
+ }
14306
+ }
14307
+ ],
14308
+ "inheritedFrom": {
14309
+ "name": "UmSelectionControl",
14310
+ "module": "src/shared/selection-control/selection-control.ts"
14311
+ }
14393
14312
  },
14394
14313
  {
14395
- "kind": "field",
14396
- "name": "icons",
14397
- "type": {
14398
- "text": "HTMLElement[]"
14314
+ "kind": "method",
14315
+ "name": "#handleRippleClick",
14316
+ "privacy": "private",
14317
+ "parameters": [
14318
+ {
14319
+ "name": "e",
14320
+ "type": {
14321
+ "text": "Event"
14322
+ }
14323
+ }
14324
+ ],
14325
+ "inheritedFrom": {
14326
+ "name": "UmSelectionControl",
14327
+ "module": "src/shared/selection-control/selection-control.ts"
14399
14328
  }
14400
- }
14401
- ],
14402
- "attributes": [
14403
- {
14404
- "name": "label",
14405
- "type": {
14406
- "text": "string"
14407
- },
14408
- "default": "''",
14409
- "fieldName": "label"
14410
14329
  },
14411
14330
  {
14412
- "name": "priority",
14413
- "type": {
14414
- "text": "boolean"
14415
- },
14416
- "default": "false",
14417
- "fieldName": "priority"
14331
+ "kind": "method",
14332
+ "name": "_handleClick",
14333
+ "privacy": "protected",
14334
+ "parameters": [
14335
+ {
14336
+ "name": "e",
14337
+ "type": {
14338
+ "text": "Event"
14339
+ }
14340
+ }
14341
+ ],
14342
+ "inheritedFrom": {
14343
+ "name": "UmSelectionControl",
14344
+ "module": "src/shared/selection-control/selection-control.ts"
14345
+ }
14418
14346
  }
14419
- ],
14420
- "superclass": {
14421
- "name": "LitElement",
14422
- "package": "lit"
14423
- },
14424
- "tagName": "u-overflow-menu-item",
14425
- "customElement": true
14347
+ ]
14426
14348
  }
14427
14349
  ],
14428
14350
  "exports": [
14429
14351
  {
14430
14352
  "kind": "js",
14431
- "name": "OverflowMenuItem",
14353
+ "name": "UmRadioListItem",
14432
14354
  "declaration": {
14433
- "name": "OverflowMenuItem",
14434
- "module": "src/overflow-menu/overflow-menu-item.ts"
14355
+ "name": "UmRadioListItem",
14356
+ "module": "src/radio/radio-list-item.ts"
14435
14357
  }
14436
14358
  },
14437
14359
  {
14438
14360
  "kind": "custom-element-definition",
14439
- "name": "u-overflow-menu-item",
14361
+ "name": "u-radio-list-item",
14440
14362
  "declaration": {
14441
- "name": "OverflowMenuItem",
14442
- "module": "src/overflow-menu/overflow-menu-item.ts"
14363
+ "name": "UmRadioListItem",
14364
+ "module": "src/radio/radio-list-item.ts"
14443
14365
  }
14444
14366
  }
14445
14367
  ]
14446
14368
  },
14447
14369
  {
14448
14370
  "kind": "javascript-module",
14449
- "path": "src/overflow-menu/overflow-menu.styles.ts",
14371
+ "path": "src/radio/radio.styles.ts",
14450
14372
  "declarations": [
14451
14373
  {
14452
14374
  "kind": "variable",
14453
14375
  "name": "styles",
14454
- "default": "css ` .grid { --_cell-size: var(--u-icon-button-small-height, 40px); display: grid; column-gap: 8px; grid-template-columns: repeat(auto-fit, var(--_cell-size)); justify-content: end; height: var(--_cell-size); overflow: hidden; } .items-set { flex-wrap: wrap; max-height: var(--u-icon-button-small-height, 40px); overflow: hidden; } .inner-menu { position: relative; grid-row: 1; grid-column: -2; } `"
14376
+ "default": "css ` :host { --_state-layer-padding: var(--u-radio-state-layer-padding, 4px); --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2); --_indicator-color: var(--u-radio-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))); display: inline-block; vertical-align: middle; } .container { cursor: pointer; position: relative; width: var(--_width); height: var(--_height); padding: var(--_state-layer-padding); border-radius: var(--u-shape-corner-full, 9999px); } :host([hide-state-layer]) .container { width: var(--_indicator-size); height: var(--_indicator-size); padding: 0; } :host([hide-state-layer]) u-ripple { display: none; } input { cursor: pointer; width: 100%; height: 100%; padding: 0; margin: 0; border-radius: inherit; appearance: none; } u-ripple { padding: var(--_state-layer-padding); } .indicator-container { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; pointer-events: none; } input:checked ~ .indicator-container { --_indicator-color: var(--u-radio-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164))); } :host([disabled]) { opacity: var(--u-radio-disabled-state-opacity, 0.38); } :host([disabled]) input, :host([disabled]) .container { cursor: default; } :host([disabled]) .indicator-container { --_indicator-color: var(--u-radio-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32))); } :host { --_indicator-size: var(--u-radio-indicator-size, 1.25rem); --_width: var(--u-radio-size, 3rem); --_height: var(--_width); } .indicator { position: relative; display: flex; align-items: center; justify-content: center; width: var(--_indicator-size); height: var(--_indicator-size); border: var(--u-radio-indicator-border-width, 0.125rem) solid var(--_indicator-color); border-radius: 50%; } .indicator::before { content: \"\"; width: calc(var(--_indicator-size) / 2); height: calc(var(--_indicator-size) / 2); background: var(--_indicator-color); border-radius: 50%; transition: transform 250ms; transform: scale3d(0, 0, 1); } input:checked ~ .indicator-container .indicator::before { transform: scale3d(1, 1, 1); } `"
14455
14377
  }
14456
14378
  ],
14457
14379
  "exports": [
@@ -14460,371 +14382,451 @@
14460
14382
  "name": "styles",
14461
14383
  "declaration": {
14462
14384
  "name": "styles",
14463
- "module": "src/overflow-menu/overflow-menu.styles.ts"
14385
+ "module": "src/radio/radio.styles.ts"
14464
14386
  }
14465
14387
  }
14466
14388
  ]
14467
14389
  },
14468
14390
  {
14469
14391
  "kind": "javascript-module",
14470
- "path": "src/overflow-menu/overflow-menu.ts",
14392
+ "path": "src/radio/radio.ts",
14471
14393
  "declarations": [
14472
14394
  {
14473
14395
  "kind": "class",
14474
14396
  "description": "",
14475
- "name": "OverflowMenu",
14397
+ "name": "UmRadio",
14476
14398
  "members": [
14477
14399
  {
14478
14400
  "kind": "field",
14479
- "name": "#resizeObserver",
14480
- "privacy": "private",
14401
+ "name": "hideStateLayer",
14481
14402
  "type": {
14482
- "text": "ResizeObserver | null"
14403
+ "text": "boolean"
14483
14404
  },
14484
- "default": "null"
14405
+ "default": "false",
14406
+ "attribute": "hide-state-layer",
14407
+ "reflects": true
14485
14408
  },
14486
14409
  {
14487
14410
  "kind": "field",
14488
- "name": "#items",
14489
- "privacy": "private",
14411
+ "name": "inputType",
14490
14412
  "type": {
14491
- "text": "OverflowMenuItem[]"
14413
+ "text": "'checkbox' | 'radio'"
14492
14414
  },
14493
- "default": "[]"
14415
+ "privacy": "protected",
14416
+ "default": "'radio'",
14417
+ "inheritedFrom": {
14418
+ "name": "UmSelectionControl",
14419
+ "module": "src/shared/selection-control/selection-control.ts"
14420
+ }
14421
+ },
14422
+ {
14423
+ "kind": "method",
14424
+ "name": "renderIndicator",
14425
+ "privacy": "protected",
14426
+ "return": {
14427
+ "type": {
14428
+ "text": "HTMLTemplateResult"
14429
+ }
14430
+ },
14431
+ "inheritedFrom": {
14432
+ "name": "UmSelectionControl",
14433
+ "module": "src/shared/selection-control/selection-control.ts"
14434
+ }
14494
14435
  },
14495
14436
  {
14496
14437
  "kind": "field",
14497
- "name": "#collapsedItems",
14438
+ "name": "checked",
14439
+ "attribute": "checked",
14440
+ "inheritedFrom": {
14441
+ "name": "UmSelectionControl",
14442
+ "module": "src/shared/selection-control/selection-control.ts"
14443
+ }
14444
+ },
14445
+ {
14446
+ "kind": "field",
14447
+ "name": "#siblings",
14498
14448
  "privacy": "private",
14499
14449
  "type": {
14500
- "text": "OverflowMenuItem[]"
14450
+ "text": "UmRadio[]"
14501
14451
  },
14502
- "readonly": true,
14503
- "default": "[]"
14452
+ "readonly": true
14453
+ },
14454
+ {
14455
+ "kind": "method",
14456
+ "name": "#handleKeyDown",
14457
+ "privacy": "private",
14458
+ "parameters": [
14459
+ {
14460
+ "name": "event",
14461
+ "type": {
14462
+ "text": "KeyboardEvent"
14463
+ }
14464
+ }
14465
+ ]
14466
+ },
14467
+ {
14468
+ "kind": "method",
14469
+ "name": "ensureOnlyOneChecked",
14470
+ "privacy": "private"
14471
+ },
14472
+ {
14473
+ "kind": "method",
14474
+ "name": "uncheckSiblings",
14475
+ "privacy": "private"
14504
14476
  },
14505
14477
  {
14506
14478
  "kind": "field",
14507
- "name": "_showMenu",
14479
+ "name": "formAssociated",
14508
14480
  "type": {
14509
14481
  "text": "boolean"
14510
14482
  },
14511
- "default": "false"
14483
+ "static": true,
14484
+ "readonly": true,
14485
+ "default": "true",
14486
+ "inheritedFrom": {
14487
+ "name": "UmSelectionControl",
14488
+ "module": "src/shared/selection-control/selection-control.ts"
14489
+ }
14512
14490
  },
14513
14491
  {
14514
14492
  "kind": "field",
14515
- "name": "menu",
14493
+ "name": "shadowRootOptions",
14516
14494
  "type": {
14517
- "text": "UmMenu | undefined"
14495
+ "text": "ShadowRootInit"
14496
+ },
14497
+ "static": true,
14498
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
14499
+ "inheritedFrom": {
14500
+ "name": "UmSelectionControl",
14501
+ "module": "src/shared/selection-control/selection-control.ts"
14518
14502
  }
14519
14503
  },
14520
14504
  {
14521
14505
  "kind": "field",
14522
- "name": "#updateMenusTimeout",
14523
- "privacy": "private",
14506
+ "name": "elementInternals",
14524
14507
  "type": {
14525
- "text": "number"
14508
+ "text": "ElementInternals"
14526
14509
  },
14527
- "default": "0"
14510
+ "privacy": "protected",
14511
+ "readonly": true,
14512
+ "inheritedFrom": {
14513
+ "name": "UmSelectionControl",
14514
+ "module": "src/shared/selection-control/selection-control.ts"
14515
+ }
14528
14516
  },
14529
14517
  {
14530
- "kind": "method",
14531
- "name": "#updateMenus",
14532
- "privacy": "private",
14533
- "return": {
14534
- "type": {
14535
- "text": "void"
14536
- }
14518
+ "kind": "field",
14519
+ "name": "name",
14520
+ "type": {
14521
+ "text": "string | undefined"
14522
+ },
14523
+ "default": "''",
14524
+ "attribute": "name",
14525
+ "reflects": true,
14526
+ "inheritedFrom": {
14527
+ "name": "UmSelectionControl",
14528
+ "module": "src/shared/selection-control/selection-control.ts"
14529
+ }
14530
+ },
14531
+ {
14532
+ "kind": "field",
14533
+ "name": "disabled",
14534
+ "type": {
14535
+ "text": "boolean"
14536
+ },
14537
+ "default": "false",
14538
+ "attribute": "disabled",
14539
+ "reflects": true,
14540
+ "inheritedFrom": {
14541
+ "name": "UmSelectionControl",
14542
+ "module": "src/shared/selection-control/selection-control.ts"
14543
+ }
14544
+ },
14545
+ {
14546
+ "kind": "field",
14547
+ "name": "input",
14548
+ "type": {
14549
+ "text": "HTMLInputElement"
14550
+ },
14551
+ "inheritedFrom": {
14552
+ "name": "UmSelectionControl",
14553
+ "module": "src/shared/selection-control/selection-control.ts"
14554
+ }
14555
+ },
14556
+ {
14557
+ "kind": "field",
14558
+ "name": "form",
14559
+ "type": {
14560
+ "text": "HTMLFormElement | null"
14561
+ },
14562
+ "readonly": true,
14563
+ "inheritedFrom": {
14564
+ "name": "UmSelectionControl",
14565
+ "module": "src/shared/selection-control/selection-control.ts"
14537
14566
  }
14538
14567
  },
14539
14568
  {
14540
14569
  "kind": "method",
14541
- "name": "#handleSlotChange",
14542
- "privacy": "private",
14570
+ "name": "focus",
14543
14571
  "parameters": [
14544
14572
  {
14545
- "name": "e",
14573
+ "name": "options",
14574
+ "optional": true,
14546
14575
  "type": {
14547
- "text": "Event"
14576
+ "text": "FocusOptions"
14548
14577
  }
14549
14578
  }
14550
- ]
14551
- }
14552
- ],
14553
- "superclass": {
14554
- "name": "LitElement",
14555
- "package": "lit"
14556
- },
14557
- "tagName": "u-overflow-menu",
14558
- "customElement": true
14559
- }
14560
- ],
14561
- "exports": [
14562
- {
14563
- "kind": "js",
14564
- "name": "OverflowMenu",
14565
- "declaration": {
14566
- "name": "OverflowMenu",
14567
- "module": "src/overflow-menu/overflow-menu.ts"
14568
- }
14569
- },
14570
- {
14571
- "kind": "custom-element-definition",
14572
- "name": "u-overflow-menu",
14573
- "declaration": {
14574
- "name": "OverflowMenu",
14575
- "module": "src/overflow-menu/overflow-menu.ts"
14576
- }
14577
- }
14578
- ]
14579
- },
14580
- {
14581
- "kind": "javascript-module",
14582
- "path": "src/ripple/ripple.styles.ts",
14583
- "declarations": [
14584
- {
14585
- "kind": "variable",
14586
- "name": "styles",
14587
- "default": "css ` :host, .ripple-container::before { --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08)); --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2); display: block; inset: 0; isolation: isolate; } .ripple-container { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: var(--u-ripple-border-radius, inherit); } .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: 0; transition: opacity 200ms; } @media (hover: hover) { :host(:not([disabled]):hover) .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: var(--_ripple-hover-opacity); } } :host, .ripple-container::before, .ripple { position: absolute; border-radius: inherit; } .ripple { top: 50%; left: 50%; background: var(--_ripple-pressed-color); border-radius: 50%; box-shadow: 0 0 64px 64px var(--_ripple-pressed-color); opacity: var(--_ripple-pressed-opacity); transform: scale3d(0, 0, 1); pointer-events: none; will-change: transform; } .ripple.show { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1)); transform: scale3d(1, 1, 1); } .ripple.show-forced { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms; transform: scale3d(2, 2, 1); opacity: 0; } .ripple.dismiss { opacity: 0; transform: scale3d(2, 2, 1); } ::slotted(*) { position: absolute !important; inset: 0; border-radius: inherit; } `"
14588
- }
14589
- ],
14590
- "exports": [
14591
- {
14592
- "kind": "js",
14593
- "name": "styles",
14594
- "declaration": {
14595
- "name": "styles",
14596
- "module": "src/ripple/ripple.styles.ts"
14597
- }
14598
- }
14599
- ]
14600
- },
14601
- {
14602
- "kind": "javascript-module",
14603
- "path": "src/ripple/ripple.ts",
14604
- "declarations": [
14605
- {
14606
- "kind": "class",
14607
- "description": "",
14608
- "name": "UmRipple",
14609
- "members": [
14579
+ ],
14580
+ "inheritedFrom": {
14581
+ "name": "UmSelectionControl",
14582
+ "module": "src/shared/selection-control/selection-control.ts"
14583
+ }
14584
+ },
14610
14585
  {
14611
14586
  "kind": "field",
14612
- "name": "isTouching",
14587
+ "name": "#checked",
14588
+ "privacy": "private",
14613
14589
  "type": {
14614
14590
  "text": "boolean"
14615
14591
  },
14616
- "privacy": "private",
14617
- "default": "false"
14592
+ "default": "false",
14593
+ "inheritedFrom": {
14594
+ "name": "UmSelectionControl",
14595
+ "module": "src/shared/selection-control/selection-control.ts"
14596
+ }
14618
14597
  },
14619
14598
  {
14620
14599
  "kind": "field",
14621
- "name": "disabled",
14600
+ "name": "renderRipple",
14622
14601
  "type": {
14623
14602
  "text": "boolean"
14624
14603
  },
14625
- "default": "false",
14626
- "description": "Disables the ripple.",
14627
- "attribute": "disabled",
14628
- "reflects": true
14604
+ "privacy": "protected",
14605
+ "default": "true",
14606
+ "inheritedFrom": {
14607
+ "name": "UmSelectionControl",
14608
+ "module": "src/shared/selection-control/selection-control.ts"
14609
+ }
14629
14610
  },
14630
14611
  {
14631
14612
  "kind": "field",
14632
- "name": "rippleContainer",
14613
+ "name": "inputDescribedById",
14633
14614
  "type": {
14634
- "text": "HTMLElement"
14615
+ "text": "string | undefined"
14635
14616
  },
14636
- "privacy": "private",
14637
- "readonly": true
14617
+ "privacy": "protected",
14618
+ "default": "undefined",
14619
+ "inheritedFrom": {
14620
+ "name": "UmSelectionControl",
14621
+ "module": "src/shared/selection-control/selection-control.ts"
14622
+ }
14638
14623
  },
14639
14624
  {
14640
- "kind": "method",
14641
- "name": "attachEvents",
14642
- "privacy": "private",
14643
- "return": {
14644
- "type": {
14645
- "text": "void"
14646
- }
14625
+ "kind": "field",
14626
+ "name": "inputLabelledById",
14627
+ "type": {
14628
+ "text": "string | undefined"
14629
+ },
14630
+ "privacy": "protected",
14631
+ "default": "undefined",
14632
+ "inheritedFrom": {
14633
+ "name": "UmSelectionControl",
14634
+ "module": "src/shared/selection-control/selection-control.ts"
14647
14635
  }
14648
14636
  },
14649
14637
  {
14650
- "kind": "method",
14651
- "name": "dettachEvents",
14652
- "privacy": "private",
14653
- "return": {
14654
- "type": {
14655
- "text": "void"
14656
- }
14638
+ "kind": "field",
14639
+ "name": "value",
14640
+ "type": {
14641
+ "text": "string"
14642
+ },
14643
+ "default": "'on'",
14644
+ "description": "The element value to use in form submission when checked.",
14645
+ "attribute": "value",
14646
+ "inheritedFrom": {
14647
+ "name": "UmSelectionControl",
14648
+ "module": "src/shared/selection-control/selection-control.ts"
14657
14649
  }
14658
14650
  },
14659
14651
  {
14660
- "kind": "method",
14661
- "name": "handleMouseDown",
14662
- "privacy": "private",
14663
- "return": {
14664
- "type": {
14665
- "text": "void"
14666
- }
14652
+ "kind": "field",
14653
+ "name": "_checkedAttribute",
14654
+ "type": {
14655
+ "text": "boolean"
14667
14656
  },
14668
- "parameters": [
14669
- {
14670
- "name": "e",
14671
- "type": {
14672
- "text": "MouseEvent"
14673
- }
14674
- }
14675
- ]
14657
+ "privacy": "private",
14658
+ "readonly": true,
14659
+ "default": "false",
14660
+ "attribute": "checked",
14661
+ "inheritedFrom": {
14662
+ "name": "UmSelectionControl",
14663
+ "module": "src/shared/selection-control/selection-control.ts"
14664
+ }
14676
14665
  },
14677
14666
  {
14678
14667
  "kind": "method",
14679
- "name": "handleTouchStart",
14668
+ "name": "#handleInput",
14680
14669
  "privacy": "private",
14681
- "return": {
14682
- "type": {
14683
- "text": "void"
14684
- }
14685
- },
14686
14670
  "parameters": [
14687
14671
  {
14688
- "name": "e",
14672
+ "name": "event",
14689
14673
  "type": {
14690
- "text": "TouchEvent"
14674
+ "text": "Event"
14691
14675
  }
14692
14676
  }
14693
- ]
14694
- },
14695
- {
14696
- "kind": "method",
14697
- "name": "canCreateRipple",
14698
- "privacy": "private",
14699
- "return": {
14700
- "type": {
14701
- "text": "boolean"
14702
- }
14677
+ ],
14678
+ "inheritedFrom": {
14679
+ "name": "UmSelectionControl",
14680
+ "module": "src/shared/selection-control/selection-control.ts"
14703
14681
  }
14704
14682
  },
14705
14683
  {
14706
14684
  "kind": "method",
14707
- "name": "createRipple",
14708
- "return": {
14709
- "type": {
14710
- "text": "(() => void) | null"
14711
- }
14712
- },
14685
+ "name": "#handleChange",
14686
+ "privacy": "private",
14713
14687
  "parameters": [
14714
14688
  {
14715
- "name": "targetX",
14716
- "default": "null",
14717
- "type": {
14718
- "text": "number | null"
14719
- }
14720
- },
14721
- {
14722
- "name": "targetY",
14723
- "default": "null",
14724
- "type": {
14725
- "text": "number | null"
14726
- }
14727
- },
14728
- {
14729
- "name": "releaseEventName",
14730
- "default": "null",
14689
+ "name": "event",
14731
14690
  "type": {
14732
- "text": "string | null"
14691
+ "text": "Event"
14733
14692
  }
14734
14693
  }
14735
- ]
14694
+ ],
14695
+ "inheritedFrom": {
14696
+ "name": "UmSelectionControl",
14697
+ "module": "src/shared/selection-control/selection-control.ts"
14698
+ }
14736
14699
  },
14737
14700
  {
14738
14701
  "kind": "method",
14739
- "name": "createDismissEvent",
14702
+ "name": "#handleRippleClick",
14740
14703
  "privacy": "private",
14741
- "return": {
14742
- "type": {
14743
- "text": "() => void"
14744
- }
14745
- },
14746
14704
  "parameters": [
14747
14705
  {
14748
- "name": "ripple",
14749
- "type": {
14750
- "text": "HTMLElement"
14751
- }
14752
- },
14753
- {
14754
- "name": "releaseEventName",
14706
+ "name": "e",
14755
14707
  "type": {
14756
- "text": "string"
14708
+ "text": "Event"
14757
14709
  }
14758
14710
  }
14759
- ]
14711
+ ],
14712
+ "inheritedFrom": {
14713
+ "name": "UmSelectionControl",
14714
+ "module": "src/shared/selection-control/selection-control.ts"
14715
+ }
14760
14716
  },
14761
14717
  {
14762
14718
  "kind": "method",
14763
- "name": "_setElementSquareSizeAndCenter",
14764
- "privacy": "private",
14765
- "static": true,
14719
+ "name": "_handleClick",
14720
+ "privacy": "protected",
14766
14721
  "parameters": [
14767
14722
  {
14768
- "name": "element",
14769
- "type": {
14770
- "text": "HTMLElement"
14771
- }
14772
- },
14773
- {
14774
- "name": "size",
14723
+ "name": "e",
14775
14724
  "type": {
14776
- "text": "number"
14725
+ "text": "Event"
14777
14726
  }
14778
14727
  }
14779
- ]
14728
+ ],
14729
+ "inheritedFrom": {
14730
+ "name": "UmSelectionControl",
14731
+ "module": "src/shared/selection-control/selection-control.ts"
14732
+ }
14780
14733
  }
14781
14734
  ],
14782
14735
  "attributes": [
14736
+ {
14737
+ "name": "hide-state-layer",
14738
+ "type": {
14739
+ "text": "boolean"
14740
+ },
14741
+ "default": "false",
14742
+ "fieldName": "hideStateLayer"
14743
+ },
14744
+ {
14745
+ "name": "name",
14746
+ "type": {
14747
+ "text": "string | undefined"
14748
+ },
14749
+ "default": "''",
14750
+ "fieldName": "name",
14751
+ "inheritedFrom": {
14752
+ "name": "UmSelectionControl",
14753
+ "module": "src/shared/selection-control/selection-control.ts"
14754
+ }
14755
+ },
14783
14756
  {
14784
14757
  "name": "disabled",
14785
14758
  "type": {
14786
14759
  "text": "boolean"
14787
14760
  },
14788
14761
  "default": "false",
14789
- "description": "Disables the ripple.",
14790
- "fieldName": "disabled"
14762
+ "fieldName": "disabled",
14763
+ "inheritedFrom": {
14764
+ "name": "UmSelectionControl",
14765
+ "module": "src/shared/selection-control/selection-control.ts"
14766
+ }
14767
+ },
14768
+ {
14769
+ "name": "value",
14770
+ "type": {
14771
+ "text": "string"
14772
+ },
14773
+ "default": "'on'",
14774
+ "description": "The element value to use in form submission when checked.",
14775
+ "fieldName": "value",
14776
+ "inheritedFrom": {
14777
+ "name": "UmSelectionControl",
14778
+ "module": "src/shared/selection-control/selection-control.ts"
14779
+ }
14780
+ },
14781
+ {
14782
+ "name": "checked",
14783
+ "fieldName": "_checkedAttribute",
14784
+ "type": {
14785
+ "text": "boolean"
14786
+ },
14787
+ "readonly": true,
14788
+ "default": "false",
14789
+ "inheritedFrom": {
14790
+ "name": "UmSelectionControl",
14791
+ "module": "src/shared/selection-control/selection-control.ts"
14792
+ }
14791
14793
  }
14792
14794
  ],
14793
14795
  "superclass": {
14794
- "name": "LitElement",
14795
- "package": "lit"
14796
+ "name": "UmSelectionControl",
14797
+ "module": "/src/shared/selection-control/selection-control.js"
14796
14798
  },
14797
- "tagName": "u-ripple",
14799
+ "tagName": "u-radio",
14798
14800
  "customElement": true
14799
14801
  }
14800
14802
  ],
14801
14803
  "exports": [
14802
14804
  {
14803
14805
  "kind": "js",
14804
- "name": "UmRipple",
14806
+ "name": "UmRadio",
14805
14807
  "declaration": {
14806
- "name": "UmRipple",
14807
- "module": "src/ripple/ripple.ts"
14808
+ "name": "UmRadio",
14809
+ "module": "src/radio/radio.ts"
14808
14810
  }
14809
14811
  },
14810
14812
  {
14811
14813
  "kind": "custom-element-definition",
14812
- "name": "u-ripple",
14814
+ "name": "u-radio",
14813
14815
  "declaration": {
14814
- "name": "UmRipple",
14815
- "module": "src/ripple/ripple.ts"
14816
+ "name": "UmRadio",
14817
+ "module": "src/radio/radio.ts"
14816
14818
  }
14817
14819
  }
14818
14820
  ]
14819
14821
  },
14820
14822
  {
14821
14823
  "kind": "javascript-module",
14822
- "path": "src/progress/circular-progress.styles.ts",
14824
+ "path": "src/ripple/ripple.styles.ts",
14823
14825
  "declarations": [
14824
14826
  {
14825
14827
  "kind": "variable",
14826
14828
  "name": "styles",
14827
- "default": "css ` :host { position: relative; display: inline-block; width: var(--_size); height: var(--_size); margin-inline: auto; --_size: var(--u-circular-progress-size, 3rem); } .circular { width: 100%; height: 100%; transform: rotate(-90deg); transform-origin: center; } .circular.indeterminate { position: relative; animation: rotate 2s linear infinite; } .circular:not(.indeterminate) .path { transition: stroke-dashoffset 200ms linear; } .path { stroke-linecap: round; stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { position: absolute; inset: 0; } .track .path { stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); } .indeterminate .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; } .on-going { transform: rotate(-80deg); } .on-going.track { transform: rotate(-100deg); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } `"
14829
+ "default": "css ` :host, .ripple-container::before { --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor))); --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08)); --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2); display: block; inset: 0; isolation: isolate; } .ripple-container { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: var(--u-ripple-border-radius, inherit); } .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: 0; transition: opacity 200ms; } @media (hover: hover) { :host(:not([disabled]):hover) .ripple-container::before { content: \"\"; background: var(--_ripple-hover-color); opacity: var(--_ripple-hover-opacity); } } :host, .ripple-container::before, .ripple { position: absolute; border-radius: inherit; } .ripple { top: 50%; left: 50%; background: var(--_ripple-pressed-color); border-radius: 50%; box-shadow: 0 0 64px 64px var(--_ripple-pressed-color); opacity: var(--_ripple-pressed-opacity); transform: scale3d(0, 0, 1); pointer-events: none; will-change: transform; } .ripple.show { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1)); transform: scale3d(1, 1, 1); } .ripple.show-forced { transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms; transform: scale3d(2, 2, 1); opacity: 0; } .ripple.dismiss { opacity: 0; transform: scale3d(2, 2, 1); } ::slotted(*) { position: absolute !important; inset: 0; border-radius: inherit; } `"
14828
14830
  }
14829
14831
  ],
14830
14832
  "exports": [
@@ -14833,228 +14835,226 @@
14833
14835
  "name": "styles",
14834
14836
  "declaration": {
14835
14837
  "name": "styles",
14836
- "module": "src/progress/circular-progress.styles.ts"
14838
+ "module": "src/ripple/ripple.styles.ts"
14837
14839
  }
14838
14840
  }
14839
14841
  ]
14840
14842
  },
14841
14843
  {
14842
14844
  "kind": "javascript-module",
14843
- "path": "src/progress/circular-progress.ts",
14845
+ "path": "src/ripple/ripple.ts",
14844
14846
  "declarations": [
14845
14847
  {
14846
14848
  "kind": "class",
14847
14849
  "description": "",
14848
- "name": "UmCircularProgress",
14850
+ "name": "UmRipple",
14849
14851
  "members": [
14850
14852
  {
14851
14853
  "kind": "field",
14852
- "name": "value",
14854
+ "name": "isTouching",
14853
14855
  "type": {
14854
- "text": "number | undefined"
14856
+ "text": "boolean"
14855
14857
  },
14856
- "attribute": "value"
14858
+ "privacy": "private",
14859
+ "default": "false"
14857
14860
  },
14858
14861
  {
14859
14862
  "kind": "field",
14860
- "name": "max",
14863
+ "name": "disabled",
14861
14864
  "type": {
14862
- "text": "number"
14865
+ "text": "boolean"
14863
14866
  },
14864
- "default": "1",
14865
- "attribute": "max"
14867
+ "default": "false",
14868
+ "description": "Disables the ripple.",
14869
+ "attribute": "disabled",
14870
+ "reflects": true
14871
+ },
14872
+ {
14873
+ "kind": "field",
14874
+ "name": "rippleContainer",
14875
+ "type": {
14876
+ "text": "HTMLElement"
14877
+ },
14878
+ "privacy": "private",
14879
+ "readonly": true
14866
14880
  },
14867
14881
  {
14868
14882
  "kind": "method",
14869
- "name": "#renderCircle",
14883
+ "name": "attachEvents",
14870
14884
  "privacy": "private",
14871
14885
  "return": {
14872
14886
  "type": {
14873
- "text": "TemplateResult"
14874
- }
14875
- },
14876
- "parameters": [
14877
- {
14878
- "name": "className",
14879
- "type": {
14880
- "text": "string"
14881
- }
14887
+ "text": "void"
14882
14888
  }
14883
- ]
14889
+ }
14884
14890
  },
14885
14891
  {
14886
14892
  "kind": "method",
14887
- "name": "#renderIndeterminate",
14893
+ "name": "dettachEvents",
14888
14894
  "privacy": "private",
14889
14895
  "return": {
14890
14896
  "type": {
14891
- "text": "TemplateResult"
14897
+ "text": "void"
14892
14898
  }
14893
14899
  }
14894
14900
  },
14895
14901
  {
14896
14902
  "kind": "method",
14897
- "name": "#renderDeterminate",
14903
+ "name": "handleMouseDown",
14898
14904
  "privacy": "private",
14899
14905
  "return": {
14900
14906
  "type": {
14901
- "text": "TemplateResult"
14907
+ "text": "void"
14902
14908
  }
14903
- }
14904
- }
14905
- ],
14906
- "attributes": [
14907
- {
14908
- "name": "value",
14909
- "type": {
14910
- "text": "number | undefined"
14911
- },
14912
- "fieldName": "value"
14913
- },
14914
- {
14915
- "name": "max",
14916
- "type": {
14917
- "text": "number"
14918
- },
14919
- "default": "1",
14920
- "fieldName": "max"
14921
- }
14922
- ],
14923
- "superclass": {
14924
- "name": "LitElement",
14925
- "package": "lit"
14926
- },
14927
- "tagName": "u-circular-progress",
14928
- "customElement": true
14929
- }
14930
- ],
14931
- "exports": [
14932
- {
14933
- "kind": "js",
14934
- "name": "UmCircularProgress",
14935
- "declaration": {
14936
- "name": "UmCircularProgress",
14937
- "module": "src/progress/circular-progress.ts"
14938
- }
14939
- },
14940
- {
14941
- "kind": "custom-element-definition",
14942
- "name": "u-circular-progress",
14943
- "declaration": {
14944
- "name": "UmCircularProgress",
14945
- "module": "src/progress/circular-progress.ts"
14946
- }
14947
- }
14948
- ]
14949
- },
14950
- {
14951
- "kind": "javascript-module",
14952
- "path": "src/progress/progress-bar.styles.ts",
14953
- "declarations": [
14954
- {
14955
- "kind": "variable",
14956
- "name": "styles",
14957
- "default": "css ` :host { --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px)); --_height: var(--u-progress-bar-height, 4px); } :host, .determinate, .indeterminate { overflow: hidden; border-radius: var(--_border-radius); } .determinate, .indeterminate { display: flex; gap: 4px; } .indeterminate { flex: 1; margin-inline: -8px; border-radius: var(--_border-radius); } .determinate { margin-inline-end: -4px; } .determinate .bar { transition: flex-basis 200ms linear; } .last { flex-shrink: 1; flex-basis: 100%; animation: last 2.1s infinite linear; } .slow { animation: slow 2.1s infinite linear; } .middle { animation: middle 2.1s infinite linear; } .fast { animation: fast 2.1s infinite linear; } .first { animation: first 2.1s infinite linear; } .bar { height: var(--_height); border-radius: var(--_border-radius); background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164))); } .track { background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248))); flex-shrink: 1; } @keyframes slow { 0% { flex-basis: 0; } 10% { flex-basis: 50%; } 20% { flex-basis: 100%; } 30% { flex-basis: 0; } } @keyframes last { 0% { flex-basis: 100%; } 10% { flex-basis: 50%; } 20% { flex-basis: 0; } 100% { flex-basis: 0; } } @keyframes middle { 10% { flex-basis: 0; } 20% { flex-basis: 100%; } 35% { flex-basis: 100%; } 45% { flex-basis: 0; } } @keyframes fast { 0% { flex-basis: 0; } 25% { flex-basis: 0; } 35% { flex-basis: 100%; } 45% { flex-basis: 100%; } 55% { flex-basis: 0; } } @keyframes first { 35% { flex-basis: 0; } 45% { flex-basis: 100%; } 100% { flex-basis: 100%; } } @keyframes fast-bar-pre { 0% { flex-basis: 0; } 60% { flex-basis: 0; } 90% { flex-basis: 100%; } 100% { flex-basis: 100%; } } `"
14958
- }
14959
- ],
14960
- "exports": [
14961
- {
14962
- "kind": "js",
14963
- "name": "styles",
14964
- "declaration": {
14965
- "name": "styles",
14966
- "module": "src/progress/progress-bar.styles.ts"
14967
- }
14968
- }
14969
- ]
14970
- },
14971
- {
14972
- "kind": "javascript-module",
14973
- "path": "src/progress/progress-bar.ts",
14974
- "declarations": [
14975
- {
14976
- "kind": "class",
14977
- "description": "",
14978
- "name": "UmProgressBar",
14979
- "members": [
14980
- {
14981
- "kind": "field",
14982
- "name": "value",
14983
- "type": {
14984
- "text": "number | undefined"
14985
14909
  },
14986
- "attribute": "value"
14910
+ "parameters": [
14911
+ {
14912
+ "name": "e",
14913
+ "type": {
14914
+ "text": "MouseEvent"
14915
+ }
14916
+ }
14917
+ ]
14987
14918
  },
14988
14919
  {
14989
- "kind": "field",
14990
- "name": "max",
14991
- "type": {
14992
- "text": "number"
14920
+ "kind": "method",
14921
+ "name": "handleTouchStart",
14922
+ "privacy": "private",
14923
+ "return": {
14924
+ "type": {
14925
+ "text": "void"
14926
+ }
14993
14927
  },
14994
- "default": "1",
14995
- "attribute": "max"
14928
+ "parameters": [
14929
+ {
14930
+ "name": "e",
14931
+ "type": {
14932
+ "text": "TouchEvent"
14933
+ }
14934
+ }
14935
+ ]
14996
14936
  },
14997
14937
  {
14998
14938
  "kind": "method",
14999
- "name": "#renderIndeterminate",
14939
+ "name": "canCreateRipple",
15000
14940
  "privacy": "private",
15001
14941
  "return": {
15002
14942
  "type": {
15003
- "text": "TemplateResult"
14943
+ "text": "boolean"
15004
14944
  }
15005
14945
  }
15006
14946
  },
15007
14947
  {
15008
14948
  "kind": "method",
15009
- "name": "#renderDeterminate",
14949
+ "name": "createRipple",
14950
+ "return": {
14951
+ "type": {
14952
+ "text": "(() => void) | null"
14953
+ }
14954
+ },
14955
+ "parameters": [
14956
+ {
14957
+ "name": "targetX",
14958
+ "default": "null",
14959
+ "type": {
14960
+ "text": "number | null"
14961
+ }
14962
+ },
14963
+ {
14964
+ "name": "targetY",
14965
+ "default": "null",
14966
+ "type": {
14967
+ "text": "number | null"
14968
+ }
14969
+ },
14970
+ {
14971
+ "name": "releaseEventName",
14972
+ "default": "null",
14973
+ "type": {
14974
+ "text": "string | null"
14975
+ }
14976
+ }
14977
+ ]
14978
+ },
14979
+ {
14980
+ "kind": "method",
14981
+ "name": "createDismissEvent",
15010
14982
  "privacy": "private",
15011
14983
  "return": {
15012
14984
  "type": {
15013
- "text": "TemplateResult"
14985
+ "text": "() => void"
15014
14986
  }
15015
- }
14987
+ },
14988
+ "parameters": [
14989
+ {
14990
+ "name": "ripple",
14991
+ "type": {
14992
+ "text": "HTMLElement"
14993
+ }
14994
+ },
14995
+ {
14996
+ "name": "releaseEventName",
14997
+ "type": {
14998
+ "text": "string"
14999
+ }
15000
+ }
15001
+ ]
15002
+ },
15003
+ {
15004
+ "kind": "method",
15005
+ "name": "_setElementSquareSizeAndCenter",
15006
+ "privacy": "private",
15007
+ "static": true,
15008
+ "parameters": [
15009
+ {
15010
+ "name": "element",
15011
+ "type": {
15012
+ "text": "HTMLElement"
15013
+ }
15014
+ },
15015
+ {
15016
+ "name": "size",
15017
+ "type": {
15018
+ "text": "number"
15019
+ }
15020
+ }
15021
+ ]
15016
15022
  }
15017
15023
  ],
15018
15024
  "attributes": [
15019
15025
  {
15020
- "name": "value",
15021
- "type": {
15022
- "text": "number | undefined"
15023
- },
15024
- "fieldName": "value"
15025
- },
15026
- {
15027
- "name": "max",
15026
+ "name": "disabled",
15028
15027
  "type": {
15029
- "text": "number"
15028
+ "text": "boolean"
15030
15029
  },
15031
- "default": "1",
15032
- "fieldName": "max"
15030
+ "default": "false",
15031
+ "description": "Disables the ripple.",
15032
+ "fieldName": "disabled"
15033
15033
  }
15034
15034
  ],
15035
15035
  "superclass": {
15036
15036
  "name": "LitElement",
15037
15037
  "package": "lit"
15038
15038
  },
15039
- "tagName": "u-progress-bar",
15039
+ "tagName": "u-ripple",
15040
15040
  "customElement": true
15041
15041
  }
15042
15042
  ],
15043
15043
  "exports": [
15044
15044
  {
15045
15045
  "kind": "js",
15046
- "name": "UmProgressBar",
15046
+ "name": "UmRipple",
15047
15047
  "declaration": {
15048
- "name": "UmProgressBar",
15049
- "module": "src/progress/progress-bar.ts"
15048
+ "name": "UmRipple",
15049
+ "module": "src/ripple/ripple.ts"
15050
15050
  }
15051
15051
  },
15052
15052
  {
15053
15053
  "kind": "custom-element-definition",
15054
- "name": "u-progress-bar",
15054
+ "name": "u-ripple",
15055
15055
  "declaration": {
15056
- "name": "UmProgressBar",
15057
- "module": "src/progress/progress-bar.ts"
15056
+ "name": "UmRipple",
15057
+ "module": "src/ripple/ripple.ts"
15058
15058
  }
15059
15059
  }
15060
15060
  ]
@@ -23929,77 +23929,6 @@
23929
23929
  "declarations": [],
23930
23930
  "exports": []
23931
23931
  },
23932
- {
23933
- "kind": "javascript-module",
23934
- "path": "src/shared/sets/set-base.styles.ts",
23935
- "declarations": [
23936
- {
23937
- "kind": "variable",
23938
- "name": "styles",
23939
- "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
23940
- }
23941
- ],
23942
- "exports": [
23943
- {
23944
- "kind": "js",
23945
- "name": "styles",
23946
- "declaration": {
23947
- "name": "styles",
23948
- "module": "src/shared/sets/set-base.styles.ts"
23949
- }
23950
- }
23951
- ]
23952
- },
23953
- {
23954
- "kind": "javascript-module",
23955
- "path": "src/shared/sets/set-base.ts",
23956
- "declarations": [
23957
- {
23958
- "kind": "class",
23959
- "description": "",
23960
- "name": "UmSetBase",
23961
- "members": [
23962
- {
23963
- "kind": "field",
23964
- "name": "alignment",
23965
- "type": {
23966
- "text": "'start' | 'center' | 'end'"
23967
- },
23968
- "default": "'start'",
23969
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
23970
- "attribute": "alignment",
23971
- "reflects": true
23972
- }
23973
- ],
23974
- "attributes": [
23975
- {
23976
- "name": "alignment",
23977
- "type": {
23978
- "text": "'start' | 'center' | 'end'"
23979
- },
23980
- "default": "'start'",
23981
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
23982
- "fieldName": "alignment"
23983
- }
23984
- ],
23985
- "superclass": {
23986
- "name": "LitElement",
23987
- "package": "lit"
23988
- },
23989
- "customElement": true
23990
- }
23991
- ],
23992
- "exports": [
23993
- {
23994
- "kind": "js",
23995
- "name": "UmSetBase",
23996
- "declaration": {
23997
- "name": "UmSetBase",
23998
- "module": "src/shared/sets/set-base.ts"
23999
- }
24000
- }
24001
- ]
24002
- },
24003
23932
  {
24004
23933
  "kind": "javascript-module",
24005
23934
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -24391,6 +24320,77 @@
24391
24320
  }
24392
24321
  ]
24393
24322
  },
24323
+ {
24324
+ "kind": "javascript-module",
24325
+ "path": "src/shared/sets/set-base.styles.ts",
24326
+ "declarations": [
24327
+ {
24328
+ "kind": "variable",
24329
+ "name": "styles",
24330
+ "default": "css ` :host { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; } :host([alignment=start]) { justify-content: flex-start; } :host([alignment=center]) { justify-content: center; } :host([alignment=end]) { justify-content: flex-end; } `"
24331
+ }
24332
+ ],
24333
+ "exports": [
24334
+ {
24335
+ "kind": "js",
24336
+ "name": "styles",
24337
+ "declaration": {
24338
+ "name": "styles",
24339
+ "module": "src/shared/sets/set-base.styles.ts"
24340
+ }
24341
+ }
24342
+ ]
24343
+ },
24344
+ {
24345
+ "kind": "javascript-module",
24346
+ "path": "src/shared/sets/set-base.ts",
24347
+ "declarations": [
24348
+ {
24349
+ "kind": "class",
24350
+ "description": "",
24351
+ "name": "UmSetBase",
24352
+ "members": [
24353
+ {
24354
+ "kind": "field",
24355
+ "name": "alignment",
24356
+ "type": {
24357
+ "text": "'start' | 'center' | 'end'"
24358
+ },
24359
+ "default": "'start'",
24360
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
24361
+ "attribute": "alignment",
24362
+ "reflects": true
24363
+ }
24364
+ ],
24365
+ "attributes": [
24366
+ {
24367
+ "name": "alignment",
24368
+ "type": {
24369
+ "text": "'start' | 'center' | 'end'"
24370
+ },
24371
+ "default": "'start'",
24372
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
24373
+ "fieldName": "alignment"
24374
+ }
24375
+ ],
24376
+ "superclass": {
24377
+ "name": "LitElement",
24378
+ "package": "lit"
24379
+ },
24380
+ "customElement": true
24381
+ }
24382
+ ],
24383
+ "exports": [
24384
+ {
24385
+ "kind": "js",
24386
+ "name": "UmSetBase",
24387
+ "declaration": {
24388
+ "name": "UmSetBase",
24389
+ "module": "src/shared/sets/set-base.ts"
24390
+ }
24391
+ }
24392
+ ]
24393
+ },
24394
24394
  {
24395
24395
  "kind": "javascript-module",
24396
24396
  "path": "src/shared/text-field-base/text-field-base.styles.ts",