@universal-material/web 3.5.6 → 3.5.8

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.
@@ -445,7 +445,7 @@
445
445
  {
446
446
  "kind": "variable",
447
447
  "name": "styles",
448
- "default": "css ` :host { display: block; } :host([container-scrolled]) { background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); } :host(:not([has-leading-icon])) .leading-icon { display: none; } :host(:not([has-trailing-icon])) .trailing-icon { display: none; } slot[name=leading-icon], slot[name=trailing-icon] { display: inline-flex; align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } .container { background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .absolute { position: absolute; } .fixed { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } .absolute, .fixed { z-index: var(--u-fixed-app-bar-z-index, 1010); } .spacing { padding-top: var(--_content-height); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } .medium + .extended-content { 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-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-height, 3.5rem); padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px); } .large + .extended-content { 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-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem)); font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem)); letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem)); font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-large, 6rem); padding-bottom: var(--u-extended-content-large-padding-bottom, 28px); } .container { background: inherit; } .content { display: flex; align-items: center; background-color: inherit; transition: inherit; min-height: var(--u-top-app-bar-min-height, 56px); } @media (min-width: 840px) { .content { min-height: var(--u-top-app-bar-extended-min-height, 64px); } } .headline { overflow: hidden; 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-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem)); font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem)); letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem)); font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400))); margin-inline: var(--u-headline-margin, 16px); } :host([has-leading-icon]) .headline { margin-inline-start: 0; } .leading-icon { margin-inline: var(--u-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-trailing-icon-margin, 8px); margin-inline-start: auto; } `"
448
+ "default": "css ` :host { display: block; } .leading-icon, .trailing-icon { align-items: center; gap: var(--u-top-app-bar-icons-gap, 8px); } slot[name=leading-icon]::slotted(u-icon-button) { color: inherit; } .container { background-color: var(--u-top-app-bar-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255)))); color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32))); transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1); } .scrolled { background-color: var(--u-top-app-bar-constrast-bg-color, var(--u-color-surface-container, rgb(243, 237, 247))); } .has-leading-icon .leading-icon { display: inline-flex; } .has-trailing-icon .trailing-icon { display: inline-flex; } .absolute { position: absolute; } .fixed { position: fixed; inset-inline: 0; inset-block-start: 0; inset-inline-start: var(--u-app-bar-offset, 0); } .absolute, .fixed { z-index: var(--u-fixed-app-bar-z-index, 1010); } .spacing { padding-top: var(--_content-height); } .extended-content { display: flex; align-items: flex-end; padding-inline: var(--u-extended-content-inline-padding, 16px); } .medium + .extended-content { 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-extended-content-medium-line-height, var(--u-headline-s-line-height, 2rem)); font-size: var(--u-extended-content-medium-font-size, var(--u-headline-s-font-size, 1.5rem)); letter-spacing: var(--u-extended-content-medium-letter-spacing, var(--u-headline-s-letter-spacing, 0rem)); font-weight: var(--u-extended-content-medium-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-height, 3.5rem); padding-bottom: var(--u-extended-content-medium-padding-bottom, 24px); } .large + .extended-content { 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-extended-content-large-line-height, var(--u-headline-m-line-height, 2.25rem)); font-size: var(--u-extended-content-large-font-size, var(--u-headline-m-font-size, 1.75rem)); letter-spacing: var(--u-extended-content-large-letter-spacing, var(--u-headline-m-letter-spacing, 0rem)); font-weight: var(--u-extended-content-large-font-weight, var(--u-headline-m-font-weight, var(--u-font-weight-regular, 400))); height: var(--u-extended-content-medium-large, 6rem); padding-bottom: var(--u-extended-content-large-padding-bottom, 28px); } .content { display: flex; align-items: center; background-color: inherit; transition: inherit; min-height: var(--u-top-app-bar-min-height, 56px); } @media (min-width: 840px) { .content { min-height: var(--u-top-app-bar-extended-min-height, 64px); } } .headline { overflow: hidden; 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-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem)); font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem)); letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem)); font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400))); margin-inline: var(--u-headline-margin, 16px); } .has-leading-icon .headline { margin-inline-start: 0; } .leading-icon { margin-inline: var(--u-leading-icon-margin, 8px); } .trailing-icon { padding-inline: var(--u-trailing-icon-margin, 8px); margin-inline-start: auto; } `"
449
449
  }
450
450
  ],
451
451
  "exports": [
@@ -470,25 +470,21 @@
470
470
  "members": [
471
471
  {
472
472
  "kind": "field",
473
- "name": "hasLeadingIcon",
473
+ "name": "_hasLeadingIcon",
474
474
  "type": {
475
475
  "text": "boolean"
476
476
  },
477
- "default": "false",
478
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
479
- "attribute": "has-leading-icon",
480
- "reflects": true
477
+ "privacy": "private",
478
+ "default": "false"
481
479
  },
482
480
  {
483
481
  "kind": "field",
484
- "name": "hasTrailingIcon",
482
+ "name": "_hasTrailingIcon",
485
483
  "type": {
486
484
  "text": "boolean"
487
485
  },
488
- "default": "false",
489
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
490
- "attribute": "has-trailing-icon",
491
- "reflects": true
486
+ "privacy": "private",
487
+ "default": "false"
492
488
  },
493
489
  {
494
490
  "kind": "field",
@@ -534,9 +530,7 @@
534
530
  "type": {
535
531
  "text": "boolean"
536
532
  },
537
- "default": "false",
538
- "attribute": "container-scrolled",
539
- "reflects": true
533
+ "default": "false"
540
534
  },
541
535
  {
542
536
  "kind": "field",
@@ -621,12 +615,12 @@
621
615
  },
622
616
  {
623
617
  "kind": "method",
624
- "name": "handleLeadingIconSlotChange",
618
+ "name": "#handleLeadingIconSlotChange",
625
619
  "privacy": "private"
626
620
  },
627
621
  {
628
622
  "kind": "method",
629
- "name": "handleTrailingIconSlotChange",
623
+ "name": "#handleTrailingIconSlotChange",
630
624
  "privacy": "private"
631
625
  },
632
626
  {
@@ -637,7 +631,7 @@
637
631
  },
638
632
  {
639
633
  "kind": "method",
640
- "name": "getScrollTop",
634
+ "name": "_getScrollTop",
641
635
  "privacy": "private",
642
636
  "static": true,
643
637
  "return": {
@@ -656,29 +650,11 @@
656
650
  },
657
651
  {
658
652
  "kind": "method",
659
- "name": "setContentHeightProperty",
653
+ "name": "#setContentHeightProperty",
660
654
  "privacy": "private"
661
655
  }
662
656
  ],
663
657
  "attributes": [
664
- {
665
- "name": "has-leading-icon",
666
- "type": {
667
- "text": "boolean"
668
- },
669
- "default": "false",
670
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
671
- "fieldName": "hasLeadingIcon"
672
- },
673
- {
674
- "name": "has-trailing-icon",
675
- "type": {
676
- "text": "boolean"
677
- },
678
- "default": "false",
679
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
680
- "fieldName": "hasTrailingIcon"
681
- },
682
658
  {
683
659
  "name": "position",
684
660
  "type": {
@@ -709,14 +685,6 @@
709
685
  "text": "'none' | 'window' | string | undefined"
710
686
  },
711
687
  "fieldName": "scrollContainer"
712
- },
713
- {
714
- "name": "container-scrolled",
715
- "type": {
716
- "text": "boolean"
717
- },
718
- "default": "false",
719
- "fieldName": "containerScrolled"
720
688
  }
721
689
  ],
722
690
  "superclass": {
@@ -746,106 +714,6 @@
746
714
  }
747
715
  ]
748
716
  },
749
- {
750
- "kind": "javascript-module",
751
- "path": "src/badge/badge.styles.ts",
752
- "declarations": [
753
- {
754
- "kind": "variable",
755
- "name": "styles",
756
- "default": "css ` .container { --_badge-size: var(--u-badge-small-size, 6px); 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-badge-line-height, var(--u-label-s-line-height, 1rem)); font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem)); letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem)); font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500))); display: inline-flex; align-items: center; justify-content: center; min-width: var(--_badge-size); height: var(--_badge-size); line-height: var(--_badge-size); background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255))); border-radius: calc(var(--_badge-size) / 2); } .container:not(.static) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } .container:not(.empty) { --_badge-size: var(--u-badge-large-size, 16px); top: var(--u-badge-top-offset, -2px); inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px)); padding-inline: var(--u-badge-padding, 4px); } `"
757
- }
758
- ],
759
- "exports": [
760
- {
761
- "kind": "js",
762
- "name": "styles",
763
- "declaration": {
764
- "name": "styles",
765
- "module": "src/badge/badge.styles.ts"
766
- }
767
- }
768
- ]
769
- },
770
- {
771
- "kind": "javascript-module",
772
- "path": "src/badge/badge.ts",
773
- "declarations": [
774
- {
775
- "kind": "class",
776
- "description": "",
777
- "name": "UmBadge",
778
- "members": [
779
- {
780
- "kind": "field",
781
- "name": "static",
782
- "type": {
783
- "text": "boolean"
784
- },
785
- "default": "false",
786
- "attribute": "static",
787
- "reflects": true
788
- },
789
- {
790
- "kind": "field",
791
- "name": "_empty",
792
- "type": {
793
- "text": "boolean"
794
- },
795
- "privacy": "private",
796
- "default": "true"
797
- },
798
- {
799
- "kind": "method",
800
- "name": "#handleSlotChange",
801
- "privacy": "private",
802
- "parameters": [
803
- {
804
- "name": "e",
805
- "type": {
806
- "text": "Event"
807
- }
808
- }
809
- ]
810
- }
811
- ],
812
- "attributes": [
813
- {
814
- "name": "static",
815
- "type": {
816
- "text": "boolean"
817
- },
818
- "default": "false",
819
- "fieldName": "static"
820
- }
821
- ],
822
- "superclass": {
823
- "name": "LitElement",
824
- "package": "lit"
825
- },
826
- "tagName": "u-badge",
827
- "customElement": true
828
- }
829
- ],
830
- "exports": [
831
- {
832
- "kind": "js",
833
- "name": "UmBadge",
834
- "declaration": {
835
- "name": "UmBadge",
836
- "module": "src/badge/badge.ts"
837
- }
838
- },
839
- {
840
- "kind": "custom-element-definition",
841
- "name": "u-badge",
842
- "declaration": {
843
- "name": "UmBadge",
844
- "module": "src/badge/badge.ts"
845
- }
846
- }
847
- ]
848
- },
849
717
  {
850
718
  "kind": "javascript-module",
851
719
  "path": "src/button/button-base.styles.ts",
@@ -5366,6 +5234,106 @@
5366
5234
  }
5367
5235
  ]
5368
5236
  },
5237
+ {
5238
+ "kind": "javascript-module",
5239
+ "path": "src/badge/badge.styles.ts",
5240
+ "declarations": [
5241
+ {
5242
+ "kind": "variable",
5243
+ "name": "styles",
5244
+ "default": "css ` .container { --_badge-size: var(--u-badge-small-size, 6px); 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-badge-line-height, var(--u-label-s-line-height, 1rem)); font-size: var(--u-badge-font-size, var(--u-label-s-font-size, 0.6875rem)); letter-spacing: var(--u-badge-letter-spacing, var(--u-label-s-letter-spacing, 0.0454545455rem)); font-weight: var(--u-badge-font-weight, var(--u-label-s-font-weight, var(--u-font-weight-medium, 500))); display: inline-flex; align-items: center; justify-content: center; min-width: var(--_badge-size); height: var(--_badge-size); line-height: var(--_badge-size); background-color: var(--u-badge-color, var(--u-color-error, rgb(179, 38, 30))); color: var(--u-badge-color, var(--u-color-on-error, rgb(255, 255, 255))); border-radius: calc(var(--_badge-size) / 2); } .container:not(.static) { --_badge-inline-start: calc(100% - var(--_badge-size)); position: absolute; top: 0; inset-inline-start: var(--_badge-inline-start); } .container:not(.empty) { --_badge-size: var(--u-badge-large-size, 16px); top: var(--u-badge-top-offset, -2px); inset-inline-start: calc(var(--_badge-inline-start) - var(--u-badge-inline-offset, -4px)); padding-inline: var(--u-badge-padding, 4px); } `"
5245
+ }
5246
+ ],
5247
+ "exports": [
5248
+ {
5249
+ "kind": "js",
5250
+ "name": "styles",
5251
+ "declaration": {
5252
+ "name": "styles",
5253
+ "module": "src/badge/badge.styles.ts"
5254
+ }
5255
+ }
5256
+ ]
5257
+ },
5258
+ {
5259
+ "kind": "javascript-module",
5260
+ "path": "src/badge/badge.ts",
5261
+ "declarations": [
5262
+ {
5263
+ "kind": "class",
5264
+ "description": "",
5265
+ "name": "UmBadge",
5266
+ "members": [
5267
+ {
5268
+ "kind": "field",
5269
+ "name": "static",
5270
+ "type": {
5271
+ "text": "boolean"
5272
+ },
5273
+ "default": "false",
5274
+ "attribute": "static",
5275
+ "reflects": true
5276
+ },
5277
+ {
5278
+ "kind": "field",
5279
+ "name": "_empty",
5280
+ "type": {
5281
+ "text": "boolean"
5282
+ },
5283
+ "privacy": "private",
5284
+ "default": "true"
5285
+ },
5286
+ {
5287
+ "kind": "method",
5288
+ "name": "#handleSlotChange",
5289
+ "privacy": "private",
5290
+ "parameters": [
5291
+ {
5292
+ "name": "e",
5293
+ "type": {
5294
+ "text": "Event"
5295
+ }
5296
+ }
5297
+ ]
5298
+ }
5299
+ ],
5300
+ "attributes": [
5301
+ {
5302
+ "name": "static",
5303
+ "type": {
5304
+ "text": "boolean"
5305
+ },
5306
+ "default": "false",
5307
+ "fieldName": "static"
5308
+ }
5309
+ ],
5310
+ "superclass": {
5311
+ "name": "LitElement",
5312
+ "package": "lit"
5313
+ },
5314
+ "tagName": "u-badge",
5315
+ "customElement": true
5316
+ }
5317
+ ],
5318
+ "exports": [
5319
+ {
5320
+ "kind": "js",
5321
+ "name": "UmBadge",
5322
+ "declaration": {
5323
+ "name": "UmBadge",
5324
+ "module": "src/badge/badge.ts"
5325
+ }
5326
+ },
5327
+ {
5328
+ "kind": "custom-element-definition",
5329
+ "name": "u-badge",
5330
+ "declaration": {
5331
+ "name": "UmBadge",
5332
+ "module": "src/badge/badge.ts"
5333
+ }
5334
+ }
5335
+ ]
5336
+ },
5369
5337
  {
5370
5338
  "kind": "javascript-module",
5371
5339
  "path": "src/calendar/calendar-adapter.ts",
@@ -13626,19 +13594,261 @@
13626
13594
  },
13627
13595
  {
13628
13596
  "kind": "javascript-module",
13629
- "path": "src/radio/radio-list-item.ts",
13597
+ "path": "src/progress/circular-progress.styles.ts",
13630
13598
  "declarations": [
13631
13599
  {
13632
- "kind": "class",
13633
- "description": "",
13634
- "name": "UmRadioListItem",
13635
- "mixins": [
13636
- {
13637
- "name": "mixinSelectionControlListItem",
13638
- "module": "/src/shared/selection-control/selection-control-list-item.js"
13639
- }
13640
- ],
13641
- "superclass": {
13600
+ "kind": "variable",
13601
+ "name": "styles",
13602
+ "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; } } `"
13603
+ }
13604
+ ],
13605
+ "exports": [
13606
+ {
13607
+ "kind": "js",
13608
+ "name": "styles",
13609
+ "declaration": {
13610
+ "name": "styles",
13611
+ "module": "src/progress/circular-progress.styles.ts"
13612
+ }
13613
+ }
13614
+ ]
13615
+ },
13616
+ {
13617
+ "kind": "javascript-module",
13618
+ "path": "src/progress/circular-progress.ts",
13619
+ "declarations": [
13620
+ {
13621
+ "kind": "class",
13622
+ "description": "",
13623
+ "name": "UmCircularProgress",
13624
+ "members": [
13625
+ {
13626
+ "kind": "field",
13627
+ "name": "value",
13628
+ "type": {
13629
+ "text": "number | undefined"
13630
+ },
13631
+ "attribute": "value"
13632
+ },
13633
+ {
13634
+ "kind": "field",
13635
+ "name": "max",
13636
+ "type": {
13637
+ "text": "number"
13638
+ },
13639
+ "default": "1",
13640
+ "attribute": "max"
13641
+ },
13642
+ {
13643
+ "kind": "method",
13644
+ "name": "#renderCircle",
13645
+ "privacy": "private",
13646
+ "return": {
13647
+ "type": {
13648
+ "text": "TemplateResult"
13649
+ }
13650
+ },
13651
+ "parameters": [
13652
+ {
13653
+ "name": "className",
13654
+ "type": {
13655
+ "text": "string"
13656
+ }
13657
+ }
13658
+ ]
13659
+ },
13660
+ {
13661
+ "kind": "method",
13662
+ "name": "#renderIndeterminate",
13663
+ "privacy": "private",
13664
+ "return": {
13665
+ "type": {
13666
+ "text": "TemplateResult"
13667
+ }
13668
+ }
13669
+ },
13670
+ {
13671
+ "kind": "method",
13672
+ "name": "#renderDeterminate",
13673
+ "privacy": "private",
13674
+ "return": {
13675
+ "type": {
13676
+ "text": "TemplateResult"
13677
+ }
13678
+ }
13679
+ }
13680
+ ],
13681
+ "attributes": [
13682
+ {
13683
+ "name": "value",
13684
+ "type": {
13685
+ "text": "number | undefined"
13686
+ },
13687
+ "fieldName": "value"
13688
+ },
13689
+ {
13690
+ "name": "max",
13691
+ "type": {
13692
+ "text": "number"
13693
+ },
13694
+ "default": "1",
13695
+ "fieldName": "max"
13696
+ }
13697
+ ],
13698
+ "superclass": {
13699
+ "name": "LitElement",
13700
+ "package": "lit"
13701
+ },
13702
+ "tagName": "u-circular-progress",
13703
+ "customElement": true
13704
+ }
13705
+ ],
13706
+ "exports": [
13707
+ {
13708
+ "kind": "js",
13709
+ "name": "UmCircularProgress",
13710
+ "declaration": {
13711
+ "name": "UmCircularProgress",
13712
+ "module": "src/progress/circular-progress.ts"
13713
+ }
13714
+ },
13715
+ {
13716
+ "kind": "custom-element-definition",
13717
+ "name": "u-circular-progress",
13718
+ "declaration": {
13719
+ "name": "UmCircularProgress",
13720
+ "module": "src/progress/circular-progress.ts"
13721
+ }
13722
+ }
13723
+ ]
13724
+ },
13725
+ {
13726
+ "kind": "javascript-module",
13727
+ "path": "src/progress/progress-bar.styles.ts",
13728
+ "declarations": [
13729
+ {
13730
+ "kind": "variable",
13731
+ "name": "styles",
13732
+ "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%; } } `"
13733
+ }
13734
+ ],
13735
+ "exports": [
13736
+ {
13737
+ "kind": "js",
13738
+ "name": "styles",
13739
+ "declaration": {
13740
+ "name": "styles",
13741
+ "module": "src/progress/progress-bar.styles.ts"
13742
+ }
13743
+ }
13744
+ ]
13745
+ },
13746
+ {
13747
+ "kind": "javascript-module",
13748
+ "path": "src/progress/progress-bar.ts",
13749
+ "declarations": [
13750
+ {
13751
+ "kind": "class",
13752
+ "description": "",
13753
+ "name": "UmProgressBar",
13754
+ "members": [
13755
+ {
13756
+ "kind": "field",
13757
+ "name": "value",
13758
+ "type": {
13759
+ "text": "number | undefined"
13760
+ },
13761
+ "attribute": "value"
13762
+ },
13763
+ {
13764
+ "kind": "field",
13765
+ "name": "max",
13766
+ "type": {
13767
+ "text": "number"
13768
+ },
13769
+ "default": "1",
13770
+ "attribute": "max"
13771
+ },
13772
+ {
13773
+ "kind": "method",
13774
+ "name": "#renderIndeterminate",
13775
+ "privacy": "private",
13776
+ "return": {
13777
+ "type": {
13778
+ "text": "TemplateResult"
13779
+ }
13780
+ }
13781
+ },
13782
+ {
13783
+ "kind": "method",
13784
+ "name": "#renderDeterminate",
13785
+ "privacy": "private",
13786
+ "return": {
13787
+ "type": {
13788
+ "text": "TemplateResult"
13789
+ }
13790
+ }
13791
+ }
13792
+ ],
13793
+ "attributes": [
13794
+ {
13795
+ "name": "value",
13796
+ "type": {
13797
+ "text": "number | undefined"
13798
+ },
13799
+ "fieldName": "value"
13800
+ },
13801
+ {
13802
+ "name": "max",
13803
+ "type": {
13804
+ "text": "number"
13805
+ },
13806
+ "default": "1",
13807
+ "fieldName": "max"
13808
+ }
13809
+ ],
13810
+ "superclass": {
13811
+ "name": "LitElement",
13812
+ "package": "lit"
13813
+ },
13814
+ "tagName": "u-progress-bar",
13815
+ "customElement": true
13816
+ }
13817
+ ],
13818
+ "exports": [
13819
+ {
13820
+ "kind": "js",
13821
+ "name": "UmProgressBar",
13822
+ "declaration": {
13823
+ "name": "UmProgressBar",
13824
+ "module": "src/progress/progress-bar.ts"
13825
+ }
13826
+ },
13827
+ {
13828
+ "kind": "custom-element-definition",
13829
+ "name": "u-progress-bar",
13830
+ "declaration": {
13831
+ "name": "UmProgressBar",
13832
+ "module": "src/progress/progress-bar.ts"
13833
+ }
13834
+ }
13835
+ ]
13836
+ },
13837
+ {
13838
+ "kind": "javascript-module",
13839
+ "path": "src/radio/radio-list-item.ts",
13840
+ "declarations": [
13841
+ {
13842
+ "kind": "class",
13843
+ "description": "",
13844
+ "name": "UmRadioListItem",
13845
+ "mixins": [
13846
+ {
13847
+ "name": "mixinSelectionControlListItem",
13848
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
13849
+ }
13850
+ ],
13851
+ "superclass": {
13642
13852
  "name": "UmRadio",
13643
13853
  "module": "/src/radio/radio.js"
13644
13854
  },
@@ -14579,254 +14789,12 @@
14579
14789
  },
14580
14790
  {
14581
14791
  "kind": "javascript-module",
14582
- "path": "src/progress/circular-progress.styles.ts",
14792
+ "path": "src/ripple/ripple.styles.ts",
14583
14793
  "declarations": [
14584
14794
  {
14585
14795
  "kind": "variable",
14586
14796
  "name": "styles",
14587
- "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; } } `"
14588
- }
14589
- ],
14590
- "exports": [
14591
- {
14592
- "kind": "js",
14593
- "name": "styles",
14594
- "declaration": {
14595
- "name": "styles",
14596
- "module": "src/progress/circular-progress.styles.ts"
14597
- }
14598
- }
14599
- ]
14600
- },
14601
- {
14602
- "kind": "javascript-module",
14603
- "path": "src/progress/circular-progress.ts",
14604
- "declarations": [
14605
- {
14606
- "kind": "class",
14607
- "description": "",
14608
- "name": "UmCircularProgress",
14609
- "members": [
14610
- {
14611
- "kind": "field",
14612
- "name": "value",
14613
- "type": {
14614
- "text": "number | undefined"
14615
- },
14616
- "attribute": "value"
14617
- },
14618
- {
14619
- "kind": "field",
14620
- "name": "max",
14621
- "type": {
14622
- "text": "number"
14623
- },
14624
- "default": "1",
14625
- "attribute": "max"
14626
- },
14627
- {
14628
- "kind": "method",
14629
- "name": "#renderCircle",
14630
- "privacy": "private",
14631
- "return": {
14632
- "type": {
14633
- "text": "TemplateResult"
14634
- }
14635
- },
14636
- "parameters": [
14637
- {
14638
- "name": "className",
14639
- "type": {
14640
- "text": "string"
14641
- }
14642
- }
14643
- ]
14644
- },
14645
- {
14646
- "kind": "method",
14647
- "name": "#renderIndeterminate",
14648
- "privacy": "private",
14649
- "return": {
14650
- "type": {
14651
- "text": "TemplateResult"
14652
- }
14653
- }
14654
- },
14655
- {
14656
- "kind": "method",
14657
- "name": "#renderDeterminate",
14658
- "privacy": "private",
14659
- "return": {
14660
- "type": {
14661
- "text": "TemplateResult"
14662
- }
14663
- }
14664
- }
14665
- ],
14666
- "attributes": [
14667
- {
14668
- "name": "value",
14669
- "type": {
14670
- "text": "number | undefined"
14671
- },
14672
- "fieldName": "value"
14673
- },
14674
- {
14675
- "name": "max",
14676
- "type": {
14677
- "text": "number"
14678
- },
14679
- "default": "1",
14680
- "fieldName": "max"
14681
- }
14682
- ],
14683
- "superclass": {
14684
- "name": "LitElement",
14685
- "package": "lit"
14686
- },
14687
- "tagName": "u-circular-progress",
14688
- "customElement": true
14689
- }
14690
- ],
14691
- "exports": [
14692
- {
14693
- "kind": "js",
14694
- "name": "UmCircularProgress",
14695
- "declaration": {
14696
- "name": "UmCircularProgress",
14697
- "module": "src/progress/circular-progress.ts"
14698
- }
14699
- },
14700
- {
14701
- "kind": "custom-element-definition",
14702
- "name": "u-circular-progress",
14703
- "declaration": {
14704
- "name": "UmCircularProgress",
14705
- "module": "src/progress/circular-progress.ts"
14706
- }
14707
- }
14708
- ]
14709
- },
14710
- {
14711
- "kind": "javascript-module",
14712
- "path": "src/progress/progress-bar.styles.ts",
14713
- "declarations": [
14714
- {
14715
- "kind": "variable",
14716
- "name": "styles",
14717
- "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%; } } `"
14718
- }
14719
- ],
14720
- "exports": [
14721
- {
14722
- "kind": "js",
14723
- "name": "styles",
14724
- "declaration": {
14725
- "name": "styles",
14726
- "module": "src/progress/progress-bar.styles.ts"
14727
- }
14728
- }
14729
- ]
14730
- },
14731
- {
14732
- "kind": "javascript-module",
14733
- "path": "src/progress/progress-bar.ts",
14734
- "declarations": [
14735
- {
14736
- "kind": "class",
14737
- "description": "",
14738
- "name": "UmProgressBar",
14739
- "members": [
14740
- {
14741
- "kind": "field",
14742
- "name": "value",
14743
- "type": {
14744
- "text": "number | undefined"
14745
- },
14746
- "attribute": "value"
14747
- },
14748
- {
14749
- "kind": "field",
14750
- "name": "max",
14751
- "type": {
14752
- "text": "number"
14753
- },
14754
- "default": "1",
14755
- "attribute": "max"
14756
- },
14757
- {
14758
- "kind": "method",
14759
- "name": "#renderIndeterminate",
14760
- "privacy": "private",
14761
- "return": {
14762
- "type": {
14763
- "text": "TemplateResult"
14764
- }
14765
- }
14766
- },
14767
- {
14768
- "kind": "method",
14769
- "name": "#renderDeterminate",
14770
- "privacy": "private",
14771
- "return": {
14772
- "type": {
14773
- "text": "TemplateResult"
14774
- }
14775
- }
14776
- }
14777
- ],
14778
- "attributes": [
14779
- {
14780
- "name": "value",
14781
- "type": {
14782
- "text": "number | undefined"
14783
- },
14784
- "fieldName": "value"
14785
- },
14786
- {
14787
- "name": "max",
14788
- "type": {
14789
- "text": "number"
14790
- },
14791
- "default": "1",
14792
- "fieldName": "max"
14793
- }
14794
- ],
14795
- "superclass": {
14796
- "name": "LitElement",
14797
- "package": "lit"
14798
- },
14799
- "tagName": "u-progress-bar",
14800
- "customElement": true
14801
- }
14802
- ],
14803
- "exports": [
14804
- {
14805
- "kind": "js",
14806
- "name": "UmProgressBar",
14807
- "declaration": {
14808
- "name": "UmProgressBar",
14809
- "module": "src/progress/progress-bar.ts"
14810
- }
14811
- },
14812
- {
14813
- "kind": "custom-element-definition",
14814
- "name": "u-progress-bar",
14815
- "declaration": {
14816
- "name": "UmProgressBar",
14817
- "module": "src/progress/progress-bar.ts"
14818
- }
14819
- }
14820
- ]
14821
- },
14822
- {
14823
- "kind": "javascript-module",
14824
- "path": "src/ripple/ripple.styles.ts",
14825
- "declarations": [
14826
- {
14827
- "kind": "variable",
14828
- "name": "styles",
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; } `"
14797
+ "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; } `"
14830
14798
  }
14831
14799
  ],
14832
14800
  "exports": [
@@ -23714,238 +23682,21 @@
23714
23682
  },
23715
23683
  {
23716
23684
  "kind": "javascript-module",
23717
- "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
23685
+ "path": "src/shared/selection-control/selection-control-list-item.ts",
23718
23686
  "declarations": [
23719
23687
  {
23720
- "kind": "class",
23688
+ "kind": "mixin",
23721
23689
  "description": "",
23722
- "name": "MenuFieldNavigationController",
23690
+ "name": "mixinSelectionControlListItem",
23723
23691
  "members": [
23724
23692
  {
23725
23693
  "kind": "field",
23726
- "name": "#element",
23727
- "privacy": "private",
23694
+ "name": "styles",
23728
23695
  "type": {
23729
- "text": "HTMLElement | null"
23696
+ "text": "array"
23730
23697
  },
23731
- "default": "null"
23732
- },
23733
- {
23734
- "kind": "field",
23735
- "name": "focusedMenu",
23736
- "type": {
23737
- "text": "TMenuItem | null"
23738
- },
23739
- "privacy": "protected",
23740
- "default": "null"
23741
- },
23742
- {
23743
- "kind": "field",
23744
- "name": "host",
23745
- "type": {
23746
- "text": "TField"
23747
- },
23748
- "privacy": "protected",
23749
- "readonly": true,
23750
- "default": "host"
23751
- },
23752
- {
23753
- "kind": "field",
23754
- "name": "_bindHandleKeyDown",
23755
- "type": {
23756
- "text": "(event: KeyboardEvent) => void"
23757
- },
23758
- "privacy": "private",
23759
- "readonly": true
23760
- },
23761
- {
23762
- "kind": "method",
23763
- "name": "attach",
23764
- "parameters": [
23765
- {
23766
- "name": "element",
23767
- "type": {
23768
- "text": "HTMLElement"
23769
- }
23770
- }
23771
- ]
23772
- },
23773
- {
23774
- "kind": "method",
23775
- "name": "detach"
23776
- },
23777
- {
23778
- "kind": "field",
23779
- "name": "#handleMenuClose",
23780
- "privacy": "private",
23781
- "readonly": true
23782
- },
23783
- {
23784
- "kind": "method",
23785
- "name": "handleKeyDown",
23786
- "privacy": "protected",
23787
- "return": {
23788
- "type": {
23789
- "text": "boolean"
23790
- }
23791
- },
23792
- "parameters": [
23793
- {
23794
- "name": "event",
23795
- "type": {
23796
- "text": "KeyboardEvent"
23797
- }
23798
- }
23799
- ]
23800
- },
23801
- {
23802
- "kind": "method",
23803
- "name": "navigate",
23804
- "privacy": "private",
23805
- "parameters": [
23806
- {
23807
- "name": "event",
23808
- "type": {
23809
- "text": "KeyboardEvent"
23810
- }
23811
- },
23812
- {
23813
- "name": "forwards",
23814
- "type": {
23815
- "text": "boolean"
23816
- }
23817
- }
23818
- ]
23819
- },
23820
- {
23821
- "kind": "method",
23822
- "name": "navigateTo",
23823
- "privacy": "protected",
23824
- "parameters": [
23825
- {
23826
- "name": "event",
23827
- "type": {
23828
- "text": "KeyboardEvent"
23829
- }
23830
- },
23831
- {
23832
- "name": "menu",
23833
- "type": {
23834
- "text": "TMenuItem | undefined"
23835
- }
23836
- },
23837
- {
23838
- "name": "index",
23839
- "type": {
23840
- "text": "number"
23841
- }
23842
- }
23843
- ]
23844
- },
23845
- {
23846
- "kind": "method",
23847
- "name": "focusMenu",
23848
- "parameters": [
23849
- {
23850
- "name": "menu",
23851
- "type": {
23852
- "text": "TMenuItem"
23853
- }
23854
- },
23855
- {
23856
- "name": "index",
23857
- "type": {
23858
- "text": "number"
23859
- }
23860
- },
23861
- {
23862
- "name": "active",
23863
- "default": "true"
23864
- },
23865
- {
23866
- "name": "scroll",
23867
- "default": "true"
23868
- }
23869
- ]
23870
- },
23871
- {
23872
- "kind": "method",
23873
- "name": "blurMenu"
23874
- },
23875
- {
23876
- "kind": "method",
23877
- "name": "selectActiveItem",
23878
- "privacy": "private",
23879
- "parameters": [
23880
- {
23881
- "name": "event",
23882
- "type": {
23883
- "text": "KeyboardEvent"
23884
- }
23885
- }
23886
- ]
23887
- },
23888
- {
23889
- "kind": "method",
23890
- "name": "afterFocus",
23891
- "privacy": "protected",
23892
- "parameters": [
23893
- {
23894
- "name": "_",
23895
- "type": {
23896
- "text": "TMenuItem"
23897
- }
23898
- },
23899
- {
23900
- "name": "__",
23901
- "type": {
23902
- "text": "number"
23903
- }
23904
- }
23905
- ]
23906
- },
23907
- {
23908
- "kind": "method",
23909
- "name": "afterBlur",
23910
- "privacy": "protected"
23911
- }
23912
- ]
23913
- }
23914
- ],
23915
- "exports": [
23916
- {
23917
- "kind": "js",
23918
- "name": "MenuFieldNavigationController",
23919
- "declaration": {
23920
- "name": "MenuFieldNavigationController",
23921
- "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
23922
- }
23923
- }
23924
- ]
23925
- },
23926
- {
23927
- "kind": "javascript-module",
23928
- "path": "src/shared/menu-field/menu-field.ts",
23929
- "declarations": [],
23930
- "exports": []
23931
- },
23932
- {
23933
- "kind": "javascript-module",
23934
- "path": "src/shared/selection-control/selection-control-list-item.ts",
23935
- "declarations": [
23936
- {
23937
- "kind": "mixin",
23938
- "description": "",
23939
- "name": "mixinSelectionControlListItem",
23940
- "members": [
23941
- {
23942
- "kind": "field",
23943
- "name": "styles",
23944
- "type": {
23945
- "text": "array"
23946
- },
23947
- "static": true,
23948
- "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]"
23698
+ "static": true,
23699
+ "default": "[ (base as unknown as typeof LitElement).styles ?? [], css` :host { --u-list-item-block-padding: 0; display: block; } :host(:not([disabled])) { cursor: pointer; } `, ]"
23949
23700
  },
23950
23701
  {
23951
23702
  "kind": "field",
@@ -24320,6 +24071,223 @@
24320
24071
  }
24321
24072
  ]
24322
24073
  },
24074
+ {
24075
+ "kind": "javascript-module",
24076
+ "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
24077
+ "declarations": [
24078
+ {
24079
+ "kind": "class",
24080
+ "description": "",
24081
+ "name": "MenuFieldNavigationController",
24082
+ "members": [
24083
+ {
24084
+ "kind": "field",
24085
+ "name": "#element",
24086
+ "privacy": "private",
24087
+ "type": {
24088
+ "text": "HTMLElement | null"
24089
+ },
24090
+ "default": "null"
24091
+ },
24092
+ {
24093
+ "kind": "field",
24094
+ "name": "focusedMenu",
24095
+ "type": {
24096
+ "text": "TMenuItem | null"
24097
+ },
24098
+ "privacy": "protected",
24099
+ "default": "null"
24100
+ },
24101
+ {
24102
+ "kind": "field",
24103
+ "name": "host",
24104
+ "type": {
24105
+ "text": "TField"
24106
+ },
24107
+ "privacy": "protected",
24108
+ "readonly": true,
24109
+ "default": "host"
24110
+ },
24111
+ {
24112
+ "kind": "field",
24113
+ "name": "_bindHandleKeyDown",
24114
+ "type": {
24115
+ "text": "(event: KeyboardEvent) => void"
24116
+ },
24117
+ "privacy": "private",
24118
+ "readonly": true
24119
+ },
24120
+ {
24121
+ "kind": "method",
24122
+ "name": "attach",
24123
+ "parameters": [
24124
+ {
24125
+ "name": "element",
24126
+ "type": {
24127
+ "text": "HTMLElement"
24128
+ }
24129
+ }
24130
+ ]
24131
+ },
24132
+ {
24133
+ "kind": "method",
24134
+ "name": "detach"
24135
+ },
24136
+ {
24137
+ "kind": "field",
24138
+ "name": "#handleMenuClose",
24139
+ "privacy": "private",
24140
+ "readonly": true
24141
+ },
24142
+ {
24143
+ "kind": "method",
24144
+ "name": "handleKeyDown",
24145
+ "privacy": "protected",
24146
+ "return": {
24147
+ "type": {
24148
+ "text": "boolean"
24149
+ }
24150
+ },
24151
+ "parameters": [
24152
+ {
24153
+ "name": "event",
24154
+ "type": {
24155
+ "text": "KeyboardEvent"
24156
+ }
24157
+ }
24158
+ ]
24159
+ },
24160
+ {
24161
+ "kind": "method",
24162
+ "name": "navigate",
24163
+ "privacy": "private",
24164
+ "parameters": [
24165
+ {
24166
+ "name": "event",
24167
+ "type": {
24168
+ "text": "KeyboardEvent"
24169
+ }
24170
+ },
24171
+ {
24172
+ "name": "forwards",
24173
+ "type": {
24174
+ "text": "boolean"
24175
+ }
24176
+ }
24177
+ ]
24178
+ },
24179
+ {
24180
+ "kind": "method",
24181
+ "name": "navigateTo",
24182
+ "privacy": "protected",
24183
+ "parameters": [
24184
+ {
24185
+ "name": "event",
24186
+ "type": {
24187
+ "text": "KeyboardEvent"
24188
+ }
24189
+ },
24190
+ {
24191
+ "name": "menu",
24192
+ "type": {
24193
+ "text": "TMenuItem | undefined"
24194
+ }
24195
+ },
24196
+ {
24197
+ "name": "index",
24198
+ "type": {
24199
+ "text": "number"
24200
+ }
24201
+ }
24202
+ ]
24203
+ },
24204
+ {
24205
+ "kind": "method",
24206
+ "name": "focusMenu",
24207
+ "parameters": [
24208
+ {
24209
+ "name": "menu",
24210
+ "type": {
24211
+ "text": "TMenuItem"
24212
+ }
24213
+ },
24214
+ {
24215
+ "name": "index",
24216
+ "type": {
24217
+ "text": "number"
24218
+ }
24219
+ },
24220
+ {
24221
+ "name": "active",
24222
+ "default": "true"
24223
+ },
24224
+ {
24225
+ "name": "scroll",
24226
+ "default": "true"
24227
+ }
24228
+ ]
24229
+ },
24230
+ {
24231
+ "kind": "method",
24232
+ "name": "blurMenu"
24233
+ },
24234
+ {
24235
+ "kind": "method",
24236
+ "name": "selectActiveItem",
24237
+ "privacy": "private",
24238
+ "parameters": [
24239
+ {
24240
+ "name": "event",
24241
+ "type": {
24242
+ "text": "KeyboardEvent"
24243
+ }
24244
+ }
24245
+ ]
24246
+ },
24247
+ {
24248
+ "kind": "method",
24249
+ "name": "afterFocus",
24250
+ "privacy": "protected",
24251
+ "parameters": [
24252
+ {
24253
+ "name": "_",
24254
+ "type": {
24255
+ "text": "TMenuItem"
24256
+ }
24257
+ },
24258
+ {
24259
+ "name": "__",
24260
+ "type": {
24261
+ "text": "number"
24262
+ }
24263
+ }
24264
+ ]
24265
+ },
24266
+ {
24267
+ "kind": "method",
24268
+ "name": "afterBlur",
24269
+ "privacy": "protected"
24270
+ }
24271
+ ]
24272
+ }
24273
+ ],
24274
+ "exports": [
24275
+ {
24276
+ "kind": "js",
24277
+ "name": "MenuFieldNavigationController",
24278
+ "declaration": {
24279
+ "name": "MenuFieldNavigationController",
24280
+ "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
24281
+ }
24282
+ }
24283
+ ]
24284
+ },
24285
+ {
24286
+ "kind": "javascript-module",
24287
+ "path": "src/shared/menu-field/menu-field.ts",
24288
+ "declarations": [],
24289
+ "exports": []
24290
+ },
24323
24291
  {
24324
24292
  "kind": "javascript-module",
24325
24293
  "path": "src/shared/sets/set-base.styles.ts",